@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 .intro-text {
    position: relative;
    height: 22.471%;
    display: flex;
    align-items: center;
    /* height: 20.9%; */
    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 .intro-content {
    position: relative;
    height: 70.3%;
    padding-top: .3rem;
    padding-left: .3rem;
    padding-right: .3rem;
    background: #fff;
}
.part_1 .intro-content .c_list {
    width: 100%;
    height: 100%;
}
.c_list li {
    width: 100%;
    height: 31%;
    margin-bottom: .15rem;
}
.c_list li:last-child {
    margin-bottom: 0;
}
.c_list li img {
    display: block;
    width: 100%;
    height: 100%;
}

.part_2 .introduce {
    width: 100%;
    height: 82%;
    overflow: hidden;
}
.part_2 .introduce .content_bg {
    position: relative;
    width: 100%;
    height: 100%;
}
.part_2 .content_bg img {
    display: block;
    position: absolute;
    right: 0;
    width: 100%;
    height: auto;
}
.part_2 .text_1 {
    position: absolute;
    top: 2.01rem;
    left: .5rem;
    width: 3.57rem;
    font-size: .34rem;
    color: #437ebf;
    line-height: .54rem;
}
.part_2 .text_2 {
    position: absolute;
    top: 3.49rem;
    left: .5rem;
    width: 3.29rem;
    font-size: .24rem;
    color: #666;
    line-height: .4rem;
}
.part_2 .operation {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 16%;
    background: #fff;
}
.part_2 .operation img {
    position: absolute;
    display: block;
    width: 5.31rem;
    height: 1.15rem;
    top: 50%;
    left: 50%;
    margin-top: -0.575rem;
    margin-left: -2.655rem;
}