.about-sanside {
    padding: 4.875rem 0 0;
    background-size: cover;
}
.about-sanside .top {
    position: relative;
}
.about-sanside .top .content {
    position: absolute;
    top: 5.625rem;
    left: 5.625rem;
    right: 18.75rem;
    color: #fff;
    font-size: 1.125rem;
}
.about-sanside .top .content h3 {
    margin-bottom: 5.0625rem;
}
.about-sanside .top .content h3 span {
    font-size: 2.6875rem;
    position: relative;
}
.about-sanside .top .content h3 span::after {
    content: '';
    display: block;
    position: absolute;
    left: 4.1875rem;
    right: 4.1875rem;
    bottom: -1.875rem;
    border-top: 0.125rem solid #39AC57;
}
.about-sanside .top .content p {
    margin: 0;
    margin-bottom: 1.875rem;
    line-height: 1.875rem;
}
.about-sanside .bottom {
    margin-top: 11.875rem;
    display: flex;
    justify-content: space-between;
    padding: 0 6.875rem;
    align-items: flex-end;
}
.about-sanside .bottom .left {
    flex: 1;
    color: #333333;
    font-size: 1.0625rem;
    line-height: 2rem;
    text-align: justify;
}
.about-sanside .bottom .left h3 {
    text-align: center;
    color: #666666;
    font-size: 1.875rem;
    margin-bottom: 3.75rem;
}
.about-sanside .bottom .left .btn {
    display: inline-block;
    background-color: #2059BE;
    color: #fff;
    text-align: center;
    text-indent: 0;
    padding: 0 0.5rem;
    border-radius: 4px;
    font-size: 0.875rem;
    height: 1.5rem;
    line-height: 1.5rem;
    cursor: pointer;
}
.about-sanside .bottom .left .hide_btn {
    display: none;
}
.about-sanside .bottom .left .hide_text {
    transition: all 0.5s;
    opacity: 0;
}
.about-sanside .bottom .boss {
    width: 12.375rem;
    margin-left: 4.3rem;
}
.about-sanside .bottom .boss .name {
    font-size: 1.3rem;
    font-weight: bold;
    color: #2059BE;
    text-align: center;
    margin-top: 0.625rem;
}
.about_title {
    font-size: 2.8125rem;
    font-weight: bold;
    color: #666666;
    position: relative;
    text-indent: 1.875rem;
    line-height: 2.8125rem;
    margin-bottom: 5rem;
}
.about_title::after {
    content: '';
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    bottom: 0;
    border-left: 0.5625rem solid #39AC57;
}
.development {
    height: 41.125rem;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    position: relative;
}
.development .swiper-container {
    position: absolute;
    bottom: 6rem;
    left: 0;
    right: 0;
}
.development .swiper-container .swiper-slide {
    text-align: center;
    padding-top: 50px;
    position: relative;
    color: #DCDCDC;
}
.development .swiper-container .swiper-slide::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 4.5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #DCDCDC;
    left: calc(50% - 5px);
}
.development .swiper-container .swiper-slide::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 20px;
    bottom: 30px;
    border-right: 1px dashed #DCDCDC;
    left: calc(50% - .5px);
}
.development::after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(6rem + 66px);
    border-top: 1px dashed #DCDCDC;
}
.development .swiper-container .swiper-slide {
    font-size: 1rem;
    cursor: pointer;
}
.development .swiper-container .swiper-slide.active {
    font-size: 1.8rem;
    color: #FFFFFF;
    font-weight: bold;
}
.development .swiper-container .swiper-slide.active::before {
    top: 0;
    width: 10px;
    height: 10px;
    border: 5px solid #FFFFFF;
    border-radius: 50%;
    background-color: #DCDCDC;
    left: calc(50% - 10px);
}
.development .swiper-container .swiper-slide.active::after {
    border-right: 1px solid #FFFFFF;
    top: 24px;
}
.development .list {
    text-align: center;
    padding-top: 5rem;
    position: relative;
}
.development .list li .bg-text {
    font-size: 7.6875rem;
    line-height: 10.125rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.15);
}
.development .list li .info {
    position: absolute;
    left: 0;
    right: 0;
    top: 9.5rem;
    font-size: 1.875rem;
    font-weight: bold;
}
.development .list li .info p {
    margin-bottom: 0.8rem;
}
.development .list li .year {
    margin-top: 4.5rem;
}
.development .list li .year span {
    position: relative;
    font-size: 2.5rem;
    padding-top: 0.8rem;
}
.development .list li .year span::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0.8rem;
    right: 0.8rem;
    border-top: 3px solid #39AC57;
}
.about-bottom {
    padding: 8.5625rem 0 4.375rem;
    background-size: cover;
}
.about_hx {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center;
    color: #666666;
    font-size: 1.5625rem;
}
.about_hx .item {
    flex: 0 0 25%;
    width: 18.125rem;
    height: 18.125rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}
.about_hx .item::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 6.25rem;
    left: 0;
    bottom: 8rem;
    width: 2px;
    border-left: 1px solid #666666;
}
.about_hx .item:first-child::after, .about_hx .item:nth-child(5)::after, .about_hx .item:hover::after, .about_hx .item:hover+.item::after {
    display: none;
}
.about_hx .item:hover {
    background-color: #fff;
    /* border-radius: 0.625rem; */
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.05);
}
.about_hx .item img {
    display: inline-block;
    width: 7.75rem;
    margin-bottom: 0.75rem;
}
.arrow {
    position: absolute;
    display: flex;
    left: 0;
    right: 0;
    justify-content: space-between;
}
.arrow .btn {
    width: 2.625rem;
    height: 7.75rem;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.arrow .btn:hover {
    background-color: rgba(255, 255, 255, .4);
}
.arrow .btn img {
    width: 3rem;
}
.wisdom {
    position: relative;
}
.wisdom .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: space-between;
}
.wisdom .content .item {
    color: #fff;
    flex: 1;
    border-right: 1px solid #fff;
    cursor: pointer;
    position: relative;
    transition: all 0.5s ease;
    overflow: hidden;
}
.wisdom .content .item:last-child {
    border: none;
}
.wisdom .content .item.active {
    flex: 0 0 39.5rem;
}
.wisdom .content .item .title {
    font-size: 1.5rem;
    position: absolute;
    line-height: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.wisdom .content .item.active .title {
    display: none;
}
.wisdom .content .item .info {
    color: #fff;
    width: 30rem;
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    left: 0;
}
.wisdom .content .item.active .info {
    transition: all 0.5s ease;
    display: block;
    top: 9.625rem;
    right: 4.375rem;
    left: 4.375rem;
}
.wisdom .content .item .info .name {
    font-size: 1.875rem;
    font-weight: bold;
    margin-bottom: 2.125rem;
}
.wisdom .content .item .info .name .dian {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #FFFFFF;
    border-radius: 50%;
    position: relative;
    top: -.4rem;
    margin: 0 .2rem;
}
.wisdom .content .item .info p {
    font-size: 1.0625rem;
    padding-left: 0.75rem;
    position: relative;
    margin-bottom: 0.6875rem;
    line-height: normal;
}
.wisdom .content .item .info p::after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #fff;
    top: 50%;
    margin-top: -2px;
}
#certify {
    position: relative;
}
#certify .swiper-container {
    padding-bottom: 4rem;
}
#certify .swiper-slide {
    text-align: center;
    display: flex;
    flex-direction: column;
    width: 20rem;
    height: 27.1875rem;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    position: relative;
    border: .6rem solid #fff;
    box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
}
#certify .swiper-slide img {
    display: block;
    width: 100%;
    border: 2px solid #fff;
}
.swiper-slide p {
    position: absolute;
    font-size: 1.25rem;
    bottom: -4rem;
    color: #666666;
    font-weight: bold;
    width: 150%;
    display: none;
}
#certify .swiper-slide-active p {
    display: block;
}
#certify .swiper-slide::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.1);
}
#certify .swiper-slide-active::after {
    display: none;
}
#certify .arrow {
    top: 31%;
    left: 0;
    right: 0;
}
.arrow .btn:hover {
    background-color: rgba(0, 0, 0, 0.4);
}
.arrow .btn {
    position: relative;
    z-index: 1000;
}
.bgs img {
    display: none;
}
.about_hx_new {
 position: relative;
}
.about_hx_new img {
 width: 100%;
}
.about_hx_new .content {
 position: absolute;
 width: 32rem;
 top: 6.0625rem;
 color: #333333;
 font-size: 1.0625rem;
 line-height: 1.5;
}
.about_hx_new_right {
 margin-bottom: 5.3125rem;
 margin-top: 8.4375rem;
}
.about_hx_new_right .content {
 right: 3rem;
}
.about_hx_new_left .content {
 left: 96px;
}
.about_hx_new .title {
 font-size: 1.1875rem;
 color: #666666;
}
.about_hx_new span {
 font-size: 1.875rem;
 color: #2059BE;
}
.about_hx_new .name {
 font-size: 1.5625rem;
 color: #2059BE;
 margin: 1.3125rem 0 0.875rem;
}