@charset 'utf-8';
html, body, section {
    position: relative;
    width: 100%;
    height: 100%;
}

body {
    background: #f4f4f4;
}

#page_content {
    height: 100%;
}

.part_1 .content-title {
    height: 7.063%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .24rem;
    font-size: .3rem;
    color: #333;
    background: #fff;
    border-bottom: 1px solid rgba(105, 105, 105, 0.21);
}

.part_1 .content-title span {
    padding-left: .15rem;
    border-left: .06rem solid #275c97;
}

.part_1 .content-main {
    height: 92.94%;
}

.part_1 .intro-text {
    position: relative;
    height: 22.471%;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    font-size: .24rem;
    color: #666;
    line-height: .4rem;
    padding-left: .2rem;
    padding-right: .2rem;
    margin-bottom: 1.6%;
    background: #fff;
}

.part_1 .intro-text .text {
    display: inline-block;
    /*width: 72.6%;*/
    text-indent: 2em;
}

.part_1 .intro-text img {
    display: inline-block;
    width: 1.42rem;
    height: 1.42rem;
    position: absolute;
    right: .2rem;
    top: 50%;
    margin-top: -0.71rem;
}

.part_1 .content-main-center {
    height: 75.929%;
    background: #fff;
}

.part_1 .content-main-center .title {
    position: relative;
    height: 21.892%;
}

.title-text {
    color: #144b8f;
    font-size: 0.32rem;
}

.part_1 .title img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 5.02rem;
    height: .61rem;
}

.part_1 .desc {
    /*height: 43.329%;
    font-size: .24rem;
    color: #666;
    text-indent: 2em;
    line-height: .4rem;
    padding-left: 1.35rem;
    padding-right: 1.35rem;*/
}

.desc img{
    width: 6.17rem;
    height: 5.39rem;

}

.part_1 .label {
    width: 100%;
    height: 34.779%;
}

.part_1 .label li {
    position: relative;
    width: 50%;
    height: 100%;
    float: left;
    text-align: center;
}

.part_1 .label li img {
    display: inline-block;
    width: 1rem;
    height: 1rem;
}

.part_1 .label li .name {
    position: absolute;
    top: 1.45rem;
    display: block;
    width: 100%;
    font-size: .28rem;
    color: #333;
    text-align: center;
}

.part_2 {
    height: 100%;
}

.part_2 ul {
    height: 100%;
}

.part_2 ul li {
    height: 32%;
    margin-bottom: 3%;
    background: #fff;
}

.part_2 ul li:last-child {
    margin-bottom: 0;
}

.part_2 li img {
    display: block;
    width: 100%;
    height: 42.253%;
}

.part_2 li .title {
    display: flex;
    align-items: center;
    height: 17.84%;
    font-size: .3rem;
    color: #333;
    padding-left: .3rem;
    padding-right: .3rem;
    border-bottom: 1px solid #dfdfdf;
}

.part_2 li .desc {
    padding-left: .3rem;
    padding-right: .3rem;
    padding-top: .06rem;
}

.part_2 li .desc p {
    font-size: .24rem;
    color: #666;
    margin-top: .06rem;
}

.part_2 li .desc p:first-child {
    margin-top: 0;
}

.part_3 .content-main {
    height: 100%;
    background: #fff;
}

.part_3 .content-main .content-main-top {
    height: 36.597%;
}

.part_3 .content-main-top .title {
    position: relative;
    height: 42.105%;
}

.part_3 .content-main-top .title img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 4.4rem;
    height: .5rem;
}

.part_3 .content-main-top p {
    font-size: .24rem;
    color: #666;
    text-indent: 2em;
    line-height: .35rem;
    padding-left: .3rem;
    padding-right: .3rem;
}

.part_3 .content-main-center {
    height: 43.9%;
}

.part_3 .content-main-center .intro {
    height: 50%;
    padding-left: .3rem;
    padding-right: .3rem;
}

.part_3 .intro .intro_box {
    height: 70.802%;
    padding-left: .3rem;
    padding-right: .3rem;
    background: #fafafa;
    border-radius: 10px;
}

.part_3 .intro_box .content-title {
    position: relative;
    display: flex;
    align-items: center;
    height: 45.876%;
    font-size: .3rem;
    color: #333;
    padding-left: .26rem;
    border-bottom: 1px solid #dfdfdf;
}

.part_3 .intro_box .content-title span {
    padding-left: .15rem;
    border-left: .06rem solid #275c97;
}

.part_3 .intro_box .icon {
    display: flex;
    align-items: center;
    height: 54.124%;
    font-size: .24rem;
    color: #666;
}

.part_3 .icon .add {
    display: inline-block;
    margin-left: .25rem;
    margin-right: .25rem;
    color: #ccc;
}

.part_3 .intro:last-child .add {
    margin-left: .5rem;
    margin-right: .5rem;
}

.part_3 .content-main-bottom {
    font-size: .24rem;
    color: #333;
    text-indent: 2em;
    line-height: .4rem;
    padding-left: .3rem;
    padding-right: .3rem;
}
h4{
    color: #144b8f;
}