@charset "utf-8";

/* 头部 */
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    transition: all 0.3s ease-in;
}

.header.onen {
    background: #0b4997;
    transition: all 0.3s ease-in;
}

.header.onen .header_top {
    opacity: 0;
    height: 0;
    transition: all 0.5s ease-in-out;
}

.header_top {
    width: 100%;
    opacity: 1;
    height: 120px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
    transition: all 0.5s ease-in-out;
}


.header_top .w1500 {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header_top .logo img,
.header_top .xh img {
    display: block;
    height: 100%;
    width: auto;
}

.seach_menu {
    display: none;
    align-items: center;
}

.seach_menu a {
    display: block;
}

.seach_menu .seach {
    width: 24px;
    height: 24px;
    background-image: url(../images/magnifyingGlass.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 20px;
}

.seach_menu .menu span {
    display: block;
    width: 24px;
    height: 2px;
    background: #fff;
    margin-bottom: 7px;
}

.seach_menu .menu span:last-child {
    margin-bottom: 0px;
}


.header_btm .w1500 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header_btm .w1500 .seach {
    width: 21px;
    cursor: pointer;
}

.header_btm .w1500 .seach img {
    display: block;
    width: 100%;
    height: auto;
}

.nav_ul {
    width: calc(100% - 90px);
    display: flex;
    justify-content: space-between;
}

.nav_ul .nav_li {
    position: relative;
}


.nav_ul .nav_li .menu-toggle {
    line-height: 72px;
    color: #fff;
    font-size: 18px;
}

.nav_ul li .menu-items {
    display: none;
    position: absolute;
    min-width: 100%;
    width: auto;
    background-color: #0B7BC6;
    left: 50%;
    top: 100%;
    z-index: 10;
    transform: translateX(-50%);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.nav_ul li .menu-items li {
    line-height: 42px;
    transition: all 0.3s ease;
}

.nav_ul li .menu-items li:hover {
    background: #13A6C7;
}

.nav_ul li .menu-items li a {
    white-space: nowrap;
    display: block;
    font-size: 17px;
    color: #fff;
    text-align: center;
    font-weight: 100;
    padding: 0 20px;
}

/* banner */

.myBanner .slick-dots {
    position: absolute;
    right: calc((100% - 1500px)/2);
    bottom: 80px;
    display: flex !important;
    align-items: center;
}

.myBanner .slick-dots li {
    margin: 10.5px 11px;
    width: 10px;
    height: 10px;
    background: #024190;
    border-radius: 50%;
}

.myBanner .slick-dots .slick-active {
    border-radius: 0;
    width: 42px;
    height: 31px;
    margin: 0 11px;
    background: url(../images/lbd_act.png);
    background-size: contain;
    background-position: center;
}

/* 尾部 */

.footer {
    background: url(../images/footer_bg.png);
    background-size: 100% 100%;
    background-position: center;
}

.custom-select,
.custom-select2,
.custom-select3,
.custom-select4 {
    position: relative;
    display: inline-block;
    color: rgb(255, 255, 255);
    height: 44px;
    width: 100%;
}

.select-selected,
.select-selected2,
.select-selected3,
.select-selected4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 13px;
    cursor: pointer;
    font-size: 16px;
    line-height: 44px;
    color: #FFFFFF;
    background-color: #024190;
    white-space: nowrap;
    width: 100%;
    height: 44px;
    background: #024190;
    border: 1px solid #2C68B4;
}

.select-selected::after,
.select-selected2::after,
.select-selected3::after,
.select-selected4::after {
    content: "▶";
    font-size: 10px;
    margin-left: 8px;
    display: flex;
    justify-content: space-around;
    transition: transform 0.3s ease-in-out;
}

.custom-select:hover .select-selected::after,
.custom-select2:hover .select-selected2::after,
.custom-select3:hover .select-selected3::after,
.custom-select4:hover .select-selected4::after {
    transform: rotate(90deg);
}

.select-items,
.select-items2,
.select-items3,
.select-items4 {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0px;
    right: 0px;
    z-index: 99;
    display: none;
    overflow: auto;
    background-color: #024190;
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid #2C68B4;
    border-top: none;
}

.select-items>a,
.select-items2>a,
.select-items3>a,
.select-items4>a {
    width: 100%;
    display: flex;
    color: rgb(255, 255, 255);
    align-items: center;
    padding: 12px 16px;
    background-color: transparent;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.select-items>a:hover,
.select-items2>a:hover,
.select-items3>a:hover,
.select-items4>a:hover {
    background: rgb(236, 245, 254);
    color: rgb(51, 51, 51);
}

.footer_main {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.footer_main .w1350 {
    padding: 36px 0 19px;
}

.footer_link p {
    font-size: 24px;
    color: #FFFFFF;
    line-height: 24px;
    margin-bottom: 28px;
}

.footer_link ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.footer_link ul li {
    /* margin-left: 35px; */
    width: 22%;
}

.footer_link ul li:first-child {
    margin-left: 0;
}

.db_logo {
    margin: 40px 0 33px;
}

.dzdh p {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
}

.footer_bq .w1350 {
    padding: 10px 0;
}

.footer_bq .w1350 p,
.footer_bq .w1350 p a {
    display: block;
    font-size: 16px;
    line-height: 34px;
    color: #4E81C1;
    text-align: center;
    margin: 0 5px;
}

.footer_bq .w1350 p {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}




@media (max-width:1550px) {

    .header .w1500 {
        width: 100%;
        padding: 0 3%;
    }

    .myBanner .slick-dots {
        width: 100%;
        right: auto;
        padding: 0 3%;
    }



    .footer_main .w1350 {
        width: 100%;
        padding: 50px 3% 30px;
    }


    .footer_bq .w1350 {
        width: 100%;
        padding: 10px 3%;
    }



}

@media (max-width:1350px) {
    .nav_ul .nav_li .menu-toggle {
        font-size: 16px;
        line-height: 60px;
    }

    .nav_ul {
        width: calc(100% - 60px);
    }

    .select-selected,
    .select-selected2,
    .select-selected3,
    .select-selected4 {
        width: 250px;
    }
}

@media (max-width:1200px) {

    .header_btm {
        display: none;
    }

    .header_top {
        height: 100px;
    }

    .header_top .logo {
        height: 60px;
    }

    .header.onen .header_top {
        opacity: 1;
        height: 100px;
        transition: all 0.5s ease-in-out;
    }

    .red {
        display: block;
        position: absolute;
        right: -120%;
        top: 100px;
        height: calc(100vh - 100px);
        overflow: auto;
        z-index: 100;
    }

    .seach_menu {
        display: flex;
    }

    .menu span {
        transition: transform 0.3s ease;
    }

    .menu span:first-child {
        margin-top: 0;
    }

    .menu.open span:nth-child(1) {
        width: 24px;
        transform: rotate(45deg);
        margin-top: 9px;
    }

    .menu.open span:nth-child(2) {
        width: 24px;
        transform: rotate(-45deg);
        margin-top: -9px;
    }

    .menu.open span:nth-child(3) {
        opacity: 0;
    }


    /* 尾部 */

    .footer_link ul {
        justify-content: space-around;
    }

    .footer_link p {
        text-align: center;
    }

    .dzdh p {
        text-align: center;
    }

    .db_logo {
        text-align: center;
    }

    .footer_link ul li {
        margin: 15px 20px;
        width: 35%;
    }

    .select-selected,
    .select-selected2,
    .select-selected3,
    .select-selected4 {
        width: 100%;
    }

    .footer_link ul li:first-child {
        margin: 0 20px;
    }
}

@media (max-width:768px) {
    .header {
        background: #0971C6;
        border-bottom-color: rgba(255, 255, 255, 0.3);
    }

    .header_top,
    .header.onen .header_top {
        height: 80px;
    }

    .header.onen {
        background: #0971C6;
        transition: all 0.3s ease-in;
    }

    .header_top .xh {
        display: none;
    }

    .red {
        width: 100%;
    }

    .red {
        top: 80px;
        height: calc(100vh - 80px);
    }


    .myBanner .slick-dots {
        display: none !important;
    }
}

@media (max-width:576px) {
    .footer {
        background-size: initial;
    }

    .footer_link ul {
        justify-content: space-between;
    }

    .footer_link ul li:first-child {
        margin: 15px 0;
    }

    .footer_link ul li {
        margin: 15px 0;
        width: 48%;
    }

    .footer_link p {
        text-align: left;
    }

    .db_logo img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        height: auto;
    }
}

@media (max-width:480px) {
    .seach_menu .seach {
        margin-right: 10px;
    }

    .header .header_top .logo {
        height: 50px;
    }

    .header_top,
    .header.onen .header_top {
        height: 70px;
    }

    .red {
        top: 70px;
        height: calc(100vh - 70px);
    }

    .myBanner {
        margin-top: 70px;
    }

    .footer .bq {
        padding: 10px 0;
    }
}

background-color: #024190;
border-top: none;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border: 1px solid #2C68B4;
border-top: none;
}

.select-items>a,
.select-items2>a,
.select-items3>a,
.select-items4>a {
    width: 100%;
    display: flex;
    color: rgb(255, 255, 255);
    align-items: center;
    padding: 12px 16px;
    background-color: transparent;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.select-items>a:hover,
.select-items2>a:hover,
.select-items3>a:hover,
.select-items4>a:hover {
    background: rgb(236, 245, 254);
    color: rgb(51, 51, 51);
}

.footer_main {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.footer_main .w1500 {
    padding: 60px 0 40px;
}

.footer_link p {
    font-size: 24px;
    color: #FFFFFF;
    line-height: 24px;
    margin-bottom: 28px;
}

.footer_link ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.footer_link ul li {
    /* margin-left: 35px; */
    width: 22%;
}

.footer_link ul li:first-child {
    margin-left: 0;
}

.footer_logo {
    margin-top: 45px;
}

.lxdz {
    margin-bottom: 25px;
}

.lxdz p {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
}

.footer_bq .w1500 {
    padding: 10px 0;
}

.footer_bq .w1500 p,
.footer_bq .w1500 p a {
    display: block;
    font-size: 16px;
    line-height: 34px;
    color: #4E81C1;
    text-align: center;
    margin: 0 5px;
}

.footer_bq .w1500 p {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}




@media (max-width:1550px) {

    .header .w1500 {
        width: 100%;
        padding: 0 3%;
    }

    .myBanner .slick-dots {
        width: 100%;
        right: auto;
        padding: 0 3%;
    }



    .footer_main .w1500 {
        width: 100%;
        padding: 50px 3% 30px;
    }


    .footer_bq .w1500 {
        width: 100%;
        padding: 10px 3%;
    }



}

@media (max-width:1350px) {
    .nav_ul .nav_li .menu-toggle {
        font-size: 16px;
        line-height: 60px;
    }

    .nav_ul {
        width: calc(100% - 60px);
    }

    .select-selected,
    .select-selected2,
    .select-selected3,
    .select-selected4 {
        width: 250px;
    }
}

@media (max-width:1200px) {

    .header_btm {
        display: none;
    }

    .header_top {
        height: 100px;
    }

    .header_top .logo {
        height: 60px;
    }

    .header.onen .header_top {
        opacity: 1;
        height: 100px;
        transition: all 0.5s ease-in-out;
    }

    .red {
        display: block;
        position: absolute;
        right: -120%;
        top: 100px;
        height: calc(100vh - 100px);
        overflow: auto;
        z-index: 100;
    }

    .seach_menu {
        display: flex;
    }

    .menu span {
        transition: transform 0.3s ease;
    }

    .menu span:first-child {
        margin-top: 0;
    }

    .menu.open span:nth-child(1) {
        width: 24px;
        transform: rotate(45deg);
        margin-top: 9px;
    }

    .menu.open span:nth-child(2) {
        width: 24px;
        transform: rotate(-45deg);
        margin-top: -9px;
    }

    .menu.open span:nth-child(3) {
        opacity: 0;
    }


    /* 尾部 */

    .footer_link ul {
        justify-content: space-around;
    }

    .footer_link p {
        text-align: center;
    }

    .dzdh p {
        text-align: center;
    }

    .db_logo {
        text-align: center;
    }

    .footer_link ul li {
        margin: 15px 20px;
        width: 35%;
    }

    .select-selected,
    .select-selected2,
    .select-selected3,
    .select-selected4 {
        width: 100%;
    }

    .footer_link ul li:first-child {
        margin: 0 20px;
    }
}
@media (max-width:1024px) {

}
@media (max-width:768px) {
    .header {
        background: #0971C6;
        border-bottom-color: rgba(255, 255, 255, 0.3);
    }

    .header_top,
    .header.onen .header_top {
        height: 80px;
    }

    .header.onen {
        background: #0971C6;
        transition: all 0.3s ease-in;
    }

    .header_top .xh {
        display: none;
    }

    .red {
        width: 100%;
    }

    .red {
        top: 80px;
        height: calc(100vh - 80px);
    }


    .myBanner .slick-dots {
        display: none !important;
    }
}

@media (max-width:576px) {
    .footer {
        background-size: initial;
    }

    .footer_link ul {
        justify-content: space-between;
    }

    .footer_link ul li:first-child {
        margin: 15px 0;
    }

    .footer_link ul li {
        margin: 15px 0;
        width: 48%;
    }

    .footer_link p {
        text-align: left;
    }

    .db_logo img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        height: auto;
    }

    .lxdz p{
    text-align:center;
}

    .footer_logo img{
        display:block;
        margin:0 auto;
        max-width:100%;
    }
}

@media (max-width:480px) {
    .seach_menu .seach {
        margin-right: 10px;
    }

    .header .header_top .logo {
        height: 50px;
    }

    .header_top,
    .header.onen .header_top {
        height: 70px;
    }

    .red {
        top: 70px;
        height: calc(100vh - 70px);
    }

    .myBanner {
        margin-top: 70px;
    }

    .footer .bq {
        padding: 10px 0;
    }
}