.introduce-page {
    width: 192rem;
}

.introduce-body {
    width: 100%;
    height: 70rem;
    overflow: hidden;
    background-image: url("https://img.js.design/assets/img/6730696c2ee1f46dbae5771d.png#18148f162cb3fc6401d3a3eb1c846576");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center -24rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 4.6rem 9.9rem;
    padding-top: 11.1rem;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 0;
}

.introduce-nav {
    position: absolute;
    left: calc(50% - 80rem);
    bottom: 0;
    width: 160rem;
    height: 42.6rem;
    border-radius: 0.2rem;
    background-color: rgba(255, 255, 255, 0.96);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9.1rem 10.9rem 9rem 10.6rem;
}

.nav-icon {
    width: 19.8rem;
    height: 23.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav-icon > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.nav-info {
    width: 106.4rem;
    height: 100%;
}
.info-title {
    display: flex;
    align-items: center;
    font-size: 4rem;
    font-weight: 500;
    margin-bottom: 1.8rem;
}
.fx {
    width: 4.4rem;
    height: 0;
    transform: rotate(90deg);
    border: 0.2rem solid rgba(51, 51, 51, 0.7);
}
.icon-text {
    width: 34.3rem;
    height: 5.3rem;
    overflow: hidden;
}
.icon-text > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative;
    top: 0.6rem;
}
.info-icon {
    width: 7.5rem;
    height: 0.6rem;
    background: rgba(247, 200, 0, 1);
    margin-bottom: 2.9rem;
}
.info-details {
    width: 100%;
    height: 12.8rem;
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 4rem;
    color: rgba(51, 51, 51, 1);
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
}

/* 走进安科 */
.into-ak {
    width: 192rem;
    height: 76rem;
    padding-left: 16rem;
    background: rgba(235, 236, 242, 1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 14.1rem;
    padding-bottom: 7.7rem;
}
.into-ak-info {
    width: 71.4rem;
    height: 100%;
    margin-right: 7rem;
    flex-shrink: 0;
}
.into-ak-info-title,
.partner-ak-info-title {
    height: 4rem;
    font-size: 4rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 4rem;
    color: rgba(31, 26, 23, 1);
    margin-bottom: 2.9rem;
}
.into-ak-info-icon,
.partner-ak-info-icon {
    width: 7.5rem;
    height: 0.6rem;
    background: rgba(247, 200, 0, 1);
    margin-bottom: 3rem;
}
.into-ak-info-body,
.partner-ak-info-body {
    width: 100%;
    height: 41.3rem;
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 4rem;
    color: rgba(51, 51, 51, 1);
    text-indent: 4.4rem;
}

.into-ak-image {
    width: 100%;
    height: 100%;
    /* overflow: hidden; */
    border-top-left-radius: 35rem;
    border-bottom-left-radius: 35rem;
    position: relative;
}
.into-ak-image::after {
    content: "";
    position: absolute;
    left: -1rem;
    top: -1rem;
    width: 98.6rem;
    height: 57rem;
    border-top-left-radius: 35rem;
    border-bottom-left-radius: 35rem;
    background-color: rgb(226 228 238);
    z-index: 2;
    box-shadow: 0 0 2rem rgba(44, 51, 128, 0.18);
}
.into-ak-image > img {
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-top-left-radius: 35rem;
    border-bottom-left-radius: 35rem;
}

/* 视频 */
.ak-video-bg {
    width: 192rem;
    height: 93.5rem;
    background-color: #fff;
}
.ak-video {
    width: 160rem;
    height: 93.5rem;
    margin: 0 auto;
    padding: 7rem 0 6rem 0;
}

.ak-video-title {
    height: 10rem;
    background: rgba(15, 37, 94, 1);
    font-size: 2.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin-bottom: 6.5rem;
}
.bi-buildings-fill {
    color: rgba(244, 189, 0, 1);
    width: 4rem;
    height: 4rem;
    margin-right: 2.5rem;
}

.ak-video-content {
    width: 115.2rem;
    height: 61rem;
    margin: 0 auto;
    position: relative;
    transition: all 0.3s;
}

.ak-video-mask {
    width: 115.2rem;
    height: 61rem;
    position: relative;
    z-index: 3;
}
.ak-video-mask > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: pointer;
    box-shadow: 0 0 2rem rgba(44, 51, 128, 0.18);
}

#player-video {
    width: 115.2rem;
    height: 61rem;
    position: absolute;
    left: 0;
    top: 0;
    background-color: black;
    z-index: 2;
}
#player-video > video {
    width: 100%;
    height: 100%;
    object-fit: fill;
    cursor: pointer;
}

.ak-video-content:hover {
    transform: translateY(-0.5rem);
}

/* 产业布局 */
.ak-industry {
    width: 160rem;
    height: 91.5rem;
    margin: 0 auto;
    padding-top: 7rem;
}
.ak-industry-title {
    text-align: center;
    width: 100%;
    font-size: 4rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 4rem;
    color: rgba(31, 26, 23, 1);
    margin-bottom: 2.9rem;
}

.ak-industry-icon {
    width: 7.5rem;
    height: 0.6rem;
    background: rgba(247, 200, 0, 1);
    margin: 0 auto;
    margin-bottom: 5.3rem;
}
.ak-industry-body {
    width: 100%;
    height: 70.1rem;
    padding: 10.3rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-image: url("https://img.js.design/assets/img/67525c93df1438b736f66309.png#001e91ab155c872e4dd2b9b188a44ac1");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
}

.ak-industry-body-company-info {
    width: 74.7rem;
    height: 61rem;
    background-color: #fff;
    box-shadow: 0 0 2rem rgba(44, 51, 128, 0.18);
    flex-shrink: 0;
    transition: all 0.4s;
    opacity: 0;
}
.info-image {
    width: 100%;
    height: 30rem;
    overflow: hidden;
}
.info-image > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ak-industry-body-company-info .industry-info-title {
    font-size: 4rem;
    font-weight: 400;
    line-height: 4rem;
    color: rgba(31, 26, 23, 1);
    padding: 3.3rem;
    text-align: center;
    margin-bottom: 0;
}
.ak-industry-body-company-info .industry-info-details {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 3.2rem;
    color: rgba(0, 0, 0, 1);
    padding: 0 3.3rem 3.3rem 3.3rem;
}
.ak-industry-body-company-list {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.company-list-item {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 4rem;
    color: rgba(51, 51, 51, 1);
    margin-bottom: 2.2rem;
    transition: all 0.2s;
    cursor: pointer;
}
.company-list-item-active,
.company-list-item:hover {
    color: rgba(246, 198, 2, 1);
}

.company-list-item:last-child {
    margin: 0;
}

/* 企业荣誉 */
.ak-honor-bg {
    width: 192rem;
    background-color: #fff;
}
.ak-honor {
    width: 160rem;
    height: 63.1rem;
    padding: 7rem 0;
    margin: 0 auto;
}

.ak-honor-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ak-honor-body-image {
    height: 100%;
    align-items: center;
    display: flex;
    flex-shrink: 0;
}
.honor-body-image {
    margin-right: 3rem;
    width: 39.5rem;
    height: 26.4rem;
    overflow: hidden;
    box-shadow: 0 0 2rem rgba(44, 51, 128, 0.4);
}
.honor-body-image > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.honor-body-image:last-child {
    margin-right: 6.2rem;
}
.ak-honor-body-info {
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 4rem;
    color: rgba(51, 51, 51, 1);
}

.ak-honor .ak-industry-icon {
    margin-bottom: 7.1rem;
}

.partner-ak {
    width: 160rem;
    height: 87rem;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.partner-ak-info {
    width: 71.9rem;
    flex-shrink: 0;
    margin-right: 5.4rem;
}

.partner-ak-image {
    width: 80.8rem;
    height: 76.7rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.partner-ak-image {
    max-width: 80.8rem;
    max-height: 76.7rem;
}
.partner-ak-info-body {
    text-indent: 0 !important;
}