/*menu*/

header.yd-nav .mobile-navbar .menu-item .link a {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

header.yd-nav .mobile-navbar .menu-item .link a::before {
    content: '';
    background-image: url(http://www.yadongnewenergy.com/upload/portal/20240909/8f0dc2e44ae445082ffb3871a2456f3c.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    width: 56px;
    height: 24px;
}

header.yd-nav .mobile-navbar .menu-item .link {
    padding-top: 20px;
    padding-bottom: 20px;
}



@media (max-width: 1399px) {
    header.yd-nav .nav-menu .item::before {
        background-size: 80%;
        background-position: center;
    }

    header.yd-nav .nav-menu .item.nav-contact a i {
        margin-right: 5px;
    }
}

header.yd-nav .navbar-div.shrink .navbar-brand a .logo {
    width: 280px;
}


@media (max-width: 1199px) {
    header.yd-nav .navbar-brand img {
        width: 210px;
    }

    header.yd-nav .nav-menu .item {
        padding-left: 5px;
        padding-right: 5px;

    }
}

/*page-banner*/

.page-content .page-banner .banner-image .title-div .title .text{
    font-size: 28px;
    letter-spacing: 2px;
}

@media (max-width: 991px) {
.page-content .page-banner .banner-image .title-div .title .text{
    font-size: 24px;
}
}


.page-content .page-banner .banner-image .title-div .title .text::before {
    content: '';
    display: block;
    background-image: url(http://www.yadongnewenergy.com/upload/portal/20240909/890b4de20ec559a3031fbd3b3a8b5c34.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 35px;
}
.page-content.about .page-banner .banner-image .title-div .title .text::before {
    max-width: 101px;
}

.page-content.service .page-banner .banner-image .title-div .title .text::before {
    background-image: url(http://www.yadongnewenergy.com/upload/portal/20240909/d93f1e704b3fb49d2e6cae65a77dc906.png);
    max-width: 210px;
}

.page-content.news .page-banner .banner-image .title-div .title .text::before {
    background-image: url(http://www.yadongnewenergy.com/upload/portal/20240909/856b00e37833ace5cc91d55fe0b04ac1.png);
    max-width: 60px;
}

.page-content.work .page-banner .banner-image .title-div .title .text::before {
    background-image: url(http://www.yadongnewenergy.com/upload/portal/20240909/80552c9a4cd1667318007a59dff499e6.png);
    max-width: 64px;
}

.page-content.governance .page-banner .banner-image .title-div .title .text::before {
    background-image: url(../img/governance_title.png);
    max-width: 139px;
}

.page-content.investor .page-banner .banner-image .title-div .title .text::before {
    background-image: url(../img/investor_title.png);
    max-width: 97px;
}

.page-content.recruit .page-banner .banner-image .title-div .title .text::before {
    background-image: url(../img/recruit_title.png);
    max-width: 86px;
}

.page-content.contact .page-banner .banner-image .title-div .title .text::before {
    background-image: url(../img/contact_title.png);
    max-width: 121px;
}

.page-content.report .page-banner .banner-image .title-div .title .text::before {
    background-image: url(../img/file_title.png);
    max-width: 117px;
}

.page-content.privacy .page-banner .banner-image .title-div .title .text::before {
    background-image: url(../img/privacy_title.png);
    max-width: 87px;
}

.page-content.sitemap .page-banner .banner-image .title-div .title .text::before {
    background-image: url(../img/sitemap_title.png);
    max-width: 96px;
}

/* @media (max-width: 991px) {
    .page-content .page-banner .banner-image .title-div .title .text::before {
        /* height: 24px; 
    }

} */

/*breadcrumb*/
body .page-content .breadcrumb .breadcrumb-item {
    color: #fff !important;
}

/*category-select*/

.page-content .category-select {
    background-color: #408ECD;
    border-color: #408ECD;
    border-radius: 5px;
    margin-bottom: 2rem;
}

/*category*/

.sub-category-row{
    margin-bottom: 3rem;
}

/*home-service*/
.home-yd-service {
    background-image: none;
}

/*home-news*/
.home-yd-news {
    background-image: none;
}

.yd-news-list .item .info .more-btn::after {
    transition: all 0.3s ease-in-out;
}


.yd-news-list .item:hover .info .more-btn::after {
    transform: rotate(90deg);
    transition: all 0.3s ease-in-out;
}

.yd-news-list .item .info .title a,
.yd-news-list .item .info .text{
    height: 62px;
}

.yd-news-list .item .btn-div{
    margin-top: 10px;
}

/*side*/
.yd-side-menu {
    flex: 0 0 250px;
}

/*page*/

.page-content .right-content,
.page-content .content .container {
    min-height: 450px;
}

.page-content .intro {
    text-align: center;
    color: #004780;
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 1rem;
    padding-left: 10px;
    font-weight: bold;
}


/*page-news*/

.yd-news-article .date span {
    font-weight: bold;
}

.page-content .content.article .page-title {
    padding-bottom: 20px;
    margin-bottom: 16px;
}

.yd-news-list-wrapper .item .btn-div{
    margin-top: 10px;
}

/*page-inve*/

.dl-news-detail {
    min-height: 500px;
}

/*page-link*/

.pagination .page-link {
    color: #004EA1 !important;
    border: 1px #004EA1 solid;
    border-radius: 50% !important;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.pagination .page-item:hover .page-link {
    background: #004EA1 !important;
    color: #FFF !important;
}

.pagination .page-item.active .page-link {
    background: #004EA1 !important;
    border-radius: 50% !important;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination .page-item .page-link.next:before {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDggMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yNThfMzIpIj4KPHBhdGggZD0iTTEgMUw0LjI3MjcxIDUuNzY1NTZMMSAxMC41MzExIiBzdHJva2U9IiMwMDRFQTEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTMuNzI2NTYgMUw2Ljk5OTI3IDUuNzY1NTZMMy43MjY1NiAxMC41MzExIiBzdHJva2U9IiMwMDRFQTEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yNThfMzIiPgo8cmVjdCB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K') no-repeat center center;
}

.pagination .page-item .page-link.prev:before {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDggMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yNThfMzIpIj4KPHBhdGggZD0iTTEgMUw0LjI3MjcxIDUuNzY1NTZMMSAxMC41MzExIiBzdHJva2U9IiMwMDRFQTEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTMuNzI2NTYgMUw2Ljk5OTI3IDUuNzY1NTZMMy43MjY1NiAxMC41MzExIiBzdHJva2U9IiMwMDRFQTEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yNThfMzIiPgo8cmVjdCB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K') no-repeat center center;
    transform: scale(-1);
}

/*page-btn*/

.page-btn a {
    text-decoration: none;
}

.page-btn .home a {
    text-decoration: none;
    color: #fff;
    background-color: #408ECD;
    padding: 5px 10px;
    transition: all 0.3s ease-in-out;
}

.page-btn .home a:hover {
    background-color: #002854;
    transition: all 0.3s ease-in-out;
}

.page-btn .next {
    border-right: 3px #408ECD solid;
}

.page-btn .next,
.page-btn .prev {
    border: 1px #408ECD solid;
    transition: all 0.3s ease-in-out;
    padding: 0 10px;
}

.page-btn .next a,
.page-btn .prev a {
    color: #408ECD;
}

.page-btn .next:hover,
.page-btn .prev:hover {
    background-color: #e4f3ff;
    transition: all 0.3s ease-in-out;
}

.page-btn {
    padding-bottom: 3rem;
    padding-top: 0;
}

.page-btn .next:after {
    background: url(http://www.yadongnewenergy.com/upload/portal/20240909/d68279568a8997f5c7b90ef39f4823e4.png);
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #408ecd;
    width: 23px;
    height: 34px;
    position: absolute;
    top: -1px;
    right: -23px;
}

.page-btn .prev:before {
    background: url(http://www.yadongnewenergy.com/upload/portal/20240909/d68279568a8997f5c7b90ef39f4823e4.png);
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #408ecd;
    width: 23px;
    height: 34px;
    position: absolute;
    top: -1px;
    left: -23px;
    transform: scaleX(-1);
}


.go-top {
    width: 56px;
}

@media (max-width: 991px) {
    .page-content .content {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .mobile-bottom {
        display: none;
    }

    .go-top {
        display: block !important;
    }
}

/*contact*/

.contact-wrapper .contact-box .con-info .group .label {

    color: #000000;
}

.contact-wrapper .contact-box .con-info .group .label i {
    background-color: #408ECD;
}

.contact-wrapper .contact-box .con-info .group {
    border-bottom: 1px #d6e7ec dashed;
}

.contact-form .form-group .form-select,
.contact-form .form-group .form-control {
    border: 1px solid #e8e8e8;
    background-color: rgb(251 251 251 / 60%);
}

.contact-form .form-group>label.required {
    color: #000000;
}

.contact-button-div button.btn.submit-btn {
    border-radius: 0;
    background-color: #408ecd;
    padding: 0.5rem 0;
}

.contact-button-div button.btn.submit-btn::before {
    background-color: #EAB419;
}

.contact-button-div button.btn.submit-btn::after {
    content: '';
    display: block;
    position: relative;
    right: 0;
    background-image: url(http://www.yadongnewenergy.com/upload/portal/20240909/d68279568a8997f5c7b90ef39f4823e4.png);
    background-size: 23px 23px;
    background-repeat: no-repeat;
    width: 41px;
    height: 34px;
    background-position: center center;
    z-index: 1;
    margin-left: 10px;
}

.contact-wrapper .contact-box .map iframe {
    border: 1px #408ecd solid !important;
    border-radius: 0;
}

@media (max-width: 767px) {
    .page-content {
        padding-top: 0;
        padding-bottom: 0;
    }

    .page-content.contact .content {
        padding-top: 0;
    }
}

@media screen and (max-width: 991px) {
    .home-yd-about {
        padding: 3rem 0;
    }
}

.video-box {
    text-align: center;
}

.video-box iframe {
    width: 80%;
}

@media screen and (max-width: 991px) {
    .home-yd-welcome .video-box iframe {
        height: 450px;
        width: 100%;
    }
}


/*news*/

.page-content .content.article .page-title:after {
    content: none;
}

.yd-news-article .page-title {
    border-bottom: none;
}
.yd-news-list-wrapper .item .info .title a {
    height: 62px;
}

.yd-news-list-wrapper .item .info .text{
    height: 62px;
}

@media screen and (max-width: 991px) {
    .yd-news-list-wrapper .item .info .title a {
        height: 59px;
    }
}


/*investor*/

.page-content.investor .news-list-wrapper .news-list .item {
    position: relative;
    background: #f8fcff;
    box-shadow: 0px 0px 0px 1px #d6ebff;
    border: dashed 1px #e5e5e5;
    padding: 1rem;
    color: #884904;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bolder;
    margin-bottom: 2rem;
}

.page-content.investor .news-list-wrapper .news-list .item:after {
    position: absolute;
    content: '';
    top: -2px;
    left: -2px;
    border-width: 0 0 15px 15px;
    border-style: solid;
    border-color: #fff #fff #408ecd;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.page-content.investor .news-list-wrapper .news-list .item:first-child {
    border-top: none;
}

.page-content.investor .news-list-wrapper .news-list .item .arrow {
    width: 30px;
    height: 30px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAyNSAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE1Xzg4MSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuMDAxODMgMC41OTIxMUw5LjA4NzE5IDIuNDI1NjVMNS44ODg0MSA1LjQ2ODk0SDI1VjcuOTA4NTdINS44ODQ3NUw5LjA4NzE5IDEwLjk1NTVMNy4wMDE4MyAxMi43ODcyTDAuNTkzMjkyIDYuNjkwMjhMNy4wMDE4MyAwLjU5MjExWiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xNV84ODEiPgo8cmVjdCB3aWR0aD0iMjUiIGhlaWdodD0iMTIuODA0OSIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAyNSAxMi44MDQ5KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) no-repeat center center;
    background-size: 60%;
    background-color: #eab419;
    z-index: 1;
    border-radius: 50%;
    transform: scaleX(-1);
}

.page-content.investor .news-list-wrapper .news-list .item:hover {
    background-color: #e2f2ff;
}

.page-content.investor .news-list-wrapper .news-list .item .date {
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 400;
}

.page-content.investor .news-list-wrapper .news-list .item i {
    color: #408ecd;
}

.dl-news-detail .dl-title-div {
    border-bottom: none;
}


/*h1、h2*/

.page-content .editor-content .row h1,
.page-content .editor-content .row h2,
.page-content .editor-content .row h3{
    line-height: 185%;
}

.page-content .editor-content .row h1 {
    margin-bottom: 2rem;
}

.page-content .editor-content .row h2 {
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.page-content .editor-content .row h2::before {
    content: '';
    display: block;
    background-image: url(http://www.yadongnewenergy.com/upload/portal/20240909/e712e217784dd77e408d6e79b3effa1b.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 35px;
    height: 24px;
    flex: 0 0 35px;
    margin-right: 0;
}

/*table*/

.row .column,
.row .block {
    line-height: 1.85;
}

.row .block {
    margin-bottom: 1rem;
}

.row .block.image-block img {
    width: 100%;
}

.row .block table,
.row .column table {
    border-collapse: separate;
    border-spacing: 5px;
    border: 0;
}

@media (min-width: 1025px) {

    .row .block table,
    .row .column table {
        max-width: 100%;
    }
}

.row .block table tr td,
.row .block table tr th,
.row .column table tr td,
.row .column table tr th {
    padding: 5px;
    border: 0;
}

.row .block table tr th,
.row .column table tr th {
    color: #fff;
    font-weight: bold;
    background-color: #408ecd;
}

.row .block table tr td,
.row .column table tr td {
    background-color: #f7f7f7;
}

.row .block table tr td:first-child,
.row .column table tr td:first-child {
    color: #408ecd;
    background-color: #eaf6ff;
}

.page-service-title h1{
    font-weight: bold;
}