.mb_hidden {
    display: block;
}
.pc_hidden {
    display: block;
}

.hb_section h2 {
    text-align: left;
    color: #253f76;
    position: relative;
    z-index: 1;
}
.hb_section h2 .zh {
    position: relative;
    z-index: 1;
}
.hb_section h2 .en {
    display: block;
    color: #f4f4f4;
    -webkit-text-stroke: 1px #d8d8d8;
    position: absolute;
    z-index: 0;
}
.hb_section .section {
    background-repeat: no-repeat;
    background-size: cover;
}
.hb_section .sec_banner {
    background-image: url(https://www.cplussz.com/css/zt/hb/images/banner.avif);
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.hb_section .sec_banner .sec_banner_title {
    color: #697389;
}

.hb_section .sec_banner .sec_banner_desc {
    color: #697389;
}

.hb_section .sec_symptom {
    background: #ffffff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}     

.hb_section .sec_symptom h4 {
    color: #253f76;
}
.hb_section .sec_symptom .sec_symptom_box > div {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}
.hb_section .sec_symptom .sec_symptom_box img {
    width: auto;
}

.hb_section .sec_symptom .sec_symptom_box p {
    color: #6a6e8e;
}

.hb_section .sec_selftest {
    background-image: url(https://www.cplussz.com/css/zt/hb/images/s2_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.hb_section .sec_selftest .gridtest_box {
    display: flex;
    justify-content: space-between;
}

.hb_section .sec_selftest .gridtest_box .way_text {
    background-color: #39538c;
    color: #ffffff;
    display: inline-block;
}
.hb_section .sec_selftest .gridtest_box ul li {
    display: flex;
    align-items: center;
    justify-content: start;
}

.hb_section .sec_selftest .gridtest_box ul li span {
    color: #ffffff;
    font-weight: 900;
    -webkit-text-stroke: 1px #39538c;
}

.hb_section .sec_selftest .gridtest_box .right {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between;
}

.hb_section .sec_selftest .warimg_p {
    font-weight: 900;
    background-color: rgba(245, 126, 41, 0.1);
}

.hb_section .sec_selftest .img_text_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
}
.hb_section .sec_selftest .img_text_list li {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between;
    background-color: #ffffff;
}
.hb_section .sec_selftest .img_text_list li .img_box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}
.hb_section .sec_selftest .img_text_list li h5 {
    width: 100%;
    color: #ffffff;
}
.hb_section .sec_selftest .img_text_list li:nth-child(1) h5 {
    background-color: #94ade1;
}
.hb_section .sec_selftest .img_text_list li:nth-child(2) h5 {
    background-color: #809cd6;
}
.hb_section .sec_selftest .img_text_list li:nth-child(3) h5 {
    background-color: #5c7ec7;
}
.hb_section .sec_selftest .img_text_list li:nth-child(4) h5 {
    background-color: #4164b1;
}
.hb_section .sec_selftest .img_text_list li:nth-child(5) h5 {
    background-color: #3054a1;
}
.hb_section .sec_selftest .img_text_list li .s2_down {
    position: absolute;
}   

.hb_section .sec_type {
    background-image: url(https://www.cplussz.com/css/zt/hb/images/s3_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.sec_type .ds {
        display: inline-block;
        max-height: 70px;
}

.sec_type .d1 {
        margin-top: 140px;
}

.sec_type .d_box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 250px;
        /* margin-top: -37px; */
        transform: translate(0px, -180px);
        position: relative;
        z-index: 0;
}

.hb_section .sec_type h2 .en {
    color: #e0e4e9;
}

.hb_section .sec_type .out_circle {
    border-radius: 100%;
    border: dashed 2px rgba(92, 126, 199, 0.8);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: column;
    position: relative;
}

.hb_section .sec_type .out_circle .circle1 {
    background-color: #f59639;
    border-radius: 100%;
}
.hb_section .sec_type .out_circle .circle2 {
    background-color: #244488;
    border-radius: 100%;
	z-index:1;
}

.hb_section .sec_type .out_circle .circle3_box .circle3_i {
    background-color: #4164b1;
    border-radius: 100%;
}

.hb_section .sec_oldhb h2 .en {
    color: #fff;
}
.hb_section .sec_oldhb .img_des_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hb_section .sec_oldhb .img_des_box p {
    background-color: #fdf3ea;
}
.hb_section .sec_oldhb h5 {
    background-color: #acdee7;
    color: #2e5f68;
    text-align: center;
    /* width: 100vw; */
}
.hb_section .sec_oldhb .dry_hb,
.hb_section .sec_oldhb .slow_hb {
    background-image: linear-gradient(#f4f4f4, #f4f4f4), linear-gradient(#ecf1fc, #ecf1fc);
}
.hb_section .sec_oldhb .dry_hb h6,
.hb_section .sec_oldhb .slow_hb h6 {
    color: #fff;
    margin: 0 auto;
    text-align: center;
    border-radius: 0px 0px 100px 100px;
}
.hb_section .sec_oldhb .dry_hb h6 {
    background-color: #698cd7;
}
.hb_section .sec_oldhb .slow_hb h6 {
    background-color: #ffab63;
}

.hb_section .sec_oldhb .dry_hb .des_con,
.hb_section .sec_oldhb .slow_hb .des_con {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hb_section .sec_oldhb .dry_hb .des_con .des_box p,
.hb_section .sec_oldhb .slow_hb .des_con .des_box p {
    text-align: justify;
}

.hb_section .sec_reason {
    background-image: url(https://www.cplussz.com/css/zt/hb/images/s5_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.hb_section .sec_reason h2 .en {
    color: #c7e9fb;
    -webkit-text-stroke: 1px #fff;
}
.hb_section .sec_reason .mb_hidden  ul {
    /* display: flex; */
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}
.hb_section .sec_reason .mb_hidden ul:nth-child(2) {
    justify-content: space-between;
}
.hb_section .sec_reason ul li {
    display: flex;
    flex-flow: column;
    align-items: center;
    /* background-color: #ffffff; */
}

.hb_section .sec_reason ul li span {
    color: #555555;
	text-align:center;
}
.hb_section .sec_treatment {
    background-image: url(https://www.cplussz.com/css/zt/hb/images/s6_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: -10px;
}
.hb_section .sec_treatment h2 .en{
		color:#fff;
	}
.hb_section .sec_treatment ul li {
    color: #555555;
    border: solid 4px #8eb2fc;
    transition: all .3s;
}
.hb_section .sec_treatment ul li:hover {
    background-image: url(https://www.cplussz.com/css/zt/hb/images/ac_bg.jpg);
    color: #ffffff;
}
.hb_section .sec_treatment ul li div {
    display: flex;
}
.hb_section .sec_treatment ul li div span {
    background-color: #2e58b3;
    color: #fff;
    border-radius: 100%;
    position: relative;
    z-index: 1;
    transition: all .3s;
}
.hb_section .sec_treatment ul li:hover div span {
    background-color: #4e7ad6;
}
.hb_section .sec_treatment ul li div h6 {
    background-color: #4e7ad6;
    color: #fff;
    border-radius: 0px 25px 0px 0px;
    position: relative;
    z-index: 0;
    font-weight: 700;
    transition: all .3s;
}
.hb_section .sec_treatment ul li:hover div h6 {
    background-color: #ffffff;
    color: #2856b8;
    
}
.hb_section .sec_prevention {
    /* background-image: url(https://www.cplussz.com/css/zt/hb/images/s7_bg.png); */
    background-repeat: no-repeat;
    background-size: cover;
}
.hb_section .sec_prevention ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.hb_section .sec_prevention ul li {
    display: flex;
    flex-flow: column;
    box-shadow: 5px 9px 29px 0px rgba(6, 0, 1, 0.12);
    align-items: center;
    justify-content: center;
}
.hb_section .sec_prevention ul li .des_box {
    background-color: #fff;
    width: 100%;
    text-align: justify;
}   
.hb_section .sec_prevention ul li .des_box h6 {
    color: #4164b1;
    text-align: center;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}
/* .section_com_problem {
        width: 70%;
        margin: 0 auto;
    }
	.hb_section .section_com_problemt h2 .en{
		color:#fff;
	}

    .section_com_problem>h3 {
        width: 270px;
    }

    .section_com_problem .accordion {
        margin-left: 120px;
        margin-top: 50px;
        list-style: none;
        width: 78%;
        text-align: justify;
        font-weight: 600;
    }

    .section_com_problem .accordion>div {
        margin: 20px 0;
    }

    .section_com_problem .accordion h2 {
        display: flex;
        align-items: center;
        border-bottom: 2px solid #1b407a;
        padding: 0;
        padding-bottom: 10px;
        font-size: 20px;
        font-weight: 900;
        line-height: 27px;
        color: #1b407a;
    }

    .section_com_problem .accordion h2 p {
        display: flex;
        align-items: center;
        font-size: 25px;
    } */