.FullBanner1 {
    min-height: 910px;
    height: auto !important;
}

.TopBrandingTitle {
    justify-content: flex-start;
}

.TopBrandingTitle h2 {
    margin-top: 12%;
}

.TopBrandingInfo {
    display: flex;
    align-items: center;
    padding: 48px 0 0 0;
}

.TopBrandingInfoText {
    width: 60%;
}

.TopBrandingInfoStat {
    width: 40%;
}

.TopBrandingInfoText {
    padding: 48px;
}

.TopBrandingInfoText p {
    font-size: 100%;
    color: #fff;
    line-height: 2;
    flex: 1;
}

.TopBrandingInfoTextLink {
    margin-top: 48px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: baseline;
}

.TopBrandingInfoTextLink > a {
    color: #fff;
    text-decoration: none;
    margin-right: 20px;
    margin-bottom: 3px;
}

.TopBrandingInfoStat {
    padding: 50px;
    background-color: rgba(255, 255, 255, 0.85);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
}

.HomeStatisList {
    margin-top: 48px;
    width: 100%;
    grid-template-columns: 1fr 1fr;
}

.HomeStatisList .HomeStatisItem {
    height: 100px;
}

.HomeStatisList .HomeStatisItem h5 strong {
    font-size: 250%;
}

@media screen and (max-width: 768px) {
    .FullBanner1 {
        min-height: 450px;
    }

    .TopBrandingInfo {
        padding-top: 0px;
        flex-direction: column;
    }

    .TopBrandingInfoText, .TopBrandingInfoStat {
        width: 100%;
    }

    .TopBrandingInfoText {
        padding: 0px;
    }

    .TopBrandingInfoText p {
        font-size: 80%;
    }

    .TopBrandingInfoTextLink {
        margin-top: 12px;
        justify-content: center;
        align-items: center;
    }

    .TopBrandingInfoTextLink a {
        font-size: 80%;
    }

    .TopBrandingTitle.hsif2022 img {
        width: auto;
    }

    .TopBrandingInfoStat {
        padding: 16px;
        margin: 24px auto;
        width: 100%;
    }

    .HomeStatisList {
        margin: 10px auto;
    }

    .HomeStatisList .HomeStatisItem {
        height: 44px;
    }

    .HomeStatisList .HomeStatisItem h5 strong {
        font-size: 150%;
    }

    .HomeStatisList .HomeStatisItem p {
        font-size: 80%;
    }

    .HomeStaticInfoDate {
        font-size: 80%;
    }

    .HomeStaticInfoDate > img {
        width: 14px;
        height: auto;
    }
}

.AboutArea1TabNav ul {
    display: flex;
    flex-direction: row;
    list-style: none;
}

.AboutArea1TabNav ul li {
    width: 25%;
}

.AboutArea1TabContentItem {
    display: none;
}

.AboutArea1TabContentItem.actived {
    display: block;
}

.RespItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 5px;
}

.RespItem .RespItemTitle h4 {
    cursor: pointer;
    color: #333;
    font-size: 180%;
    margin: 0 auto 12px auto;
}

.RespItem .RespItemTitle:hover h4, .RespItem .RespItemTitle.checked h4 {
    color: var(--color-accent);
}

.RespItem .RespItemTitle p {
    display: none;
    text-align: center;
}

.AboutArea1TabNav ul li .RespItem .RespItemTitle:hover p, .AboutArea1TabNav ul li.actived .RespItem .RespItemTitle p {
    display: block;
}

.RespItem .RespItemBody {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-self: center;
}

.RespItem .RespItemBody > p {
    display: block;
    width: 100%;
    background-color: #fff;
    color: #333;
    font-size: 60%;
    text-align: center;
    padding: 24px 12px;
    border-radius: 0px 0px 5px 5px;
}

.AboutArea3 {
    padding: 64px 0;
    background-color: #f2f2f2;
}

.AboutArea3 .TopBrandingAreaInner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ResourceItem {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 300px;
    background-color: rgba(255,255,255,.85);
}

.ResourceItemTitle {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100px;
    background-color: var(--color-accent);
}

.ResourceItemTitle::after {
    content: "";
    position: absolute;
    left: calc((100% - 20px) / 2);
    bottom: -1px;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    transform: rotate(90deg);
    /*顺时针旋转90°*/
}

.ResourceItemTitle h4 {
    margin: 0;
    font-weight: 400;
    font-size: 150%;
    color: #fff;
    text-align: center;
    line-height: 1.6;
}

.ResourceItemTitle p {
    color: #fff;
    text-align: center;
    font-size: 80%;
}

.ResourceItemBody {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ResourceItemBody p {
    text-align: center;
    line-height: 1.5;
    color: #333;
    font-size: 100%;
}

@media screen and (max-width: 1024px) {
    .RespItem .RespItemTitle h4 {
        font-size: 150%;
        margin-bottom: 8px;
    }

    .RespItem .RespItemBody > img {
        width: 100%;
        height: auto;
    }

    .RespItem .RespItemBody > p {
        padding: 12px 6px;
    }

    .ResourceItemTitle h4 {
        font-size: 120%;
    }

    .ResourceItemBody p {
        font-size: 80%;
    }
}

@media screen and (max-width: 768px) {
    .FullBanner8 {
        height: auto !important;
    }

    .FGrid.FGrid-4 {
        grid-template-columns: 100%;
    }

    .ResourceItem {
        margin: 0 auto;
        width: 100%;
        height: 200px;
    }

    .ResourceItemTitle {
        height: 80px;
    }

    .ResourceItemTitle h4 {
        font-size: 100%;
        line-height: 1.2;
        margin: 0;
    }

    .RespItem .RespItemTitle p > img {
        width: 16px;
        height: auto;
    }

    .RespItem .RespItemTitle h4 {
        font-size: 120%;
        font-weight: 400;
        text-align: center;
        margin: 0;
    }
}

.NewsBox {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

.NewsCate .NewsCateHead {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
}

.NewsCate .NewsCateHead:hover {
    text-decoration: none;
}

.NewsCate .NewsCateHead .CateTitle {
    margin: 0;
    font-size: 180%;
    color: #333;
    margin-right: 28px;
}

.NewsCate .NewsCateHead .CateTitle span {
    color: var(--color-accent-light);
}

.NewsCate .NewsBody {
    margin-top: 24px;
    padding-bottom: 48px;
}

.NewsCate .NewsBody .NewsItem {
    position: relative;
}

.NewsCate .NewsBody .NewsItem .NewsImage {
    max-width: 625px;
}

.NewsCate .NewsBody .NewsItem .NewsImage img {
    width: 100%;
    height: auto;
}

.NewsCate .NewsBody .NewsItem .NewsInfo {
    position: absolute;
    left: 4%;
    bottom: -48px;
    background-color: rgba(255,255,255,.9);
    width: 92%;
    height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 28px;
}

.NewsCate .NewsBody .NewsItem .NewsInfo .NewsTitle {
    text-align: left;
    line-height: 1.6;
}

.NewsCate .NewsBody .NewsItem .NewsInfo .NewsTitle a {
    color: #333;
    font-size: 120%;
    text-decoration: none;
}

.NewsCate .NewsBody .NewsItem .NewsInfo .MoreNews {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    text-decoration: none;
}

.NewsCate .NewsBody .NewsItem .NewsInfo .MoreNews span {
    font-size: 120%;
    color: var(--color-accent-light);
    font-weight: 500;
    margin-right: 8px;
}

@media screen and (max-width: 767px) {
    .NewsBox {
        flex-direction: column;
    }

    .NewsCate .NewsCateHead .CateTitle {
        font-size: 120%;
        margin-right: 14px;
    }

    .NewsCate .NewsCateHead img {
        width: 10px;
        height: auto;
    }

    .NewsCate .NewsBody .NewsItem .NewsImage {
        max-width: 100%;
    }

    .NewsCate .NewsBody .NewsItem .NewsImage img {
        width: 100%;
        height: auto;
    }

    .NewsCate .NewsBody .NewsItem .NewsInfo {
        bottom: 5px;
        height: 100px;
        padding: 12px;
    }

    .NewsCate .NewsBody .NewsItem .NewsInfo .NewsTitle a {
        font-size: 80%;
    }

    .NewsCate .NewsBody .NewsItem .NewsInfo .MoreNews span {
        font-size: 80%;
    }

    .NewsCate .NewsBody .NewsItem .NewsInfo .MoreNews img {
        width: 6px;
        height: auto;
    }
}

.AboutArea4 .FullBannerInnerSubTitle a.LinkWithArrow1_Right {
    height: 44px;
    line-height: 44px;
    padding-right: 35px;
}

.AboutArea4 .FullBannerInnerSubTitle a.LinkWithArrow1_Right::after {
    top: -2px;
    height: 44px;
    line-height: 44px;
}

.AboutArea4 .FullBannerInnerBody ul {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    list-style: none;
}

.AboutArea4 .FullBannerInnerBody ul li {
    position: relative;
    width: 50%;
}

.AboutArea4 .FullBannerInnerBody ul li a > img {
    width: 100%;
    height: auto;
}

.AboutArea4 .FullBannerInnerBody ul li p {
    width: 100%;
    height: 64px;
    padding: 22px 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #333;
}

.AboutArea4 .FullBannerInnerBody ul li p a {
    font-size: 100%;
    color: #fff;
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    .AboutArea4 .FullBannerInnerSubTitle a.LinkWithArrow1_Right {
        height: 22px;
        line-height: 22px;
        padding-right: 25px;
    }

    .AboutArea4 .FullBannerInnerSubTitle a.LinkWithArrow1_Right::after {
        top: 0px;
        height: 22px;
        line-height: 22px;
    }

    .AboutArea4 .FullBannerInnerBody ul {
        flex-direction: row;
    }

    .AboutArea4 .FullBannerInnerBody ul li {
        margin-bottom: 16px;
        width: 49%;
    }

    .AboutArea4 .FullBannerInnerBody ul li p {
        height: 36px;
        padding: 11px 15px;
    }

    .AboutArea4 .FullBannerInnerBody ul li p a {
        font-size: 80%;
    }

    .HomeStatisList .HomeStatisItem h5 {
        font-size: 80%;
        margin: 0;
    }

    .AboutArea4 .FullBannerInnerBody ul li p > img {
        width: auto;
        height: 12px;
    }
}

.NewsArea1 {
    padding: 48px 0 0 0;
    background-color: #f2f2f2;
}

.NewsArea2 {
    background-color: #f2f2f2;
}

.NewsTabContent {
    padding: 48px 0 48px 0;
}

.NewsTabNav {
    display: block;
    width: 100%;
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.NewsTabNavItem {
    position: relative;
    cursor: pointer;
    width: calc((100% - 24px) / 2);
    height: 88px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #e5e5e5;
}

.NewsTabNavItem > h4 {
    margin: 0;
    font-size: 150%;
    font-weight: 500;
    color: #333;
    text-align: center;
    width: 100%;
    background-image: none;
    height: 88px;
    line-height: 88px;
}

.NewsTabNavItem > h4 > a {
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    background: none;
    text-decoration: none;
}

.NewsTabNavItem:hover > h4 > a {
    color: #fff;
}

.NewsTabNavItem > h4 > a:hover {
    color: #fff;
    text-decoration: none;
}

.NewsTabNavItem.actived, .NewsTabNavItem:hover {
    background-color: var(--color-accent-light);
}

.NewsTabNavItem.actived > h4, .NewsTabNavItem:hover > h4 {
    color: #fff;
}

.NewsTabNavItem.actived::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: calc((100% - 20px) / 2);
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 10px 0 10px 10px;
    border-left-color: #f1f1f1;
    transform: rotate(-90deg);
}

.NewsItem {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.NewsItem .NewsItem-image {
    width: 100%;
    height: 255px;
}

.NewsItem .NewsItem-info {
    padding: 32px;
    background-color: #fff;
    width: 100%;
}

.NewsItem .NewsItem-info > p {
    font-size: 80%;
}

.NewsItem .NewsItem-info h3 > a {
    display: block;
    padding: 0;
    background-image: none;
    font-size: 120%;
    color: #333;
    font-weight: 400;
}

.NewsItem .NewsItem-info .NewsItem-desc {
    height: 42px;
}

.NewsItem .NewsItem-info .NewsItem-title, .NewsItem .NewsItem-info .NewsItem-desc {
    margin: 16px 0 0 0;
}

.NewsItem .NewsItem-info .NewsItem-more {
    margin-top: 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.NewsItem .NewsItem-info .NewsItem-more > img {
    margin-left: 16px;
}

.NewsItem .NewsItem-info .NewsItem-more > a {
    color: var(--color-accent);
    padding: 0;
    background-image: none;
}

.NewsResultPage {
    padding: 24px 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.NewsResultPage .NewsResultPageMore {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    border-radius: 5px;
    color: var(--color-accent);
    border: 1px solid var(--color-accent);
}

.NewsResultPage .NewsResultPageMore:hover {
    background-color: var(--color-accent);
    color: #f2f2f2;
}

.NewsResultPage .NewsResultPageMore span {
    font-size: 100%;
}

.NewsResultPage .NewsResultPageMore > img {
    margin-left: 10px;
}

.NewsResultPage .NewsResultPageMore:hover > img {
    transition: All 0.2s ease-in-out;
    transform: translate(10px, 0px);
}

@media screen and (max-width: 768px) {
    .NewsTabNavItem {
        width: calc((100% - 12px) / 2);
        height: 44px;
    }

    .NewsTabNavItem > h4 {
        font-size: 100%;
    }

    .NewsTabNavItem.actived::after {
        left: calc((100% - 12px) / 2);
        bottom: -3px;
        border-width: 6px 0 6px 6px;
    }

    .NewsTabContent {
        padding: 24px 0;
    }

    .NewsItem .NewsItem-image {
        height: 180px;
    }

    .NewsItem .NewsItem-info {
        padding: 16px;
    }

    .NewsItem .NewsItem-info .NewsItem-title, .NewsItem .NewsItem-info .NewsItem-desc {
        margin-top: 8px;
    }

    .NewsItem .NewsItem-info h3 > a {
        font-size: 100%;
    }

    .NewsItem .NewsItem-info .NewsItem-more {
        margin-top: 24px;
    }

    .NewsItem .NewsItem-info .NewsItem-more > a {
        font-size: 80%;
    }

    .NewsItem .NewsItem-info .NewsItem-more > img {
        width: 14px;
        margin-left: 10px;
    }

    .NewsResultPage {
        padding: 24px 0;
    }

    .NewsResultPage .NewsResultPageMore {
        padding: 4px 12px;
    }

    .NewsResultPage .NewsResultPageMore > span {
        font-size: 80%;
    }

    .NewsResultPage .NewsResultPageMore > img {
        width: 6px;
    }
}

.NewsDetailTitle {
    position: relative;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.5);
}

.NewsDetailTitleInfo {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.NewsDetailTitleInfo h1 {
    margin: 0;
    padding: 0;
    font-size: 200%;
    font-weight: 500;
    color: #fff;
}

.NewsDetailTitleInfo p {
    margin-top: 48px;
    color: #fff;
    font-size: 80%;
}

.NewsDetailTitleInfo .back-btn {
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 1;
    padding: 6px 16px;
    background-color: var(--color-accent);
}

.NewsDetailArea1 {
    background-color: #fff;
}

.NewsDetailTitleInfo .back-btn a {
    color: #fff;
    text-decoration: none;
}

.NewsDetailInner {
    display: flex;
    flex-direction: row;
    padding: 48px 0;
}

.NewsDetailContent {
    flex: 1;
    padding: 0 64px 0 0;
    height: auto;
    overflow: hidden;
}

.NewsDetailContent p {
    margin: 0 0 24px 0;
}

.NewsDetailContent figure {
    margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0; margin: 24px 0 24px 0;
}

.NewsDetailContent .image, .NewsDetailContent .image > img, .NewsDetailContent img {
    width: 100%;
}

.NewsDetailContent p {
    color: #333;
}

.NewsDetailSide {
    display: flex;
    flex-direction: column;
    width: 360px;
    background-color: #fff;
}

.NewsDetailSide-item {
    display: block;
    margin-bottom: 48px;
}

.NewsDetailSide-item h3 {
    margin: 0;
    padding: 0;
    font-size: 120%;
    color: #333;
    font-weight: bold;
    padding-left: 16px;
    border-left: 5px solid var(--color-accent-light);
    line-height: 1;
}

.NewsDetailSide-item .media {
    margin-top: 16px;
    background-color: #f2f2f2;
    padding: 16px;
}

.NewsDetailSide-item .media ul {
    padding-left: 24px;
}

.NewsDetailSide-item .media ul li {
    list-style-type: disc;
    height: 36px;
    line-height: 36px;
}

.NewsDetailSide-item .media ul li a {
    font-size: 100%;
    text-decoration: none;
}

.NewsDetailSide-item .media ul li a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 1024px) {
    .NewsDetailContent {
        padding: 0 48px 0 0;
    }

    .NewsDetailSide {
        width: 300px;
    }

    .NewsDetailSide-item .media {
        padding: 8px;
    }
}

@media screen and (max-width: 768px) {
    .NewsDetailTitleInfo h1 {
        font-size: 100%;
    }

    .NewsDetailTitleInfo p {
        margin-top: 24px;
    }

    .NewsDetailTitleInfo .back-btn {
        padding: 4px 12px;
        font-size: 80%;
    }

    .NewsDetailInner {
        flex-direction: column;
    }

    .NewsDetailContent {
        padding: 0;
    }

    .NewsDetailContent p {
        font-size: 80%;
    }

    .NewsDetailSide {
        width: 100%;
        margin-top: 24px;
        padding-top: 24px;
        border-top: 1px solid #f2f2f2;
    }

    .NewsDetailSide-item {
        margin-bottom: 32px;
    }

    .NewsDetailSide-item h3 {
        font-size: 80%;
    }

    .NewsDetailSide-item .media {
        padding: 6px;
    }

    .NewsDetailSide-item .media ul {
        padding-left: 24px;
    }

    .NewsDetailSide-item .media ul li a {
        font-size: 80%;
        text-decoration: none;
    }
}

.AboutCultureArea2 {
    padding: 48px 0;
}

.AboutCultureTextStyle1 {
    margin-bottom: 24px;
    font-size: 100%;
    line-height: 1.8;
    width: 50%;
}

.AboutCultureContent {
    position: relative;
}

.AboutCultureContent1 {
    height: 440px;
}

.AboutCultureContent2 {
    height: 680px;
}

.AboutCultureContent3 {
    height: 440px;
}

.AboutCultureContentInner {
    position: absolute;
    top: -160px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.9);
    box-shadow: 0px 0px 30px 0px rgba(51, 51, 51, 0.05);
    padding: 70px 110px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

.AboutCultureContentItem {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.AboutCultureContentItem h4 {
    margin: 0;
    padding: 0;
    font-size: 160%;
    color: #333;
    line-height: 1;
}

.AboutCultureContentItem h4 span {
    color: var(--color-accent);
}

.AboutCultureContentItem h2 {
    position: relative;
    font-size: 220%;
    line-height: 1.5;
    margin: 0;
    padding: 40px 0 0 0;
    background: none;
    color: #333333;
    /*color: var(--color-accent);*/
}

.AboutCultureContentItem h2::before {
    content: "";
    position: absolute;
    left: -54px;
    top: 32px;
    width: 47px;
    height: 39px;
    background-image: url(../images/about/culture/7759337979.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.AboutCultureContentItem .AboutCultureImg {
    margin-top: 40px;
}

.AboutCultureContentDesc {
    width: 40%;
    margin: 24px 0 0 15%;
}

@media screen and (max-width: 1024px) {
    .AboutCultureContentInner {
        padding: 56px 72px;
    }

    .AboutCultureContentDesc {
        width: 60%;
        margin: 24px 0 0 5%;
    }

    .AboutCultureContentDesc > p {
        width: 100%;
        font-size: 90%;
    }
}

@media screen and (max-width: 768px) {
    .AboutCultureTextStyle1 {
        font-size: 80%;
        margin: 12px auto 12px auto;
        width: 90%;
    }

    .AboutCultureArea2 {
        padding: 0;
    }

    .AboutCultureArea3 .full-img > img, .AboutCultureArea4 .full-img > img {
        width: 100%;
        height: auto;
    }

    .AboutCultureContent1, .AboutCultureContent2, .AboutCultureContent3 {
        padding: 24px 0;
        height: auto;
    }

    .AboutCultureContentInner {
        position: relative;
        left: 0;
        top: 0;
        padding: 0 12px;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        box-shadow: none;
    }

    .AboutCultureContentItem {
        flex: 0;
        padding: 0;
        width: 100%;
    }

    .AboutCultureContentItem h4 {
        font-size: 100%;
    }

    .AboutCultureContentItem h2 {
        font-size: 180%;
        padding: 12px 0 0 0;
    }

    .AboutCultureContentItem h2::before {
        width: 0;
        height: 0;
        background-image: none;
    }

    .AboutCultureContentItem .AboutCultureImg {
        margin-top: 24px;
    }

    .AboutCultureContentItem .AboutCultureImg > img {
        width: 180px;
        height: auto;
    }

    .AboutCultureContentDesc {
        width: 100%;
        margin: 0;
        padding: 24px 0;
    }

    .AboutCultureContentDesc p {
        font-size: 80%;
    }
}

.AboutJobContent {
    display: flex;
    flex-direction: row;
}

.AboutJobContent .AboutJobContentImage, .AboutJobContent .AboutJobContentDesc {
    width: 50%;
}

.AboutJobContent .AboutJobContentImage > img {
    max-width: 100%;
}

/* .AboutJobContent .AboutJobContentImage {} */
.AboutJobContent .AboutJobContentDesc {
    padding: 32px;
}

.AboutJobContent .AboutJobContentDesc p {
    font-size: 100%;
    line-height: 1.8;
}

@media screen and (max-width: 768px) {
    .AboutJobContent {
        flex-direction: column;
    }

    .AboutJobContent .AboutJobContentImage, .AboutJobContent .AboutJobContentDesc {
        width: 100%;
    }

    .AboutJobContent .AboutJobContentImage > img {
        max-width: 100%;
        height: auto;
    }

    .AboutJobContent .AboutJobContentDesc {
        padding: 16px;
    }

    .AboutJobContent .AboutJobContentDesc p {
        font-size: 80%;
    }
}

.AboutJobTabNav {
    margin: 32px auto 0 auto;
}

.AboutJobTabNav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.AboutJobTabNav ul li {
    cursor: pointer;
    margin: 0 48px;
    padding: 16px 0;
    font-size: 200%;
    color: #333;
    border-bottom: 5px solid #fff;
}

.AboutJobTabNav ul li:hover, .AboutJobTabNav ul li.actived {
    color: var(--color-accent);
    border-color: var(--color-accent);
}

.AboutJobTabContentItem {
    display: none;
}

.AboutJobTabContentItem.actived {
    display: block;
}

.AboutJobTabContentInner {
    padding: 120px 0;
}

.AboutJobTabContentInner > p {
    margin: 0 auto;
    width: 60%;
    font-size: 80%;
    line-height: 2;
    color: #333;
    text-align: center;
}

.AboutJobTabContentInner .AboutJobFlowTitle {
    display: block;
    position: relative;
    margin: 56px auto 0 auto;
    padding: 0;
    font-size: 120%;
    font-weight: 500;
    color: #b1000e;
    line-height: 2;
    text-align: center;
    width: 540px;
}

.AboutJobTabContentInner .AboutJobFlowTitle::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 19px;
    z-index: 1;
    background-color: #b3b3b3;
    width: 170px;
    height: 1px;
}

.AboutJobTabContentInner .AboutJobFlowTitle::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 19px;
    z-index: 1;
    background-color: #b3b3b3;
    width: 170px;
    height: 1px;
}

.AboutJobTabContentInner .AboutJobFlowTitle2 {
    display: block;
    position: relative;
    margin: 0 auto 24px auto;
    padding: 0;
    font-size: 120%;
    font-weight: 500;
    color: #b1000e;
    line-height: 1;
    text-align: center;
}

.AboutJobTabContentInner .AboutJobFlowImg {
    margin: 40px auto;
    text-align: center;
}

.AboutJobTabContentInner .AboutJobFlowImg > img {
    max-width: 100%;
}

.AboutJobTabContentInner .AboutJobFlowTips {
    color: #737373;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .AboutJobTabNav ul li {
        font-size: 150%;
    }
}

@media screen and (max-width: 768px) {
    .AboutJobArea2 .FCol-White-Bg {
        background-color: #f2f2f2;
    }

    .AboutJobTabNav ul li {
        margin: 0 24px;
        padding: 0 0 8px 0;
        font-size: 100%;
        border-width: 2px;
        border-color: #f2f2f2;
    }

    .AboutJobTabContentInner {
        padding: 24px 0;
    }

    .AboutJobTabContentInner > p {
        width: 100%;
        font-size: 80%;
        text-align: left;
    }

    .AboutJobTabContentInner .AboutJobFlowTitle {
        margin: 32px auto 32px auto;
        width: 300px;
        font-size: 100%;
    }

    .AboutJobTabContentInner .AboutJobFlowTitle2 {
        margin-bottom: 24px;
        font-size: 100%;
    }

    .AboutJobTabContentInner .AboutJobFlowTitle::before, .AboutJobTabContentInner .AboutJobFlowTitle::after {
        width: 100px;
    }

    .AboutJobTabContentInner .AboutJobFlowImg {
        margin: 20px auto;
    }

    .AboutJobTabContentInner .AboutJobFlowImg > img {
        max-width: 100%;
        height: auto;
    }
}

.AboutCareerArea1 {
    padding-top: 40px;
    padding-bottom: 40px;
    height: 6150px;
    overflow: hidden;
}

.timebox {
    position: relative;
    width: 100%;
    height: 100%;
}

.timebox > i.time_line {
    width: 25px;
    position: absolute;
    left: 50%;
    margin-left: -12.5px;
    background: #e70f20;
    height: 100%;
    display: block;
    background: url(../img/timeline-bg.png) repeat-y;
}

/* .timebox > i.time_line:before {
  content: "";
  width: 100%;
  height: 80px;
  background: -webkit-linear-gradient(top, #fff, #e70f20);
  background: -moz-linear-gradient(top, #fff, #e70f20);
  background: -ms-linear-gradient(top, #fff, #e70f20);
  background: -o-linear-gradient(top, #fff, #e70f20);
  position: absolute;
  left: 0;
  top: 0;
}
.timebox > i.time_line:after {
  content: "";
  width: 100%;
  height: 80px;
  background: -webkit-linear-gradient(bottom, #fff, #e70f20);
  background: -moz-linear-gradient(bottom, #fff, #e70f20);
  background: -ms-linear-gradient(bottom, #fff, #e70f20);
  background: -o-linear-gradient(bottom, #fff, #e70f20);
  position: absolute;
  left: 0;
  bottom: 0;
} */
.timebox .list {
    width: 100%;
}

.timebox .list .in {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 30px;
    width: 550px;
    height: 220px;
}

.timebox .list .right, .timebox .list .left {
    width: 49%;
    margin: 10px 0 -30px 0;
    position: relative;
}

.timebox .list .right {
    float: right;
    clear: both;
    text-align: left;
    padding-left: 40px;
}

.timebox .list .left {
    float: left;
    padding-top: 60px;
    text-align: right;
    direction: rtl;
    padding-right: 40px;
}

.timebox .list .in span, .timebox .list .in img.b, .timebox .list .in h2 {
    position: absolute;
}

.timebox .list .in span {
    color: var(--color-accent);
    font-size: 200%;
    top: 0;
    z-index: 1;
    line-height: 1;
    font-weight: 500;
}

.timebox .list .in img.b {
    width: 160px;
    height: 112px;
    z-index: 3;
    top: 74px;
}

.timebox .list .in h2 {
    margin: 0;
    font-size: 80%;
    color: #333;
    z-index: 2;
    width: 500px;
    height: 140px;
    top: 60px;
    background-color: #e5e5e5;
    padding-top: 40px;
    line-height: 1.8;
    background-image: none;
}

.timebox .list .left .in span::after {
    content: "";
    position: absolute;
    right: -35px;
    top: 12px;
    width: 20px;
    height: 2px;
    background-color: var(--color-accent);
}

.timebox .list .right .in span::after {
    content: "";
    position: absolute;
    left: -35px;
    top: 12px;
    width: 20px;
    height: 2px;
    background-color: var(--color-accent);
}

.timebox .list .left .in h2 {
    right: 50px;
    padding-right: 160px;
    padding-left: 20px;
}

.timebox .list .right .in h2 {
    left: 50px;
    padding-left: 160px;
    padding-right: 20px;
}

.timebox .list .left .in h2.no-photo {
    padding-right: 30px;
}

@media screen and (max-width: 1024px) {
    .AboutCareerArea1 {
        height: 5150px;
    }
    .timebox > i.time_line {
        width: 12px;
        margin-left: -6px;
    }

    .timebox .list .right, .timebox .list .left {
        text-align: left;
        margin: 20px 0 0 0;
        padding: 0;
    }
    
    .timebox .list .in {
        width: 450px;
        height: 200px;
    }
    
    .timebox .list .in span {
        font-size: 120%;
    }
    
    .timebox .list .in h2 {
        width: 400px;
        top: 48px;
        height: 100px;
    }
    
    .timebox .list .left .in span::after {
        right: -20px;
        width: 12px;
        top: 9px;
    }
    
    .timebox .list .right .in span::after {
        left: -20px;
        width: 12px;
        top: 9px;
    }
    
    .timebox .list .left .in h2 {
        right: 40px;
        padding-right: 120px;
        padding-left: 16px;
    }
    
    .timebox .list .right .in h2 {
        left: 40px;
        padding-left: 120px;
        padding-right: 16px;
    }
    
    .timebox .list .in img.b {
        width: 110px;
        height: 72px;
        top: 62px;
    }
}

@media screen and (max-width: 768px) {
    
    .timebox > i.time_line {
        width: 2px;
        margin-left: -1px;
    }
    
    .AboutCareerArea1 {
        height: 2650px;
    }
    
    .timebox > ul {
        transform: scale(0.45);
    }
}

.AboutCompanyArea2Title {
    font-size: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    background-image: none;
    color: #333;
}

.AboutCompanyArea2Content {
    padding: 24px 0;
}

.AboutCompanyArea2Content ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 48px 0;
    /*border: 1px solid var(--color-accent-light);*/
    background-color: rgba(255, 255, 255, 0.8);
    position: relative;
}

.AboutCompanyArea2Content ul:before,.AboutCompanyArea2Content ul:after {
    width: 40px;
    height: 100%;
    position: absolute;
    content: '';
    top: 0;
    border-top: 1px solid var(--color-accent-light);
    border-bottom: 1px solid var(--color-accent-light);
}

.AboutCompanyArea2Content ul:before {
    left: 0;
    border-left: 1px solid var(--color-accent-light);
}

.AboutCompanyArea2Content ul:after {
    right: 0;
    border-right: 1px solid var(--color-accent-light);
}

.AboutCompanyArea4 .AboutCompanyArea2Content ul {
    background-color: rgba(255, 255, 255, 0.8);
}

.AboutCompanyArea2Content ul li {
    width: 33%;
    margin: 32px 0 32px 0;
}

.AboutCompanyArea2Content ul li h4 {
    text-align: center;
    font-size: 100%;
    color: #333;
    font-weight: 400;
    margin: 0;
    padding: 0;
    background-image: none;
}

.AboutCompanyArea2Content ul li h4 strong {
    color: var(--color-accent);
    font-weight: 500;
    font-size: 220%;
}

.AboutCompanyArea2Content ul li p {
    margin-top: 12px;
    text-align: center;
    color: #333;
    font-size: 80%;
}

.AboutCompanyArea2Content > p {
    width: 100%;
    font-size: 100%;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .AboutCompanyArea2Title {
        font-size: 100%;
    }

    .AboutCompanyArea2Content ul {
        border: 0;
        padding: 24px 0;
    }

    .AboutCompanyArea2Content ul li {
        margin: 24px 0;
        width: 50%;
    }

    .AboutCompanyArea2Content ul li h4 {
        font-size: 80%;
    }

    .AboutCompanyArea2Content ul li h4 strong {
        font-size: 180%;
    }

    .AboutCompanyArea2Content ul li p {
        margin-top: 6px;
        font-size: 80%;
    }
}

.AboutCompanyArea7Box {
    position: relative;
}

.AboutCompanyArea7Box .AboutCompanyArea7Img {
    width: 100%;
    height: auto;
}

.AboutCompanyArea7Box .AboutCompanyArea7Inner {
    position: absolute;
    left: 5%;
    bottom: 0;
    width: 90%;
    margin: 0 auto;
    height: 255px;
    background-color: rgba(255, 255, 255, 0.95);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.AboutCompanyArea7Box .AboutCompanyArea7Inner .AboutCompanyArea7Title {
    color: #333;
    font-size: 200%;
    text-align: center;
    font-weight: 500;
    margin: 32px auto 32px auto;
}

.AboutCompanyArea7Box .AboutCompanyArea7Inner .AboutCompanyArea7Title span {
    color: var(--color-accent);
}

.AboutCompanyArea7Box .AboutCompanyArea7Inner .AboutCompanyArea7Link {
    display: flex;
    justify-content: center;
    align-items: center;
}

.AboutCompanyArea7Box .AboutCompanyArea7Inner .AboutCompanyArea7Link a {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 10px 64px 10px 32px;
    border-radius: 5px;
    font-size: 100%;
    text-align: center;
    color: var(--color-accent);
    border: 1px solid var(--color-accent);
    text-decoration: none;
}

.AboutCompanyArea7Box .AboutCompanyArea7Inner .AboutCompanyArea7Link a::after {
    content: '';
    position: absolute;
    right: 24px;
    top: 13px;
    width: 27px;
    height: 17px;
    background: url(../img/icon_right.png) center no-repeat;
    background-size: cover;
}

.AboutCompanyArea7Box .AboutCompanyArea7Inner .AboutCompanyArea7Link a:hover {
    color: #fff;
    background-color: var(--color-accent);
}

.AboutCompanyArea7Box .AboutCompanyArea7Inner .AboutCompanyArea7Link a:hover::after {
    background-image: url(../img/icon_right_white.png);
}

@media screen and (max-width: 1024px) {
    .AboutCompanyArea7Box .AboutCompanyArea7Inner .AboutCompanyArea7Title {
        font-size: 150%;
    }
}

@media screen and (max-width: 768px) {
    .AboutCompanyArea7Box .AboutCompanyArea7Img > img {
        width: 100%;
        height: auto;
    }

    .AboutCompanyArea7 .FGrid>.FGrid-item {
        margin: 12px 0;
    }

    .AboutCompanyArea7Box .AboutCompanyArea7Inner {
        height: 125px;
    }

    .AboutCompanyArea7Box .AboutCompanyArea7Inner .AboutCompanyArea7Title {
        font-size: 120%;
        margin: 16px auto;
    }

    .AboutCompanyArea7Box .AboutCompanyArea7Inner .AboutCompanyArea7Link a {
        font-size: 80%;
        padding: 4px 32px 4px 16px;
    }

    .AboutCompanyArea7Box .AboutCompanyArea7Inner .AboutCompanyArea7Link a::after {
        right: 12px;
        top: 12px;
        width: 14px;
        height: 9px;
    }
}

.AboutCompanyTabContentInner {
    display: block;
    padding: 40px 0;
    height: 800px;
}

.AboutCompanyTabContentInner > p {
    padding-top: 40px;
    color: #333;
    font-size: 120%;
    text-align: center;
    line-height: 2;
}

.AboutCompanyTabContentInner .AboutCompanyTabContentInnerLink {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.AboutCompanyTabContentInner .AboutCompanyTabContentInnerLink > img {
    margin-right: 5px;
}

.AboutCompanyTabContentInner .AboutCompanyTabContentInnerLink > a {
    color: var(--color-accent);
    font-size: 100%;
    text-decoration: none;
}

.AboutCompanyTabContentInner .AboutCompanyTabContentInnerLink > a:hover {
    text-decoration: underline;
}

.AboutCompanyTabContentInner .AboutCompanyTabContentInnerLink > span {
    margin-left: 5px;
    font-size: 100%;
    color: #737373;
}

.AboutCompanyTabContentInner .AboutComapnyTabContentImg {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.AboutCompanyTabContentInner .AboutComapnyTabContentImg > p {
    width: 100%;
    padding: 0 24px;
    height: 80px;
    line-height: 80px;
    text-align: left;
    font-size: 120%;
    color: #333;
    background-color: #f1f1f1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.AboutCompanyTabContentInner .AboutComapnyTabContentImg > img {
    width: 100%;
    height: auto;
}

.AboutCompanyTabContentInner .AboutComapnyTabContentImg3 {
    position: relative;
    width: 100%;
    height: auto;
}

.AboutCompanyTabContentInner .AboutComapnyTabContentImg3 > ul {
    position: absolute;
    left: 0;
    top: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.AboutCompanyTabContentInner .AboutComapnyTabContentImg3 > ul li {
    width: 33.3%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.AboutCompanyTabContentInner .AboutComapnyTabContentImg3 > ul li > h4 {
    color: var(--color-accent);
    font-size: 220%;
    font-weight: 500;
    margin: 0;
    padding: 0;
}

.AboutCompanyTabContentInner .AboutComapnyTabContentImg3 > ul li > h4 span {
    font-size: 50%;
}

.AboutCompanyTabContentInner .AboutComapnyTabContentImg3 > ul li > p {
    margin-top: 8px;
    font-size: 100%;
    color: #333;
}

.AboutCompanyTabContentInner .AboutCompanyTabContentItem {
    padding: 40px 0;
}

.AboutCompanyTabContentInner > ul {
    list-style: none;
    margin: 60px 0 0 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.AboutCompanyTabContentInner > ul li {
    display: block;
}

.AboutCompanyTabContentInner > ul li > p {
    height: 64px;
    line-height: 44px;
    font-size: 100%;
    color: #333;
    text-align: center;
    background-color: #fff;
}

.AboutCompanyArea5Content {
    display: block;
}

.AboutCompanyArea5Content .AboutCompanyArea5ContentImg {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.AboutCompanyArea5Content .AboutCompanyArea5ContentImg > img {
    width: auto;
    height: auto;
}

.AboutCompanyArea1TabContent {
    width: 100%;
    padding: 0 10px;
    height: 430px;
}

.AboutCompanyAreaDevList {
    background-color: rgba(241,241,241, 0.5) ;
    border-radius: 5px;
    padding: 40px;
    display: block;
    width: 100%;
    height: 100%;
}

.AboutCompanyAreaDevList > p {
    height: 80px;
    line-height: 80px;
    font-size: 120%;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
    text-align: left;
}

.AboutCompanyAreaDevList > ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 24px;
}

.AboutCompanyAreaDevList > ul li {
    width: 50%;
    border-left: 4px solid var(--color-accent);
    color: var(--color-accent);
    font-size: 100%;
    height: 14px;
    line-height: 14px;
    margin: 32px 0;
    padding: 0 0 0 24px;
    text-align: left;
}

.AboutCompanyArea5Item > h4 {
    font-size: 120%;
    font-weight: 400;
    margin: 0;
    padding: 0;
    background-image: none;
}

.AboutCompanyArea5ItemInner {
    position: relative;
    margin-top: 32px;
}

.AboutCompanyArea5ItemInner > img {
    width: auto;
}

.AboutCompanyArea5ItemInner .AboutCompanyArea5ItemBody {
    position: absolute;
    left: 60%;
    top: 0;
    width: 40%;
    height: 100%;
    padding: 80px;
}

.AboutCompanyArea5ItemInner .AboutCompanyArea5ItemBody > ul {
    list-style: none;
    display: flex;
    flex-direction: column;
}

.AboutCompanyArea5ItemInner .AboutCompanyArea5ItemBody > ul li {
    margin-bottom: 40px;
    text-align: left;
}

.AboutCompanyArea5ItemInner .AboutCompanyArea5ItemBody > ul li > h5 {
    font-size: 120%;
    font-weight: 500;
    color: #333;
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding: 0 0 0 16px;
    background-image: none;
    border-left: 4px solid var(--color-accent-light);
    text-align: left;
}

.AboutCompanyArea5ItemInner .AboutCompanyArea5ItemBody > ul li > p {
    padding-left: 16px;
    font-size: 100%;
    color: #737373;
    margin-top: 8px;
    text-align: left;
}

.AboutCompanyArea5ItemInner .AboutCompanyArea5ItemBody > ul li > a {
    font-size: 100%;
    font-weight: bold;
    color: var(--color-accent-light);
    text-align: left;
    text-decoration: none;
}

@media screen and (max-width: 1024px) {
    .AboutCompanyAreaDevList {
        padding: 24px;
    }

    .AboutCompanyAreaDevList > p {
        height: 64px;
        line-height: 64px;
    }

    .AboutCompanyAreaDevList > ul li {
        margin: 24px 0;
    }

    .AboutCompanyTabContentInner > ul li {
        width: 32%;
    }

    .AboutCompanyTabContentInner > ul li .AboutCompanyTabContentInnerImg {
        width: 100%;
    }

    .AboutCompanyTabContentInner > ul li .AboutCompanyTabContentInnerImg > img {
        width: 100%;
        height: auto;
    }

    .AboutCompanyArea5ItemInner > img {
        width: 100%;
        height: auto;
    }

    .AboutCompanyArea5ItemInner .AboutCompanyArea5ItemBody {
        padding: 40px 56px;
    }

    .AboutCompanyArea5ItemInner .AboutCompanyArea5ItemBody > ul li > h5 {
        font-size: 100%;
    }

    .AboutCompanyArea5ItemInner .AboutCompanyArea5ItemBody > ul li > p {
        font-size: 80%;
    }
}

@media screen and (max-width: 768px) {
    .AboutCompanyArea1TabContent {
        height: auto;
    }

    .AboutCompanyAreaDevList {
        padding: 20px;
    }

    .AboutCompanyAreaDevList > p {
        height: 40px;
        line-height: 40px;
        font-size: 80%;
    }

    .AboutCompanyAreaDevList > ul {
        padding-top: 12px;
    }

    .AboutCompanyAreaDevList > ul li {
        font-size: 80%;
        margin: 16px 0;
        padding: 0 0 0 12px;
    }

    .AboutCompanyTabContentInner {
        padding: 0;
        height: 600px;
    }

    .AboutCompanyTabContentInner .AboutComapnyTabContentImg > p {
        height: 40px;
        line-height: 40px;
        font-size: 80%;
        text-align: center;
    }

    .AboutCompanyTabContentInner > p {
        font-size: 100%;
        line-height: 1.5;
    }

    .AboutCompanyTabContentInner .AboutCompanyTabContentInnerLink > img {
        width: 5px;
        height: 8.5px;
    }

    .AboutCompanyTabContentInner .AboutCompanyTabContentInnerLink > a {
        font-size: 80%;
    }

    .AboutCompanyTabContentInner .AboutCompanyTabContentInnerLink > span {
        font-size: 80%;
    }

    .AboutCompanyTabContentInner .AboutComapnyTabContentImg > img {
        width: 320px;
        height: auto;
    }

    .AboutCompanyTabContentInner > ul {
        margin: 20px 0 0 0;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .AboutCompanyTabContentInner > ul li {
        width: 45%;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .AboutCompanyTabContentInner > ul li > p {
        height: 32px;
        line-height: 32px;
        font-size: 80%;
    }

    .AboutCompanyTabContentInner > ul li img {
        width: 100%;
        height: auto;
    }

    .AboutCompanyTabContentInner .AboutComapnyTabContentImg3 > ul {
        height: 100%;
        padding: 0 16px;
    }

    .AboutCompanyTabContentInner .AboutComapnyTabContentImg3 > ul li > h4 {
        font-size: 150%;
    }

    .AboutCompanyTabContentInner .AboutComapnyTabContentImg3 > ul li > p {
        margin-top: 0;
        font-size: 80%;
    }

    .AboutCompanyArea5Content .AboutCompanyArea5ContentImg > img {
        width: 80%;
        height: auto;
    }

    .AboutCompanyArea5Item > h4 {
        font-size: 90%;
    }

    .AboutCompanyArea5ItemInner {
        margin-top: 16px;
    }

    .AboutCompanyArea5ItemInner > img {
        width: 200%;
        height: auto;
    }

    .AboutCompanyArea5ItemInner .AboutCompanyArea5ItemBody {
        width: 100%;
        left: 0;
        padding: 20px;
        top: 100%;
    }

    .AboutCompanyArea5ItemInner .AboutCompanyArea5ItemBody > ul {
        margin-top: 32px;
    }

    .AboutCompanyArea5ItemInner .AboutCompanyArea5ItemBody > ul li {
        margin-bottom: 20px;
    }

    .AboutCompanyArea5ItemInner .AboutCompanyArea5ItemBody > ul li > h5 {
        font-size: 100%;
        height: 16px;
        line-height: 16px;
        border-left-width: 2px;
    }

    .AboutCompanyArea5ItemInner .AboutCompanyArea5ItemBody > ul li > p {
        font-size: 80%;
        margin-top: 8px;
    }

    .AboutCompanyArea5ItemInner .AboutCompanyArea5ItemBody > ul li > a {
        font-size: 80%;
    }

    .AboutCompanyArea5ItemInner .AboutCompanyArea5ItemBody > ul li:last-child {
        margin-bottom: 0;
    }
}

/* 社会责任 */
.AboutRespArea1Inner {
    display: flex;
    flex-direction: row;
}

.AboutRespArea1Img {
    width: 348px;
    height: 433px;
    margin-right: 40px;
}

.AboutRespArea1Txt {
    flex: 1;
}

.AboutRespArea1Txt > h2 {
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 150%;
    font-weight: 500;
    background-image: none;
}

.AboutRespArea1Txt > p {
    margin-top: 20px;
    font-size: 100%;
    line-height: 1.8;
    color: #333;
}

.AboutRespArea1Txt > p > span {
    font-size: 50%;
}

.AboutRespArea1Txt .AboutRespArea1Sign {
    margin-top: 56px;
    text-align: right;
}

@media screen and (max-width: 1024px) {
    .AboutRespArea1Txt > p {
        font-size: 80%;
    }
}

@media screen and (max-width: 768px) {
    .AboutRespArea1 {
        background-color: #f2f2f2;
    }

    .AboutRespArea1Inner {
        flex-direction: column;
    }

    .AboutRespArea1Img {
        width: 100%;
        height: auto;
        text-align: center;
    }

    .AboutRespArea1Img > img {
        width: 80%;
        height: auto;
    }

    .AboutRespArea1Txt {
        margin-top: 24px;
    }

    .AboutRespArea1Txt > h2 {
        font-size: 120%;
        line-height: 1.5;
    }

    .AboutRespArea1Txt > p {
        margin-top: 6px;
    }

    .AboutRespArea1Txt .AboutRespArea1Sign {
        margin-top: 24px;
        text-align: center;
    }

    .AboutRespArea1Txt .AboutRespArea1Sign > img {
        width: 100px;
        height: auto;
    }
}

.AboutRespArea2Img {
    width: 100%;
    height: auto;
}

.AboutRespArea2Img > img {
    max-width: 100%;
}

.AboutRespArea2Txt {
    padding: 40px;
}

.AboutRespArea2Txt .AboutRespArea2Title {
    border-left: 8px solid var(--color-accent-light);
    line-height: 1;
    margin: 0;
    padding: 0 0 0 32px;
    background-image: none;
    font-size: 150%;
    font-weight: 500;
    color: #333;
}

.AboutRespArea2Txt > p {
    margin-top: 32px;
    font-size: 80%;
    line-height: 1.8;
}

.AboutRespArea2Txt > ul {
    list-style: none;
    margin-top: 40px;
    display: flex;
}

.AboutRespArea2Txt > ul li {
    width: 33%;
}

.AboutRespArea2Txt > ul li > p {
    height: 40px;
    line-height: 40px;
    color: #333;
    font-size: 80%;
}

.AboutRespArea2Txt .AboutRespArea2Link {
    margin-top: 40px;
    text-align: right;
}

/*.AboutRespArea2Txt .AboutRespArea2Link > a,*/
/*.AboutRespArea2Txt .AboutRespArea2Link > a:active {*/
/*  color: var(--color-accent);*/
/*  font-size: 80%;*/
/*  display: inline-block;*/
/*  line-height: 1;*/
/*  padding: 12px 24px;*/
/*  border: 1px solid var(--color-accent);*/
/*  text-decoration: none;*/
/*}*/
/*.AboutRespArea2Txt .AboutRespArea2Link > a:hover {*/
/*  background-color: var(--color-accent);*/
/*  color: #fff;*/
/*}*/
@media screen and (max-width: 1024px) {
    .AboutRespArea2Txt {
        padding: 24px;
    }

    .AboutRespArea2Txt > ul {
        flex-wrap: wrap;
    }

    .AboutRespArea2Txt > ul li {
        width: 50%;
    }
}

@media screen and (max-width: 768px) {
    .AboutRespArea2Img {
        text-align: center;
    }

    .AboutRespArea2Img > img {
        width: 80%;
        height: auto;
    }

    .AboutRespArea2Txt {
        padding: 16px 0;
    }

    .AboutRespArea2Txt .AboutRespArea2Title {
        font-size: 120%;
        padding-left: 16px;
        border-width: 4px;
    }

    .AboutRespArea2Txt > p {
        margin-top: 16px;
    }

    .AboutRespArea2Txt > ul {
        margin-top: 16px;
        flex-direction: column;
    }

    .AboutRespArea2Txt > ul li {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-bottom: 16px;
    }

    .AboutRespArea2Txt > ul li > p {
        line-height: 1;
        width: 50%;
        height: 20px;
        padding: 0 10px;
    }

    .AboutRespArea2Txt .AboutRespArea2Link {
        margin-top: 0;
        text-align: center;
    }

    .AboutRespArea2Txt .AboutRespArea2Link > a, .AboutRespArea2Txt .AboutRespArea2Link > a:active {
        padding: 8px 16px;
    }
}

.AboutRespArea3Inner ul {
    list-style: none;
    display: flex;
    flex-direction: row;
}

.AboutRespArea3Inner ul li {
    width: 33.33%;
    height: auto;
}

.AboutRespArea3Inner ul li p {
    margin: 24px 0;
    color: #737373;
    font-size: 100%;
    line-height: 1;
}

.AboutRespArea3Inner ul li > a {
    display: flex;
    margin: 0 auto;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.AboutRespBgCover {
    position: relative;
    width: 100%;
}

.AboutRespBgCover::before {
    content: '';
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.AboutRespArea4Inner {
    position: relative;
    width: 100%;
    height: 640px;
    padding-top: 80px;
}

.AboutRespArea4Inner > p {
    width: 80%;
    margin-top: 12px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #fff;
}

.AboutRespArea4Title {
    margin: 0 auto;
    width: 200px;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.AboutRespArea4Title > h4 {
    margin: 32px 0 0 0;
    padding: 0;
    color: #fff;
    font-size: 200%;
    background-image: none;
}

.AboutRespAreaList {
    padding: 40px;
    position: absolute;
    width: 100%;
    height: 250px;
    left: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.85);
}

.AboutRespAreaList ul {
    display: flex;
    flex-direction: row;
}

.AboutRespAreaList ul li {
    width: 25%;
    /* height: 80px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.AboutRespArea6 .AboutRespAreaList ul li {
    width: 20%;
}

.AboutRespArea8 .AboutRespAreaList ul li {
    width: 50%;
}

.AboutRespAreaList ul li > h4 {
    background-image: none;
    text-align: center;
    color: var(--color-accent);
    font-size: 240%;
    font-weight: 500;
    padding: 0;
    margin: 0;
}

.AboutRespAreaList ul li > h4 > span {
    font-size: 50%;
    color: var(--color-accent);
    font-weight: 400;
}

.AboutRespAreaList ul li > p {
    margin-top: 8px;
    font-size: 100%;
    color: #333;
    text-align: center;
    line-height: 1.5;
    width: 80%;
}

.AboutRespAreaList ul li > p span {
    font-size: 50%;
}

.AboutRespAreaListText {
    margin-top: 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.AboutRespAreaListText p {
    text-align: center;
    padding: 0 24px;
    color: #737373;
}

.AboutRespAreaListText p > span {
    font-size: 50%;
}

@media screen and (max-width: 1024px) {
    .AboutRespAreaList ul li > h4 {
        font-size: 200%;
    }

    .AboutRespAreaListText p {
        font-size: 80%;
    }
}

@media screen and (max-width: 768px) {
    .AboutRespArea3Inner ul li p {
        margin: 12px 0;
        font-size: 80%;
    }

    .AboutRespArea3Inner ul li .AboutRespArea3Img > img {
        width: 30px;
        height: 30px;
    }

    .AboutRespArea3Inner ul li .AboutRespArea3Arrow > img {
        width: 7px;
        height: auto;
    }

    .AboutRespArea4Inner {
        padding-top: 10px;
        height: 320px;
    }

    .AboutRespArea4Title {
        width: 72px;
        height: 72px;
    }

    .AboutRespArea4Title > img {
        width: 24px;
        height: auto;
    }

    .AboutRespArea4Title > h4 {
        margin: 4px;
        font-size: 80%;
    }

    .AboutRespArea4Inner > p {
        width: 100%;
        margin-top: 6px;
        font-size: 80%;
    }

    .AboutRespAreaList {
        padding: 10px 0;
        height: 160px;
    }

    .AboutRespAreaListText p {
        font-size: 50%;
        padding: 0;
        margin: 0 auto;
    }

    .AboutRespAreaListText {
        padding-top: 12px;
        margin-top: 0;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .AboutRespAreaList ul li > h4 {
        font-size: 100%;
    }

    .AboutRespAreaList ul li > p {
        font-size: 50%;
        width: 90%;
        text-align: center;
    }
}

.AboutRespSwiperTitle {
    margin: 0 auto;
}

.AboutRespSwiperTitle > h3 {
    margin: 0;
    padding: 0;
    background-image: none;
    text-align: center;
    font-size: 150%;
    color: #333;
    font-weight: 400;
}

.AboutRespSwiperTitle > p {
    margin-top: 16px;
    text-align: center;
    color: #737373;
    font-size: 100%;
}

.AboutRespSwiperTitle .AboutRespSwiperTitleLink {
    margin-top: 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.AboutRespSwiperTitle .AboutRespSwiperTitleLink > a {
    text-decoration: none;
    color: var(--color-accent);
    font-size: 100%;
}

.AboutRespSwiperTitle .AboutRespSwiperTitleLink > a:hover {
    text-decoration: underline;
}

.AboutRespSwiperTitle .AboutRespSwiperTitleLink > img {
    margin: 0 5px;
    width: 25px;
    height: auto;
}

.AboutRespArea9Item {
    position: relative;
    width: 100%;
    height: 580px;
    padding-top: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.AboutRespArea9Item .AboutRespArea9Text {
    margin: 0 auto;
    width: 75%;
    text-align: left;
    font-size: 100%;
    line-height: 1.8;
}

.AboutRespArea9Item .AboutRespArea9Text2 {
    margin: 0 auto;
    width: 50%;
    text-align: left;
    font-size: 100%;
    line-height: 2.2;
}

.AboutRespArea9Item .AboutRespArea9Text.text-center {
    text-align: center;
}

.AboutRespArea9Item .AboutRespArea9Text.sign {
    margin-top: 40px;
    text-align: right;
}

.AboutRespArea9Item .AboutRespArea9Link {
    margin: 0 auto;
    width: 50%;
    margin-top: 40px;
    color: #333;
    font-size: 100%;
}

.AboutRespArea9Item .AboutRespArea9Link > a {
    color: var(--color-accent);
    font-size: 100%;
    text-decoration: none;
}

.AboutRespArea9Item .AboutRespArea9Link > a:hover {
    text-decoration: underline;
}

.AboutRespArea7Item {
    height: 468px;
}

.AboutRespArea5Inner ul {
    display: flex;
    flex-direction: row;
}

.AboutRespArea5Inner ul li {
    width: 33%;
    padding: 0 10px;
}

.AboutRespArea5Inner ul li > img {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 1024px) {
    .AboutRespArea9Item .AboutRespArea9Text2 {
        width: 70%;
    }

    .AboutRespArea9Item .AboutRespArea9Link {
        width: 60%;
    }
}

@media screen and (max-width: 768px) {
    .AboutRespSwiperTitle > h3 {
        font-size: 120%;
    }

    .AboutRespSwiperTitle > p {
        margin-top: 8px;
        font-size: 50%;
    }

    .AboutRespSwiperTitle .AboutRespSwiperTitleLink {
        margin-top: 8px;
    }

    .AboutRespSwiperTitle .AboutRespSwiperTitleLink > a {
        font-size: 80%;
    }

    .AboutRespSwiperTitle .AboutRespSwiperTitleLink > img {
        width: 14px;
    }

    .AboutRespArea9Item {
        margin-top: 10px;
        padding-top: 60px;
        height: 290px;
    }

    .AboutRespArea9Item .AboutRespArea9Text, .AboutRespArea9Item .AboutRespArea9Text2 {
        font-size: 80%;
    }

    .AboutRespArea9Item .AboutRespArea9Text {
        width: 90%;
        line-height: 1.5;
    }

    .AboutRespArea9Item .AboutRespArea9Text2 {
        width: 80%;
    }

    .AboutRespArea9Item .AboutRespArea9Link {
        width: 90%;
        margin-top: 20px;
        font-size: 80%;
    }

    .AboutRespArea9Item .AboutRespArea9Link > a {
        font-size: 80%;
    }

    .AboutRespArea7Item {
        height: 234px;
        overflow: hidden;
    }

    .AboutRespArea7Item > img {
        width: 100%;
        height: auto;
    }

    .AboutRespArea5Inner ul {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .AboutRespArea5Inner ul li {
        width: 50%;
        padding: 0;
        margin: 0 auto;
        display: block;
        text-align: center;
    }

    .AboutRespArea5Inner ul li > img {
        width: 90%;
        /* height: 240px; */
        margin: 10px auto;
    }
}

#AboutArea1 {
    position: relative;
}

.AboutArea1 .yftxTitle {
    margin-top: -300px;
}

/* 关于我们 */
.AboutArea1Inner {
    position: relative;
    background-color: #fff;
    height: 400px;
}

.AboutArea1Content {
    position: relative;
    width: 100%;
    height: 100%;
}

.AboutArea1List {
    position: absolute;
    left: 0;
    top: -280px;
    z-index: 1;
    width: 100%;
    height: 680px;
}

.AboutArea1ListItem {
    height: 680px;
    background-color: rgba(255,255,255,.85);
    box-shadow: 0px 10px 20px 0px rgba(51,51,51,0.1);
    padding: 40px 32px;
    /*background: linear-gradient(to bottom, rgba(255,255,255,.7) 10%, rgba(255,255,255,.9) 30%, #ffffff);*/
}

.AboutArea1ListItem > h3 {
    font-size: 200%;
    margin: 40px 0 0 0;
    padding: 0;
    font-weight: 500;
    text-align: center;
    color: var(--color-accent);
    background-image: none;
}

.AboutArea1ListItem > p {
    margin-top: 24px;
    font-size: 100%;
    color: #4D4D4D;
    line-height: 1.8;
    text-align: center;
}

.AboutArea1ListItem > ul {
    list-style: none;
    margin-top: 100px;
    padding: 0 32px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.AboutArea1ListItem > ul.AboutArea1List1 > li {
    width: 50%;
}

.AboutArea1ListItem > ul.AboutArea1List2 > li {
    width: 33.33%;
}

.AboutArea1ListItem .AboutArea1ListItemInner {
    margin-bottom: 24px;
}

.AboutArea1ListItem .AboutArea1ListItemInner > h4 {
    margin: 0;
    padding: 0;
    font-size: 150%;
    font-weight: 500;
    color: var(--color-accent);
    background-image: none;
}

.AboutArea1ListItem .AboutArea1ListItemInner > h4 span {
    font-size: 50%;
}

.AboutArea1ListItem .AboutArea1ListItemInner > p {
    color: #333;
    font-size: 100%;
}

@media screen and (max-width: 1024px) {
    .AboutArea1ListItem {
        height: 560px;
        padding: 24px 16px;
    }

    .AboutArea1ListItem > h3 {
        font-size: 150%;
        margin: 24px 0 0 0;
    }

    .AboutArea1ListItem > ul {
        margin-top: 64px;
        padding: 0 16px;
    }

    .AboutArea1ListItem .AboutArea1ListItemInner > p {
        font-size: 80%;
    }
}

@media screen and (max-width: 768px) {
    .AboutArea1 .yftxTitle {
        margin-top: 0px;
    }

    .AboutArea1Inner {
        height: auto;
        background-color: rgba(255,255,255,.9);
        margin: 0 15px;
        margin-top: -80px;
        border-radius: 6px;
    }

    .AboutArea1List {
        position: relative;
        left: 0;
        top: 0;
        margin-top: 15px;
        height: auto;
    }

    .AboutArea1ListItem {
        height: auto;
        box-shadow: none;
        padding: 0;
        margin-top: 24px;
        background-color: transparent;
    }

    .AboutArea1ListItem > h3 {
        margin: 0;
        font-size: 130%;
    }

    .AboutArea1ListItem > p {
        margin-top: 25px;
        font-size: 80%;
        text-align: left;
    }

    .AboutArea1ListItem > ul {
        padding: 0;
        background-color: rgba(0,0,0,.02);
        border-radius: 0;
        margin-top: 20px;
        padding: 20px 20px 0px 20px;
    }

    .AboutArea1ListItem .AboutArea1ListItemInner > h4 {
        font-size: 110%;
    }

    .AboutArea1ListItem .AboutArea1ListItemInner > p {
        font-size: 50%;
        color: #737373;
    }
}

.AboutArea12Inner {
    position: relative;
    height: 540px;
}

.AboutArea12Cover {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
}

.AboutArea12Inner .FBox {
    position: relative;
    height: 100%;
}

.AboutArea12Swiper {
    position: absolute;
    width: 100%;
    height: 640px;
    left: 0;
    top: -30px;
    z-index: 1;
}

.AboutArea12SwiperInner {
    position: relative;
    width: 100%;
    height: 100%;
}

.AboutArea12InnerSlide {
    position: relative;
    margin: 0 auto;
    width: 960px;
    height: 600px;
}

.AboutArea12InnerSlide > img {
    width: 100%;
    height: auto;
}

.AboutArea12InnerSlideTxt > h5, .AboutArea12InnerSlideTxt > h6, .AboutArea12InnerSlideTxt > p, .AboutArea12InnerSlideTxt > a {
    color: #fff;
}

.AboutArea12InnerSlideTxt > h5 {
    font-size: 200%;
    font-weight: 500;
    margin: 0;
    padding: 0;
}

.AboutArea12InnerSlideTxt > h6 {
    font-size: 100%;
    font-weight: 400;
}

.AboutArea12InnerSlideTxt > p {
    margin-top: 24px;
    width: 80%;
}

.AboutArea12InnerSlideTxt {
    position: absolute;
    left: 0;
    top: 0;
    padding-bottom: 100px;
    z-index: 1;
    width: 100%;
    height: 100%;
    /*background-color: rgba(0, 0, 0, 0.3);*/
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    background: -webkit-linear-gradient(top,transparent 50%,transparent 0,rgba(0,0,0,.75));
    background: -moz-linear-gradient(top,transparent 50%,transparent 50%,rgba(0,0,0,.75) 100%);
    background: linear-gradient(180deg,transparent 50%,transparent 0,rgba(0,0,0,.75));
}

.AboutArea12InnerSlideTxt .AboutArea12InnerSlideLink {
    position: relative;
    margin-top: 24px;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 0px 50px;
    font-size: 100%;
    text-decoration: none;
    height: 48px;
    line-height: 48px;
}

.AboutArea12InnerSlideTxt .AboutArea12InnerSlideLink:hover {
    background-color: var(--color-accent-light);
    border-color: var(--color-accent-light);
    text-decoration: none;
}

.AboutArea12InnerSlideTxt .AboutArea12InnerSlideLink::before {
    content: '';
    position: absolute;
    left: 16px;
    top: 12px;
    width: 22px;
    height: 22px;
    background-image: url(../img/icon-book.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.AboutArea12InnerSlideTxt .AboutArea12InnerSlideLink::after {
    content: '';
    position: absolute;
    right: 16px;
    top: 14px;
    width: 10px;
    height: 17px;
    background-image: url(../img/icon-arrow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.AboutArea12SwiperInner .swiper-page {
    position: relative;
    width: 100%;
    height: 40px;
}

.AboutArea12SwiperInner .swiper-button-next, .AboutArea12SwiperInner .swiper-button-prev {
    margin-top: calc(0px - (120px/ 2));
    width: 60px;
    height: 120px;
    background-color: var(--color-accent-light);
}

.AboutArea12SwiperInner .swiper-button-next:after, .AboutArea12SwiperInner .swiper-button-prev:after {
    color: #fff;
    font-weight: 400;
    font-size: 28px;
}

.AboutArea12SwiperInner .swiper-pagination-bullet {
    border-radius: 0;
    width: 48px;
    height: 2px;
    background-color: var(--color-accent);
}

.AboutArea12SwiperInner .swiper-pagination-bullet-active {
    height: 3px;
}

@media screen and (max-width: 768px) {
    .AboutArea12 {
        padding-bottom: 100px;
    }

    .AboutArea12Inner {
        height: 270px;
    }

    .AboutArea12Swiper {
        top: -15px;
        height: 320px;
    }

    .AboutArea12InnerSlide {
        width: 100%;
        height: 300px;
    }

    .AboutArea12InnerSlideTxt {
        padding: 0;
        justify-content: center;
    }

    .AboutArea12InnerSlideTxt > h5 {
        font-size: 120%;
    }

    .AboutArea12InnerSlideTxt > h6 {
        font-size: 80%;
    }

    .AboutArea12InnerSlideTxt > p {
        width: 80%;
        margin-top: 12px;
        font-size: 50%;
    }

    .AboutArea12SwiperInner .swiper-button-next, .AboutArea12SwiperInner .swiper-button-prev {
        width: 30px;
        height: 60px;
        margin-top: -30px;
    }

    .AboutArea12InnerSlideTxt .AboutArea12InnerSlideLink {
        height: 36px;
        font-size: 80%;
        margin-top: 12px;
        line-height: 36px;
        padding: 0 32px;
    }

    .AboutArea12InnerSlideTxt .AboutArea12InnerSlideLink::before {
        left: 10px;
        top: 12px;
        width: 14px;
        height: 14px;
    }

    .AboutArea12InnerSlideTxt .AboutArea12InnerSlideLink::after {
        right: 10px;
        width: 6px;
        height: 9px;
    }

    .AboutArea12SwiperInner .swiper-button-next {
        margin-right: -20px;
    }

    .AboutArea12SwiperInner .swiper-button-prev {
        margin-left: -20px;
    }

    .AboutArea12SwiperInner .swiper-button-next:after, .AboutArea12SwiperInner .swiper-button-prev:after {
        font-size: 14px;
    }

    .AboutArea12SwiperInner .swiper-pagination-bullet {
        width: 24px;
    }
}

.AboutComapnyTabContentVideo1 {
    position: relative;
    width: 610px;
    height: 350px;
}

.AboutComapnyTabContentVideo2 {
    position: relative;
    width: 625px;
    height: 300px;
}

.AboutComapnyTabContentVideo3 {
    position: relative;
    width: 625px;
    height: 360px;
}

@media screen and (max-width: 1024px) {
    .AboutComapnyTabContentVideo1 {
        width: 440px;
        height: 250px;
    }

    .AboutComapnyTabContentVideo2, .AboutComapnyTabContentVideo3 {
        width: 100%;
        height: 280px;
    }
}

@media screen and (max-width: 768px) {
    .AboutComapnyTabContentVideo1 {
        width: 312px;
        height: 175px;
    }

    .AboutComapnyTabContentVideo2 {
        position: relative;
        width: 312px;
        height: 150px;
    }

    .AboutComapnyTabContentVideo3 {
        width: 312px;
        height: 180px;
    }
}

.AboutRespSwiperTitle > p.red {
    color: var(--color-accent);
}

.AboutRespSwiperTitle > p.strong {
    color: #333;
}

.AboutRespMap {
    width: 662px;
    height: 590px;
    position: relative;
}

.AboutRespMap > img {
    width: 100%;
    height: 100%;
}

.AboutRespMapLink {
    position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.AboutRespMapLink.link-cd {
    left: 320px;
    top: 310px;
}

.AboutRespMapLink.link-tj {
    left: 480px;
    top: 218px;
}

.AboutRespMapLink.link-sh {
    left: 540px;
    top: 300px;
}

.AboutRespMapLink.link-gz {
    left: 450px;
    top: 405px;
}

.AboutRespMapLink > p {
    font-size: 120%;
    color: #333;
    height: 44px;
}

.AboutRespMapLink .link-icon {
    width: 24px;
    height: 14px;
    background-color: #333;
    box-shadow: 0 0 5px 5px rgba(51,51,51, 0.1);
    border-radius: 7px;
}

.AboutRespMapLink:hover > p, .AboutRespMapLink.actived > p {
    color: var(--color-accent-light);
}

.AboutRespMapLink:hover .link-icon, .AboutRespMapLink.actived .link-icon {
    background: var(--color-accent-light);
}

.AboutRespAddress {
    position: relative;
    width: auto;
    margin-left: 32px;
    height: 100%;
    padding-left: 40px;
    border-left: 1px solid var(--color-accent-light);
}

.AboutRespAddress::before {
    content: '';
    position: absolute;
    left: -7px;
    top: -7px;
    width: 14px;
    height: 24px;
    background: #E60027;
    /* border: 6px solid rgba(230,0,39,0.1); */
    border-radius: 7px;
    z-index: 1;
    box-shadow: 0 0 10px 10px rgba(230, 0, 39, 0.1);
}

.AboutRespAddressLi {
    display: none;
}

.AboutRespAddressLi.actived {
    display: block;
}

.AboutRespAddressLi > h3 {
    font-size: 200%;
    color: var(--color-accent-light);
    font-weight: 500;
    margin: 0;
    padding: 0;
    background-image: none;
    text-align: left;
}

.AboutRespAddressLi > ul {
    list-style: none;
    margin-top: 16px;
}

.AboutRespAddressLi > ul li {
    position: relative;
    padding-left: 40px;
    margin-top: 24px;
}

.AboutRespAddressLi > ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    z-index: 1;
    width: 16px;
    height: 1px;
    background-color: #E60027;
}

.AboutRespAddressLi > ul li h4 {
    font-size: 120%;
    font-weight: 500;
    color: #333;
    background-image: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.AboutRespAddressLi > ul li h5 {
    color: var(--color-accent-light);
    font-weight: 400;
    background-image: none;
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 100%;
    text-align: left;
}

.AboutRespAddressLi > ul li p {
    color: #333;
    font-size: 100%;
    text-align: left;
    margin-top: 5px;
}

.AboutRespAddressLi > ul li p.gray {
    color: #737373;
}

@media screen and (max-width: 1024px) {
    .AboutRespMap {
        width: 495px;
        height: 442px;
    }

    .AboutRespMapLink.link-cd {
        left: 240px;
        top: 232px;
    }

    .AboutRespMapLink.link-tj {
        left: 360px;
        top: 178px;
    }

    .AboutRespMapLink.link-sh {
        left: 405px;
        top: 225px;
    }

    .AboutRespMapLink.link-gz {
        left: 338px;
        top: 303px;
    }

    .AboutRespAddress {
        margin-left: 16px;
        padding-left: 24px;
    }

    .AboutRespAddressLi > h3 {
        font-size: 150%;
    }

    .AboutRespAddressLi > ul {
        margin-top: 8px;
    }

    .AboutRespAddressLi > ul li {
        margin-top: 12px;
        padding-left: 32px;
    }

    .AboutRespAddressLi > ul li h4 {
        font-size: 100%;
    }

    .AboutRespAddressLi > ul li h5 {
        font-size: 80%;
        margin-top: 4px;
    }

    .AboutRespAddressLi > ul li p {
        font-size: 80%;
        margin-top: 0;
    }
}

@media screen and (max-width: 768px) {
    .AboutRespMap {
        width: 331px;
        height: 295px;
    }

    .AboutRespMapLink.link-cd {
        left: 160px;
        top: 155px;
    }

    .AboutRespMapLink.link-tj {
        left: 240px;
        top: 119px;
    }

    .AboutRespMapLink.link-sh {
        left: 270px;
        top: 150px;
    }

    .AboutRespMapLink.link-gz {
        left: 225px;
        top: 202px;
    }

    .AboutRespMapLink > p {
        font-size: 80%;
        height: 22px;
    }

    .AboutRespMapLink .link-icon {
        width: 12px;
        height: 7px;
        border-radius: 3px;
    }

    .AboutRespAddress {
        margin-left: 0;
        padding-left: 0px;
        border-left: 0;
    }

    .AboutRespAddress::before {
        width: 0;
        display: none;
    }

    .AboutRespAddressLi > h3 {
        font-size: 120%;
        text-align: center;
    }

    .AboutRespAddressLi > ul {
        margin-top: 5px;
    }

    .AboutRespAddressLi > ul li {
        margin-top: 12px;
        padding-left: 20px;
    }

    .AboutRespAddressLi > ul li::before {
        width: 8px;
    }

    .AboutRespAddressLi > ul li h4 {
        font-size: 80%;
    }

    .AboutRespAddressLi > ul li h5 {
        font-size: 70%;
        margin-top: 0;
    }

    .AboutRespAddressLi > ul li p {
        font-size: 70%;
        margin-top: 0;
    }
}

.AboutComapnyTabContentItem1 {
    position: relative;
    width: 100%;
    height: 510px;
    padding: 44px;
}

.AboutComapnyTabContentItem1 {
    background-color: rgba(241,241,241, 0.5);
}

.AboutComapnyTabContentItem1.AboutComapnyTabContentItem12 {
    background-color: rgba(241,241,241, 1);
}

.AboutComapnyTabContentItem1 > h3 {
    font-size: 120%;
    color: #333;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 32px 0;
    padding: 0 0 32px 0;
    background-image: none;
    border-bottom: 1px solid #E60027;
    text-align: left;
}

.AboutComapnyTabContentItem1 > p {
    font-size: 100%;
    line-height: 2;
    color: #333;
    text-align: left;
}

.AboutComapnyTabContentItem1 > .AboutComapnyTabContentItem1Bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 240px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.AboutComapnyTabContentItem1 > ul {
    list-style: none;
    margin-top: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.AboutComapnyTabContentItem1 > ul.AboutArea1List1 > li {
    width: 50%;
}

.AboutComapnyTabContentItem1 > ul.AboutArea1List2 > li {
    width: 50%;
}

.AboutComapnyTabContentItem1 .AboutArea1ListItemInner {
    margin-bottom: 24px;
}

.AboutComapnyTabContentItem1 .AboutArea1ListItemInner > h4 {
    margin: 0;
    padding: 0;
    font-size: 150%;
    font-weight: 500;
    color: var(--color-accent);
    background-image: none;
    text-align: left;
}

.AboutComapnyTabContentItem1 .AboutArea1ListItemInner > h4 span {
    font-size: 60%;
}

.AboutComapnyTabContentItem1 .AboutArea1ListItemInner > p {
    color: #333;
    font-size: 100%;
    text-align: left;
}

@media screen and (max-width: 1024px) {
    .AboutComapnyTabContentItem1 {
        padding: 24px;
    }

    .AboutComapnyTabContentItem1 .AboutArea1ListItemInner > p {
        font-size: 80%;
    }
}

@media screen and (max-width: 768px) {
    
    .AboutComapnyTabContentItem1 > ul {
        margin-top: 20px;
        padding: 0;
    }

    .AboutComapnyTabContentItem1 .AboutArea1ListItemInner > h4 {
        font-size: 100%;
    }

    .AboutComapnyTabContentItem1 .AboutArea1ListItemInner > p {
        font-size: 60%;
    }

    .AboutComapnyTabContentItem1 {
        padding: 12px;
        height: auto;
        margin-bottom: 0;
    }

    .AboutComapnyTabContentItem1 > h3 {
        margin-bottom: 10px;
        padding-bottom: 10px;
        font-size: 80%;
    }

    .AboutComapnyTabContentItem1 > .AboutComapnyTabContentItem1Bg {
        display: none;
        height: 0;
    }

    .AboutComapnyTabContentItem1 .AboutArea1ListItemInner {
        margin-bottom: 10px;
    }

    .AboutComapnyTabContentItem1 > p {
        font-size: 80%;
    }
}