.about_box {
    width: 100%;
    padding-top: calc(1px + 4rem);
}

.about {
    max-width: 1480px;
    width: 90%;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.about_left {
    width: 22.6351%;
}

.about_nav {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(6px + 0.5rem);
}

.about_nav_item {
    width: 100%;
    height: calc(10px + 2rem);
    background: #EEEEEE;
}

.about_nav_item a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: PingFang SC;
    font-weight: 500;
    font-size: calc(6px + 0.5rem);
    color: #333333;
    line-height: 1;
}

.about_nav_item_act{
     background: #BFA151;
    
}

.about_nav_item_act a{
    font-size: calc(4px + 1rem);
    color: #FFFFFF;
}
.about_right {
    width: 69.2568%;
}

.about_pic {
    width: 100%;
    height: calc(160px + 20rem);
}

.about_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about_text .p1 {
    font-family: PingFang SC;
    font-weight: bold;
    font-size: calc(6px + 1.5rem);
    color: #404040;
    line-height: calc(2px + 2rem);
}

.about_text .line {
    width: calc(100px + 30rem);
    height: 1px;
    background: #DCDCDC;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: calc(6px + 1rem);
}

.about_text .line div {
    width: calc(28px + 15rem);
    height: calc(1px + 0.1rem);
    background: #BFA151;
}

.about_text .p2 {
    width: calc(120px + 30rem);
    font-family: PingFang SC;
    font-weight: 500;
    font-size: calc(6px + 0.5rem);
    color: #2E2E2E;
    line-height: calc(10px + 1rem);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(5px + 0.5rem);
    margin-top: calc(6px + 1.5rem);
}

.about_num {
    display: flex;
    justify-content: space-between;
    margin-top: calc(23px + 5rem);
}

.about_num_item .p1 {
    font-family: D_DIN_PRO_Medium;
    font-weight: 500;
    font-size: calc(20px + 2rem);
    color: #BFA151;
    line-height: calc(10px + 3rem);
}

.about_num_item .p2 {
    font-family: PingFang SC;
    font-weight: 500;
    font-size: calc(10px + 0.5rem);
    color: #818181;
    line-height: calc(10px + 3rem);
}

.about_2_box {
    width: 100%;
    padding: calc(55px + 5rem) 0;
    background: url(../images/about_2_bg.png) no-repeat;
    background-size: cover;
    margin-top: calc(10px + 3rem);
}

.about_2_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.about_2_text .p1 {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: calc(10px + 1.5rem);
    color: #FFFFFF;
    line-height: calc(6px + 1.5rem);
}

.about_2_text div {
    width: calc(10px + 4rem);
    height: calc(2px + 0.1rem);
    background: #FFFFFF;
    margin-top: calc(4px + 1rem);
    margin-bottom: calc(12px + 2rem);
}

.about_2_text .p2 {
    font-family: PingFang SC;
    font-weight: 500;
    font-size: calc(10px + 0.5rem);
    color: #FFFFFF;
    line-height: calc(6px + 1rem);
}


.cer_box {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: calc(32px + 5rem);
}

.cer {
    max-width: 1700px;
    width: 95%;
}

.cer_title_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: calc(20px + 10rem);
}

.cer_title p {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: calc(10px + 1.5rem);
    color: #333333;
    line-height: calc(6px + 1.5rem);
}

.cer_title div {
    width: calc(10px + 4rem);
    height: calc(2px + 0.1rem);
    background: #BFA151;
    margin-top: calc(3px + 1rem);
}

.cer_btn{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: calc(4px + 0.5rem);
}

.cer_btn .prev{
    width: calc(10px + 2rem);
height: calc(10px + 2rem);
background: #BFA151;
border-radius: 50%;
opacity: 0.2;
}

.cer_btn .next{
    width: calc(10px + 2rem);
height: calc(10px + 2rem);
background: #BFA151;
border-radius: 50%;
}

.cer_list{
    width: 100%;
    margin-top: calc(14px + 2rem);
}

.cer_swiper{
    width: 100%;
}

.cer_item{
    width: 100%;
background: #FFFFFF;
border: 1px solid #DCDCDC;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding-top: calc(10px + 1.5rem);
}
.cer_pic{
    width: 80%;
    height: calc(10px + 15rem);
    display: flex;
    align-items: center;
}
.cer_pic img{
   width: 100%;
}

.cer_item .p1{
font-family: Microsoft YaHei;
font-weight: 400;
font-size: calc(10px + 0.5rem);
color: #333333;
line-height: calc(73px + 5rem);
}

.gonggao_list{
    width: 100%;
background-color: #EEEEEE;
padding: calc(6px + 1rem) calc(4px + 1rem);
}

.gonggao_item {
font-family: PingFang SC;
font-weight: 500;
font-size: calc(6px + 0.5rem);
color: #333333;
line-height: calc(8px + 2rem);
display: flex;
justify-content: flex-start;
align-items: center;
gap: calc(5px + 0.25rem);
}
.gonggao_item::before{
    content:"";
    width: calc(3px + 0.25rem);
    height: calc(3px + 0.25rem);
    background-color: #BFA151;
    border-radius: 50%;
}

.tuijian_list{
    width: 100%;
    background-color: #EEEEEE;
    padding: calc(6px + 1rem) calc(4px + 1rem);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(10px + 0.5rem);
}

.tuijian_item{
font-family: PingFang SC;
font-weight: 400;
font-size: calc(8px + 0.5rem);
color: #333333;
line-height: calc(2px + 1.5rem);
display: flex;
justify-content: flex-start;
align-items: center;
gap: calc(5px + 0.25rem);
}

.tuijian_item::before{
    content:"1";
    width: calc(8px + 0.5rem);
    height: calc(8px + 0.5rem);
    background-color: #B5B5B5;
    border-radius: calc(2px + 0.1rem);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
}

.tuijian_item:nth-of-type(1)::before{
    background-color: #BFA151;
}
.tuijian_item:nth-of-type(2)::before{
    background-color: #BFA151;
}
.tuijian_item:nth-of-type(3)::before{
    background-color: #BFA151;
}