@charset "utf-8";
.ys_cont1440 {
    width: 1440px;
    margin: 0 auto;
    max-width: 100%
}

.fl {
    float: left
}

.fr {
    float: right
}

.ys_page_wrap {
    display: flex;
    flex-direction: column
}

.ys_page_wrap {
    min-height: 100vh
}

.ys_modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3)
}

.ys_modal_wrap {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.ys_modal_container {
    position: relative;
    z-index: 1
}

.ys_modal_close {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    z-index: 10
}

.ys_modal_content {
    width: 950px;
    padding: 50px 20px;
    max-width: calc(100vw - 40px);
    max-height: calc(100vh - 80px);
    overflow: hidden;
    background: #fff
}

.ys_modal_content.noscroll {
    overflow: auto
}

.ys_modal_content.mCustomScrollbar .mCSB_inside>.mCSB_container {
    margin-right: 0
}

.ys_modal_content.mCustomScrollbar .mCustomScrollBox.mCSB_inside {
    margin-right: -15px;
    padding-right: 15px;
    max-width: calc(100% + 15px)
}

.ys_videom_close .iconfont {
    font-size: inherit
}

.ys_videom_iframebox iframe {
    max-width: 100%;
    min-width: 100px;
    min-height: 100px
}

@media screen and (max-width:480px) {
    .ys_videom_iframebox iframe {
        max-height: 33vh
    }
}

.ys_imgbox_contain,
.ys_imgbox_cover {
    position: relative;
    overflow: hidden
}

.ys_imgbox_contain img,
.ys_imgbox_cover img {
    width: 100%;
    transition: all .36s
}

.ys_imgbox_cover img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%
}

.ys_imgbox_contain img:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.ys_imgbox_cut img {
    width: auto;
    max-width: none;
    height: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

.ys_pcfy a {
    float: left
}

.ys_fybtn a {
    font-size: 14px;
    color: #333
}

.pc_fenye li {
    float: left;
    width: 30px;
    height: 30px;
    border: 1px solid transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 30px;
    color: #333;
    text-align: center;
    margin: 0 10px;
    border-radius: 50%;
    transition: .3s
}

.end li::before,
.first li::before,
.next li::before,
.prev li::before {
    font-family: iconfont;
    font-size: inherit;
    color: inherit;
    line-height: inherit
}

.first li::before {
    content: "\e74d"
}

.next li::before {
    content: "\e743"
}

.prev li::before {
    content: "\e744"
}

.end li::before {
    content: "\e74c"
}

.ys_sharebox a {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important
}

.ys_page_title {
    display: none
}

#bsMorePanel div,
#bsPanel div,
#bshareF div {
    box-sizing: content-box
}

.bsTop span {
    line-height: 24px !important
}

@media screen and (max-width:767px) {
    .bFind-wrapper-top input {
        width: auto !important
    }
    .slick-dots li {
        width: 8px;
        height: 8px
    }
}

#bsMorePanel div,
#bsPanel div,
#bshareF div {
    box-sizing: content-box
}

.bsTop span {
    line-height: 24px !important
}

#bsWXBox .bsTop span {
    opacity: 0
}

.amap-icon img {
    width: 100%
}

@-webkit-keyframes ysfadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes ysfadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.ys_header {
    position: relative;
    z-index: 9999;
    height: 60px;
}

.ys_hd_ph {
    display: none
}

.ys_ph_navbar {
    height: 64px
}

.ys_phnav_header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    height: 64px;
    background: #fff;
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%)
}

.ys_phnav_logo {
    width: 120px
}

.ys_phnav_logo a {
    width: 100%
}

.ys_phnav_header a,
.ys_phnav_logo,
.ys_phnav_r>div {
    line-height: 64px
}

.ys_phnav_r>div {
    float: left;
    margin-left: 15px
}

.ys_phnav_header a {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #333
}

.ys_phnav_menubtn {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 28px;
    height: 22px
}

.ys_phnav_menubtn::after,
.ys_phnav_menubtn::before {
    content: ""
}

.ys_phnav_menubtn span,
.ys_phnav_menubtn::after,
.ys_phnav_menubtn::before {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    transform: translateY(-50%);
    background: #666;
    transition: all .36s
}

.ys_phnav_menubtn::before {
    margin-top: -10px
}

.ys_phnav_menubtn::after {
    margin-top: 10px
}

.ys_phnav_menubtn.on span {
    opacity: 0
}

.ys_phnav_menubtn.on::after,
.ys_phnav_menubtn.on::before {
    margin-top: 0
}

.ys_phnav_menubtn.on::before {
    transform: translateY(-50%) rotate(45deg)
}

.ys_phnav_menubtn.on::after {
    transform: translateY(-50%) rotate(-45deg)
}

.ys_phnav_menu {
    display: none;
    position: fixed;
    left: 0;
    top: 64px;
    width: 100%;
    height: calc(100% - 64px);
    padding: 20px;
    background: #043c62;
    color: #fff
}

.ys_ph_search {
    width: 100%;
    overflow: hidden;
    padding: 0 15px;
    padding-left: 15px;
    margin-top: 50px
}

.ys_phs_form {
    position: relative;
    z-index: 1;
    width: 100%
}

.ys_phs_form input {
    width: 100%;
    height: 35px;
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 17.5px;
    padding-left: 20px;
    padding-right: 50px;
    color: #fff
}

.ys_phs_form input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

.ys_phs_form input:-moz-placeholder {
    color: rgba(255, 255, 255, .6)
}

.ys_phs_form input::-moz-placeholder {
    color: rgba(255, 255, 255, .6)
}

.ys_phs_form input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

.ys_phs_form .iconfont {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    color: rgba(255, 255, 255, .6)
}

.ys_ph_nav ul {
    padding: 0 15px;
    display: none
}

.ys_ph_nav a {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.5;
    padding: 1em 0;
    color: #fff;
    max-width: calc(100% - 40px)
}

.ys_ph_nav ul a {
    font-size: 12px
}

.ys_ph_nav li.yxnav_active1>.ys_phnav_lisbox a {
    color: rgba(255, 255, 255, .6)
}

.ys_phnav_lisbox {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, .4)
}

.ys_phnav_icon {
    display: none;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px
}

.ys_phnav_icon::after,
.ys_phnav_icon::before {
    content: "";
    position: absolute;
    background: #fff;
    transition: all .36s
}

.ys_phnav_icon::before {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px
}

.ys_phnav_icon::after {
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 1px;
    height: 100%
}

.ys_phnav_icon.on::after {
    transform: translateX(-50%) rotate(90deg)
}

.ys_phnav_haschild .ys_phnav_icon {
    display: block
}

.ys_ph_nav li:not(.ys_phnav_haschild)>.ys_phnav_lisbox .ys_phnav_icon {
    display: none
}

.ys_ph_nav li:not(.ys_phnav_haschild)>.ys_phnav_lisbox>a {
    display: block;
    max-width: 100%
}

.ys_phmenu_scroll {
    margin-right: -15px;
    padding-right: 15px;
    max-height: calc(100% - 85px);
    overflow: scroll
}

.ys_ph_navbar2 .ys_phnav_menu {
    display: block;
    transform: translateX(100%);
    transition: all .5s cubic-bezier(.55, .085, .68, .53)
}

.ys_ph_navbar2 .ys_phnav_menu.on {
    transform: translateX(0);
    transition: all .5s cubic-bezier(.25, .46, .45, .94)
}

.ys_ph_navbar2 .ys_phnav_header {
    padding-left: 0
}

.ys_ph_navbar2 .ys_phnav_menubtn span,
.ys_ph_navbar2 .ys_phnav_menubtn::after,
.ys_ph_navbar2 .ys_phnav_menubtn::before {
    background: #1c5cb0
}

.ys_ph_navbar2 .ys_phnav_logo {
    width: 140px;
    padding: 0 10px;
    background: #1c5cb0
}

.ys_ph_navbar2 .ys_phnav_menu,
.ys_phnav2_lang_modal {
    background: #1c5cb0
}

.ys_ph_navbar2 .ys_phnav_menubtn.on::before {
    transform: translateY(-50%) rotate(-45deg)
}

.ys_ph_navbar2 .ys_phnav_menubtn.on::after {
    transform: translateY(-50%) rotate(45deg)
}

.ys_ph_navbar2 .ys_ph_nav a {
    font-size: 16px;
    line-height: 24px;
    padding: 13px 0
}

.ys_ph_navbar2 .ys_ph_nav ul a {
    font-size: 14px;
    padding: 8px 0
}

.ys_ph_navbar2 .ys_phnav_icon {
    width: 12px;
    height: 12px
}

.ys_ph_navbar2 .ys_phnav_icon::before {
    height: 2px
}

.ys_ph_navbar2 .ys_phnav_icon::after {
    width: 2px
}

.ys_ph_navbar2 .ys_ph_nav ul ul a {
    font-size: 12px
}

.ys_ph_navbar2 .ys_phnav_menu {
    display: flex;
    flex-direction: column;
    padding-bottom: 0
}

.ys_ph_navbar2 .ys_phmenu_scroll {
    flex-grow: 1;
    max-height: none
}

.ys_phnav2_language {
    flex: none;
    text-align: center;
    padding: 20px 0
}

.ys_phnav_search .iconfont {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: inherit
}

.ys_ph_navbar2 .ys_phnav_header a,
.ys_ph_navbar2 .ys_phnav_search .iconfont {
    color: #1c5cb0
}

.ys_phnav2_lang_modal {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 30px 20px 20px;
    text-align: left;
    transform: translateX(100%);
    transition: all .5s cubic-bezier(.55, .085, .68, .53)
}

.ys_phnav2_lang_modal.on {
    transform: translateX(0);
    transition: all .5s cubic-bezier(.25, .46, .45, .94)
}

.ys_phnav2_lang_back {
    font-size: 16px;
    margin-bottom: 10px
}

.ys_phnav2_lang_back .iconfont {
    font-size: 14px
}

.ys_phnav2_lang_scroll {
    height: calc(100% - 30px);
    margin-right: -15px;
    padding-right: 15px;
    overflow: auto
}

.ys_phnavss_xl {
    display: none;
    padding: 16px 20px;
    border-top: 1px solid #eee;
    box-shadow: 0 5px 8px rgba(0, 0, 0, .05)
}

.ys_phnavss_form {
    width: 100%
}

.ys_phnavss_form input {
    height: 40px;
    width: calc(100% - 30px);
    border-bottom: 1px solid #eee
}

.ys_phnavss_form button {
    width: 20px
}

.ys_phnavss_form .iconfont {
    font-size: 20px;
    line-height: 40px;
    color: #1c5cb0
}

.ys_phnavss_xl {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: #fff
}

.ys_ph_navbar3 .ys_phnav_header {
    background: #221e1f
}

.ys_ph_navbar3 .ys_phnav_search .iconfont {
    font-size: 20px
}

.ys_ph_navbar3 .ys_phnav_header a,
.ys_ph_navbar3 .ys_phnav_search .iconfont {
    color: #666
}

.ys_ph_navbar3 .ys_phnav_menu {
    display: block;
    transform: translateX(100%);
    background: #fff;
    top: 0;
    height: 100%;
    z-index: 100;
    color: #333;
    padding-top: 0;
    transition: all .5s cubic-bezier(.55, .085, .68, .53)
}

.ys_ph_navbar3 .ys_phnav_menu.on {
    transform: translateX(0);
    transition: all .5s cubic-bezier(.25, .46, .45, .94)
}

.ys_ph_navbar3 .ys_ph_nav a {
    color: #666
}

.ys_ph_navbar3 .ys_ph_nav li.yxnav_active1>.ys_phnav_lisbox a {
    color: #333
}

.ys_ph_navbar3 .ys_phmenu_top {
    height: 64px;
    border-bottom: 1px solid #c7c8c9
}

.ys_phmenu_close {
    font-size: 14px;
    line-height: 64px;
    font-weight: 700;
    color: #333
}

.ys_ph_navbar3 .ys_ph_nav a {
    font-size: 16px;
    line-height: 30px;
    padding: 6px 0
}

.ys_ph_navbar3 .ys_ph_nav {
    padding: 10px 0
}

.ys_ph_navbar3 .ys_phnav_icon {
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #666;
    font-family: iconfont
}

.ys_ph_navbar3 .ys_phnav_icon::before {
    content: "\e743";
    width: auto;
    height: auto;
    position: static;
    transform: none
}

.ys_ph_navbar3 .ys_phnav_icon::after {
    display: none
}

.ys_ph_navbar3 .ys_phmenu_scroll {
    max-height: 100%;
    height: calc(100% - 64px)
}

.ys_ph_navbar3 .ys_ph_nav ul {
    display: block
}

.ys_phsubnav_modal {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 0 20px 10px;
    transform: translateX(100%);
    transition: all .5s cubic-bezier(.55, .085, .68, .53);
    z-index: 100
}

.ys_phsubnav_modal.on {
    transform: translateX(0);
    transition: all .5s cubic-bezier(.25, .46, .45, .94)
}

.ys_phsubnav_close {
    color: #333;
    font-size: 16px;
    line-height: 64px;
    font-weight: 700
}

.ys_phsubnav_scroll {
    padding: 10px 0;
    height: calc(100% - 64px);
    padding-right: 10px;
    margin-right: -10px;
    overflow: auto
}

.ys_phsubnav_scroll>ul {
    padding: 0
}

.ys_phnav3_lang_hd {
    position: relative;
    border-top: 1px solid #c7c8c9;
    border-bottom: 1px solid #c7c8c9
}

.ys_phnav3_lang_hd .ys_phnav_icon {
    display: block;
    transition: all .36s
}

.ys_phnav3_lang_hd a {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 0;
    color: #333
}

.ys_phnav3_lang_bd {
    display: none;
    padding: 10px 0
}

.ys_phnav3_lang_bd a {
    color: #333;
    line-height: 24px;
    font-size: 14px
}

.ys_phnav3_lang_hd.on .ys_phnav_icon {
    transform: translateY(-50%) rotate(90deg)
}

.ys_phnavss_modal {
    background: rgba(0, 0, 0, .8)
}

.ys_phnavss_modal .ys_modal_close .iconfont {
    color: #fff
}

.ys_phnavss_modal .ys_modal_content {
    background: 0 0;
    padding: 10px 0 11px
}

.ys_phnavss_modal input {
    color: #fff;
    border: 0;
    background: transparent;
}

.ys_phnavss_modal button {
    width: 40px;
    font-size: 16px;
    color: #fff;
    border: 0;
    background: transparent;
}

.ys_phnavss_modal .ys_phnavss_form {
    border-bottom: 1px solid #fff
}

.ys_phnavss_modal .ys_phnavss_form input {
    width: calc(100% - 45px);
    border-bottom: 0
}

.ys_phnav_tel {
    font-size: 18px;
    line-height: 1.5;
    margin-top: 20px;
    text-align: center
}

.ys_ph_navbar4 .ys_phmenu_scroll {
    max-height: calc(100% - 50px)
}

.ys_ph_navbar4 .ys_phnav_menu {
    background: #f1f1f1;
    color: #999
}

.ys_ph_navbar4 .ys_ph_nav a {
    color: #999
}

.ys_ph_navbar4 .ys_phnav_icon::after,
.ys_ph_navbar4 .ys_phnav_icon::before {
    background: #999
}

.ys_ph_navbar4 .ys_phnav_lisbox {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.ys_ph_navbar4 .ys_ph_nav li.yxnav_active1>.ys_phnav_lisbox a {
    color: #1c5cb0
}

.ys_ph_navbar4 .ys_phnav_header {
    box-shadow: none;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.ys_ph_navbar4 .ys_phnav_menu {
    padding-top: 0
}

.ys_cmf_fy a {
    width: 100%;
    height: 100%
}

.ys_cmf_fy .ys_phfy li {
    display: none
}

.ys_cmf_fy .ys_phfy li a {
    display: none
}

.ys_cmf_fy .ys_phfy li:first-child {
    float: left;
    display: block
}

.ys_cmf_fy .ys_phfy li:last-child {
    float: right;
    display: block
}

.ys_cmf_fy .ys_phfy li {
    font-size: 16px
}

.ys_cmf_fy .ys_phfy a[rel=prev] {
    display: block
}

.ys_cmf_fy .ys_phfy a[rel=next] {
    display: block
}

.ys_cmf_fy .ys_phfy a[rel=prev]::after {
    content: "上一页"
}

.ys_cmf_fy .ys_phfy a[rel=next]::before {
    content: "下一页"
}

@media screen and (max-width:1199px) {
    .ys_hd_ph {
        display: block
    }
    .ys_hd_pc {
        display: none
    }
}

.ys_hd_pc {
    background-color: #fff;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
    position: fixed;
    width: 100%;
    transition: all .36s;
}

.ys_hd_pc .l_headnr {
    padding: 0 100px;
}

.l_headle {
    width: 156px;
}

.l_headle a {
    width: 100%;
    line-height: 60px;
    /* display: block; */
    height: 60px;
    display: flex;
}

.l_headle img {
    width: 100%;
}

.l_hdnavul {
    margin: 0 -35px;
    display: flex;
}

.l_hdnavli a {
    font-size: 16px;
    line-height: 60px;
    display: block;
    color: #292929;
    transition: all .36s;
    padding: 0 35px;
}

.l_headnav {
    padding-left: 122px;
}

.l_hdsechic {
    width: 17px;
    cursor: pointer;
    line-height: 34px;
    height: 34px;
    display: flex;
}

.l_hdsechic img {
    width: 100%;
}

.l_hdsechin {
    width: calc(100% - 29px);
    padding-right: 12px;
    height: 30px;
}

.l_hdsechin input {
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #999;
    border: 0;
    margin-top: 2px;
}

.l_hdsechin input::placeholder {
    color: #999;
    font-size: 14px;
}

.l_headsh {
    padding: 0 15px;
    width: 294px;
    border-radius: 4px;
    border: 1px solid rgba(204, 204, 204, 1);
    margin-top: 12px;
    height: 34px;
}

.l_hdmall {
    width: 100px;
    border-radius: 4px;
    background-color: #009be3;
    transition: all .36s;
    text-align: center;
    margin-top: 12px;
}

.l_hdmall a {
    font-size: 14px;
    line-height: 36px;
    color: #fff !important;
    display: block;
    width: 100%;
}

.l_hdlogin {
    margin-left: 30px;
    margin-right: 27px;
    width: 19px;
}

.l_hdlogin a {
    width: 100%;
    display: block;
    line-height: 60px;
}

.l_hdlogin img {
    width: 100%;
}

.l_hdlangic {
    width: 19px;
    line-height: 60px;
    height: 60px;
    display: flex;
}

.l_hdlangic img {
    width: 100%;
}

.l_hdlang {
    cursor: pointer;
    margin-left: 25px;
    position: relative;
}

.l_hdlangp p {
    font-size: 16px;
    line-height: 60px;
    color: #7d7d7d;
    margin: 0 6px;
}

.l_hdlangp img {
    width: 7px;
    line-height: 80px;
    transition: all .36s;
}

.l_hdlangp {
    display: flex;
}

.l_hdlangbt {
    position: absolute;
    width: 97px;
    background-color: #fff;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06);
    top: calc(100% + 12px);
    left: 50%;
    transform: translateX(-50%);
    padding: 8px 12px;
    display: none;
}

.l_hdlangbt::after {
    content: '';
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 8px solid transparent;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
}

.l_hdlang.act .l_hdlangp img {
    transform: rotate(180deg);
}

.l_hdnavli.yxnav_active1 .l_hdnavlia1 {
    color: #009be3;
}

.l_hdnavxl2 .l_hdrilk2li.yxnav_active4 a {
    color: #009be3;
}

.l_hdnavli3.yxnav_active2 .l_hdnavtp3 a {
    color: #009be3;
}

.l_hdnavbt3li.yxnav_active3 a {
    color: #009be3;
}

.l_hdnavli {
    position: relative;
}

.l_hdnavxl3 {
    position: fixed;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 10px 16px 0px rgb(0 0 0 / 8%);
    width: calc(100% - 200px);
    padding-top: 32px;
    padding-bottom: 82px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.l_hdnavli4 .l_hdnavxl3 {
    width: calc(100% - 200px);
    left: 50%;
    transform: translateX(-50%);
}

.l_hdnavli5 .l_hdnavxl3 {
    width: calc(100% - 200px);
}

.l_hdnavbt3li img {
    width: 100%;
    transition: all .36s;
}

.l_hdnavbt3li a {
    font-size: 14px;
    line-height: 1.75 !important;
    color: rgba(125, 125, 125, 0.9);
    transition: all .36s;
    display: block;
}

.l_hdnavbt3li {
    margin-bottom: 15px;
}

.l_hdnavtp3 a {
    color: #292929;
    font-weight: bold;
    line-height: 1.75 !important;
}

.l_hdnavtp3 {
    margin-bottom: 20px;
}

.l_hdnavmore a {
    font-size: 14px;
    line-height: 1.75 !important;
    color: #009be3;
    display: block;
}

.l_hdnavmore {
    display: none;
}

.l_hdnavli3.on .l_hdnavmore {
    display: block;
}

.l_hdnavxl3 .l_hdnavxlnr {
    padding-left: 84px;
    padding-right: 100px;
}

.l_hdnavul3 {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.l_hdnavxl1,
.l_hdnavxl2 {
    width: 100%;
}

.l_hdnavxl2 .l_hdnavxlnr,
.l_hdnavxl1 .l_hdnavxlnr {
    width: 100%;
    box-shadow: 0px 12px 16px 0px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: stretch;
    background-color: #fff;
    z-index: 1;
}

.l_hdnavle {
    width: 333px;
    /* background-color: #F0F0F0; */
    padding-top: 32px;
    padding-bottom: 40px;
}

.l_hdnavri {
    width: calc(100% - 333px);
    /* background-color: #F9F9F9; */
    padding-top: 32px;
}

.l_hdtrade p {
    font-size: 16px;
    line-height: 1.75;
    color: #292929;
    font-weight: bold;
    padding-right: 20px;
    transition: all .36s;
}

.l_hdtrade img {
    width: 12px;
}

.l_hdtrade a {
    padding-left: 34px;
    padding-right: 40px;
    display: flex;
    align-items: baseline;
    width: 100%;
}

.l_hdtrade {
    margin-bottom: 32px;
    display: flex;
    align-items: center;
}

.l_hdnavmdli12 {
    cursor: pointer;
}

.l_hdtraflli p {
    width: calc(100% - 7px);
    padding-right: 20px;
    font-size: 16px;
    color: #292929;
    line-height: 45px;
    transition: all .36s;
    margin-bottom: 0;
}

.l_imgbox_cover {
    width: 7px;
    height: 45px;
    position: relative;
    display: flex;
    align-items: center;
}

.l_imgbox_cover img {
    width: 10px;
    height: 10px;
    position: absolute;
    /* top: 40%; */
    left: 50%;
    transform: translateX(-50%);
    transition: all .36s;
}

.l_hdtraflli {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-left: 50px;
    padding-right: 40px;
    transition: all .36s;
    position: relative;
}

.l_hdtraflli.on {
    background-color: #F9F9F9;
}

.l_hdtraflli.on::before {
    opacity: 1;
}

.l_hdtraflli.on p {
    color: #009be3;
}


/* .l_hdtraflli.yxnav_active2{
    background-color: #F9F9F9;
}
.l_hdtraflli.yxnav_active2::before{
    opacity: 1;
}
.l_hdtraflli.yxnav_active2 p{
    color: #009be3;
}
.l_hdtraflli.yxnav_active2 .l_after{
    opacity: 1;
}
.l_hdtraflli.yxnav_active2 .l_before{
    opacity: 0;
} */

.l_hdnavxl2 .l_hdriflli.yxnav_active3 .l_hdrilk1 a p {
    color: #009be3;
}

.l_hdnavxl2 .l_hdriflli.yxnav_active3 .l_before {
    opacity: 0;
}

.l_hdnavxl2 .l_hdriflli.yxnav_active3 .l_after {
    opacity: 1;
}

.l_hdtraflli::before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #009be3;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .36s;
    opacity: 0;
}

.l_hdtraflli.on .l_after {
    opacity: 1;
}

.l_hdtraflli.on .l_before {
    opacity: 0;
}

.l_hdtralk p {
    font-size: 16px;
    line-height: 1.75;
    color: #292929;
    transition: all .36s;
}

.l_hdtralk img {
    width: 20px;
    margin-left: 15px;
}

.l_hdtralk a {
    display: flex;
    align-items: center;
    padding-left: 50px;
    padding-right: 40px;
    margin-top: 30px;
}

.l_hdnavrili .l_hdtrade {
    width: 300px;
}

.l_hdnavrili .l_hdtrade a {
    padding-right: 0;
}

.l_hdrilk1 p {
    font-size: 16px;
    line-height: 1.75;
    color: #292929;
    transition: all .36s;
    width: calc(100% - 7px);
    padding-right: 20px;
}

.l_hdriflli.on .l_hdrilk1 p {
    color: #292929;
}

.l_hdriflli.on .l_before {
    opacity: 0;
}

.l_hdriflli.on .l_after {
    opacity: 1;
}

.l_hdrilk1 a {
    display: flex;
    align-items: center;
}

.l_hdrifluls {
    padding-left: 56px;
}

.l_hdriflli .l_hdrilk1 a {
    padding: 0;
}

.l_hdriflul {
    width: 815px;
}

.l_hdrilk1,
.l_hdrilk2li {
    width: 33.333333%;
    padding: 0 37px;
}

.l_hdriflli,
.l_hdrilk2ul {
    margin: 0 -37px;
}

.l_hdrilk2li a {
    font-size: 14px;
    line-height: 1.75 !important;
    color: #292929;
    transition: all .36s;
    position: relative;
}

.l_hdrilk2li img {
    position: absolute;
    top: 6px;
    right: auto;
}

.l_hdriflli {
    margin-bottom: 50px;
}

.l_hdnavrili {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.l_hdnavriul {
    position: relative;
}

.l_hdnavrili.on {
    display: block;
}

.l_hdnavmid {
    padding-top: 32px;
    width: 298px;
    /* background-color: #F9F9F9; */
}

.l_hdnavmid .l_hdtrade a {
    padding: 0;
}

.l_hdnavmdli1 .l_hdtrade {
    padding-left: 32px;
    padding-right: 40px;
}


/* .l_hdtraflli.act .l_imgbox_cover{
    display: none;
} */

.l_hdnavri_list .l_hdnavif a {
    padding: 0 !important;
}

.l_hdnavlisp a {
    padding: 0 !important;
}


/*liwqbj 2022年7月21日 12:16:36 开始修改*/

.l_hdnavmdli1 {
    /*margin-bottom: 90px;*/
    margin-bottom: 30px;
}


/*liwqbj 结束修改*/

.l_hdnavmdli1:last-child {
    margin-bottom: 0;
}

.l_hdnavmdli1:last-child .l_hdtrade {
    margin-bottom: 15px;
}

.l_hdnavri1 {
    width: calc(100% - 298px - 333px);
    padding-top: 25px;
}

.l_hdnavri1 .l_hdtrade a {
    width: 310px;
}

.l_hdnavri_li {
    width: 50%;
    padding: 0 60px;
    margin-bottom: 65px;
}

.l_hdnavri_ul {
    margin: 0 -60px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.l_hdnavlisp p {
    font-size: 16px;
    line-height: 1.75;
    color: #292929;
}

.l_hdnavif p {
    font-size: 14px;
    line-height: 2;
    color: #7d7d7d;
    margin-bottom: 4px;
    transition: all .36s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.l_hdnavif img{
    position: absolute;
    right: -18px;
    top: 8px;
}

.l_hdnavri_list {
    padding: 0 54px;
}

.l_hdnavri_lis {
    height: 100%;
}

.l_hdnavif {
    margin-top: 20px;
}

.l_hdnavif li {
    position: relative;
}

.l_hdnavif li a {
    display: inline-block;
    position: relative;
}

.l_hdnavif li a::before {
    content: "";
    width: 25px;
    height: 12px;
    background: url(../images/sy_icon36.svg) center / cover no-repeat;
    position: absolute;
    top: 0;
    right: -30px;
    display: none;
}

.l_hdnavif li.act a::before {
    display: block;
}

.l_hdnavmdli .l_hdtraflli.on {
    background-color: #fff;
}


/* .l_hdnavmdli .l_hdtraflli.yxnav_active3{
    background-color: #fff;
}
.l_hdtraflli.yxnav_active3 p{
    color: #009be3;
}
.l_hdtraflli.yxnav_active3 .l_after {
    opacity: 1;
}
.l_hdtraflli.yxnav_active3 .l_before {
    opacity: 0;
}
.l_hdtraflli.yxnav_active3::before {
    opacity: 1;
} */

.l_hdnavif li.yxnav_active5 p {
    color: #009be3;
    text-decoration: underline;
}

.l_hdnavmdli {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
}

.l_hdnavmdul {
    position: relative;
}

.l_hdnavmdli.on {
    display: block;
}

.l_hdnavri1sul {
    position: relative;
}

.l_hdnavri1sli {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
}

.l_hdnavri1sli.on {
    display: block;
    position: relative;
}

.l_hdnavri1 {
    position: relative;
}

.l_hdnavri1s {
    /*position: absolute;*/
    top: 32px;
    left: 0;
    display: none;
    width: 100%;
}

.l_hdnavri1s.on {
    display: block;
    position: relative;
    top: 0;
}

.l_hdtrali2 {
    width: 50%;
    padding: 0 46px;
    margin-bottom: 54px;
}

.l_hdtraul2 {
    margin: 0 -46px;
}

.l_hdtraul {
    width: 80%;
    position: relative;
}

.l_hdtrali2 a {
    padding: 0 !important;
}

.l_hdtralist {
    padding-left: 36px;
    padding-top: 60px;
    display: none;
    pointer-events: none;
}

.l_hdtrali2 p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.75;
    color: #666;
    transition: all .36s;
    height: 49px;
    overflow: hidden;
}

.l_hdlangbt a {
    font-size: 14px;
    line-height: 1.785;
    color: #292929;
    transition: all .36s;
}

.l_hdlangbt li.on a {
    color: #7D7D7D;
}


/*.l_hdnavxl1 .l_hdtralk a{
    margin-top: 150px;
}*/


/* 2022.5.27 */

.l_hdlogin p {
    font-size: 16px;
    line-height: 60px;
    color: #7d7d7d;
    margin: 0 6px;
}

.l_hdlogin a {
    display: flex;
}

.l_hdlogin img {
    width: 19px;
}

.l_hdlogin {
    width: 64px;
}


/* 手机端导航 */

.ys_ph_navbar4 .ys_ph_nav a {
    color: #292929 !important;
}

.ys_phnav_tel {
    color: #292929;
}

.ys_ph_navbar4 .ys_phnav_icon::after,
.ys_ph_navbar4 .ys_phnav_icon::before {
    background: #292929;
}

.ys_ph_navbar4 .ys_phnav_lisbox {
    border-bottom: 1px solid rgba(41, 41, 41, .1);
}


/* .ys_ph_navbar4 .ys_ph_nav li.yxnav_active1>.ys_phnav_lisbox a {
    color: #009be3;
}
.ys_ph_navbar4 .ys_ph_nav li.yxnav_active2>.ys_phnav_lisbox a {
    color: #009be3;
}
.ys_ph_navbar4 .ys_ph_nav li.yxnav_active3>.ys_phnav_lisbox a {
    color: #009be3;
}
.ys_ph_navbar4 .ys_ph_nav li.yxnav_active4>.ys_phnav_lisbox a {
    color: #009be3;
}
.ys_ph_navbar4 .ys_ph_nav li.yxnav_active5>.ys_phnav_lisbox a {
    color: #009be3;
} */

.l_phbtnli {
    width: 50%;
    padding: 0 18px;
}

.l_phbtnli a {
    width: 100%;
    display: flex;
    border-radius: 4px;
    border: 2px solid rgba(41, 41, 41, 1);
    font-size: 24px;
    line-height: 54px;
    color: #292929;
    justify-content: center;
}

.l_phbtnul {
    margin: 0 -18px;
}

.l_phnavbtn {
    width: 395px;
    margin: auto;
    margin-top: 200px;
    margin-bottom: 40px;
}

.xialaph_bot {
    padding-top: 30px;
    margin-bottom: 30px;
    border-top: 1px solid rgba(196, 196, 196, 1);
    /* position: absolute;
    bottom: 0;
    left: 50%;
    width: calc(100% - 40px);
    transform: translateX(-50%); */
}

.l_pnnavme {
    min-height: calc(100% - 103px);
}

.mc1_area {
    position: relative;
    display: flex;
    justify-content: center;
}

.l_phlangic {
    width: 35px;
}

.l_phlangic img {
    width: 100%;
}

.l_phlangp {
    font-size: 24px;
    line-height: 1.75;
    color: #292929;
    margin-left: 14px;
}

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

.mc1_area_second {
    position: fixed;
    left: 0;
    top: 64px;
    width: 100%;
    z-index: 99;
    background: #fff;
    padding: 30px 20px;
    height: calc(100% - 64px);
    transform: translateX(100%);
}

.mc1_area_second.act {
    transform: translateX(0);
    transition: all .5s ease-out;
}

html.modal-open .mc1_area_second {
    transition: all .5s ease-out;
}


/* .ys_ph_navbar4 .ys_phmenu_scroll {
    max-height: calc(100% - 103px - 58px - 180px);
} */

.icon-arrow-left:before {
    content: "\e744";
}

.ys_phnav_menu {
    overflow: auto;
    padding: 20px 20px 40px;
}

.ys_phmenu_scroll {
    overflow: inherit;
    max-height: inherit !important;
}

.mc1_area_back {
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
    line-height: 1.75;
}

.mc1_area_title {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    color: #333;
}

.mc1_area_li {
    font-size: 16px;
    display: block;
    width: 100%;
    padding: 7px 0;
}

.mc1_area_li a {
    font-size: 16px;
    line-height: 1.75;
    color: #333;
}

.mc1_area_li.on a {
    color: #009be3;
}


/* 下拉滚动条 */

.l_hdnavxlnr .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #7d7d7d;
}

.l_hdnavxlnr .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.l_hdnavxlnr .mCSB_scrollTools .mCSB_draggerContainer {
    top: 10px;
    bottom: 10px;
}

.mCustomScrollBox {
    width: 100%;
}

.l_hdnavxl2 .l_hdnavxlnr,
.l_hdnavxl1 .l_hdnavxlnr {
    max-height: calc(100vh - 100px);
    overflow: hidden;
    position: relative;
    padding-bottom: 80px;
}

.l_hdnavxl1 .l_hdnavxlnr::before,
.l_hdnavxl2 .l_hdnavxlnr::before {
    content: "";
    width: 333px;
    height: 100%;
    background: #F0F0F0;
    position: absolute;
    top: 0;
    left: 0;
}

.l_hdnavxl1 .l_hdnavxlnr::after,
.l_hdnavxl2 .l_hdnavxlnr::after {
    content: "";
    width: 298px;
    height: 100%;
    background: #F9F9F9;
    position: absolute;
    top: 0;
    left: 333px;
    z-index: -1;
}

.l_hdnavxl2 .l_hdnavxlnr::after {
    width: calc(100% - 333px);
}

.l_hdnavle {
    height: 100%;
}

.l_hdnavmid {
    height: 100%;
}

.l_hdnavmdli.on {
    position: relative;
}

.l_hdnavrili.on {
    position: relative;
}

.l_hdnavri {
    height: 100%;
}

.l_hdtrali {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
}

.l_hdtrali.on {
    position: relative;
    display: block;
}

.l_hdnavimg {
    width: 100%;
    overflow: hidden;
}


/* .l_hdnavxl1{
    display: block;
} */

.l_hdtralist .l_hdnavlisp p {
    height: 24.5px;
    overflow: hidden;
    color: #292929;
}

.l_hdtralist .l_hdnavif p {
    height: 24.5px;
    overflow: hidden;
    color: rgba(125, 125, 125, 0.9);
    margin: 0;
}

.l_hdtraul2 {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    width: 100%;
}

.l_hdtrali2s {
    height: 100%;
}

.l_hdtralist .l_hdnavif li a {
    line-height: 1.75 !important;
}

.l_hdnavif {
    margin-top: 12px;
}

.l_hdnavmdli12.on p {
    color: #009be3;
}

.l_hdnavmdli12.on .l_before {
    opacity: 0;
}

.l_hdnavmdli12.on .l_after {
    opacity: 1;
}

.l_hdtrali.act1 .l_hdnavlisp {
    display: none;
}

.l_hdnavmdli12 .l_imgbox_cover {
    width: 13px;
    height: 11px;
}

.l_hdnavxl2 .l_hdnavriul .l_hdriflli {
    width: 50%;
    margin-bottom: 60px;
}

.l_hdnavxl2 .l_hdrilk1,
.l_hdnavxl2 .l_hdrilk2li {
    width: 100%;
    padding: 0;
}

.l_hdnavxl2 .l_hdriflli,
.l_hdnavxl2 .l_hdrilk2ul {
    margin: 0;
}

.l_hdnavxl2 .l_hdnavriul .l_hdrilk2li a {
    padding: 0;
}

.l_hdriflli .l_hdrilk1 p {
    color: #009be3;
}

.l_hdnavxl2 .l_hdriflul {
    width: 700px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.l_hdrifllis {
    height: 100%;
}

.l_hdrilk2 {
    margin-top: 8px;
}

.l_hdnavxl2 .l_hdrilk2 .l_hdrilk2li a {
    color: rgba(125, 125, 125, 0.9);
}

.l_hdnavxl2 .l_hdrilk2 .l_hdrilk2li a:hover {
    color: #009be3;
}

.l_hdnavif a p:hover {
    text-decoration: underline;
}

.ys_ph_nav a {
    font-size: 16px;
}


/* head-end */


/* 登录样式修改-start */

.l_login_after {
    position: relative;
    display: none;
    cursor: pointer;
}

.l_logintp {
    line-height: 60px;
}

.l_loginbt {
    width: 206px;
    position: absolute;
    left: calc(50% - 19px);
    transform: translateX(-50%);
    display: none;
}

.l_loginbt ul {
    position: relative;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0px 4px 16px 0px rgb(0 0 0 / 8%);
    margin-top: 8px;
}

.l_loginbt ul::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 5px solid transparent;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
}

.l_loginbt p,
.l_loginbt a {
    font-size: 14px;
    line-height: 1.75 !important;
    color: #292929;
    display: block;
    transition: all .36s;
    text-align: center;
    padding: 13px 0;
    margin: 0;
}

.l_logined .l_login_after {
    display: block;
}

.l_logined .l_login_before {
    display: none;
}

.l_loginbt li:first-child {
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    cursor: default;
    border-bottom: 1px solid #dae1e6;
}

.l_loginbt li:last-child {
    border-radius: 0 0 4px 4px;
    overflow: hidden;
}


/* 登录样式修改-end */


/*鼠标效果*/

@media screen and (min-width: 1200px) {
    .l_hdnavbt3li:hover img {
        transform: scale(1.05);
    }
    .l_hdnavif li p:hover {
        color: #009be3;
        text-decoration: underline;
    }
    .l_hdtralk:hover p {
        color: #009be3;
    }
    .l_hdlangbt li:hover a {
        color: #7d7d7d;
    }
    .l_hdtrali2 a:hover p {
        color: #009be3;
    }
    .l_hdmall:hover {
        background-color: #C7002A;
    }
    .l_hdmall:hover a {
        color: #ffffff;
    }
    .l_hdnavli:hover .l_hdnavlia1 {
        color: #009be3;
    }
    .l_hdnavtp3:hover a {
        color: #009be3;
    }
    .l_hdnavbt3li:hover a {
        color: #009be3;
    }
    .l_hdtraflli:hover {
        background-color: #F9F9F9;
    }
    .l_hdtraflli:hover::before {
        opacity: 1;
    }
    .l_hdtraflli:hover .l_after {
        opacity: 1;
    }
    .l_hdtraflli:hover .l_before {
        opacity: 0;
    }
    .l_hdtraflli:hover p {
        color: #009be3;
    }
    .l_hdrilk1 a:hover p {
        color: #009be3;
    }
    .l_hdrilk1 a:hover .l_after {
        opacity: 1;
    }
    .l_hdrilk1 a:hover .l_before {
        opacity: 0;
    }
    .l_hdrilk2li a:hover {
        color: #009be3;
    }
    .l_hdnavmdli .l_hdtraflli:hover {
        background-color: #fff;
    }
    .l_hdnavlisp a p:hover {
        cursor: default;
        color: unset;
    }
    .l_hdrilk2li a:hover {
        text-decoration: underline;
    }
    /* 登录样式修改-start */
    .l_loginbt a:hover {
        background: #FAFBFF;
        box-shadow: 0px 1px 3px 0px rgb(167 173 180 / 20%) inset;
    }
    /* 登录样式修改-end */
}


/* 响应式 */

@media screen and (max-width: 1919px) {
    .l_headnav {
        padding-left: 30px;
        padding-right: 30px;
    }
    .l_hdnavul {
        margin: 0 -25px;
        display: flex;
    }
    .l_hdnavli a {
        padding: 0 25px;
    }
}

@media screen and (max-width: 1680px) {
    .l_hdnavli a {
        padding: 0 24px;
    }
    .l_hdnavul {
        margin: 0 -24px;
    }
    .l_headnr {
        padding: 0 80px;
    }
    .l_hdtraul {
        width: 96%;
    }
    .l_hdtrali2 {
        padding: 0 20px;
        margin-bottom: 40px;
    }
    .l_hdtraul2 {
        margin: 0 -20px;
    }
    .l_hdrilk1 {
        padding-left: 26px;
    }
    .l_hdtrade {
        margin-bottom: 20px;
    }
    .l_hdtralk a {
        margin-top: 25px;
    }
}

@media screen and (max-width: 1560px) {
    .l_hdtraul {
        width: 100%;
    }
    .l_hdtrali2 {
        padding: 0 10px;
        margin-bottom: 20px;
    }
    .l_hdtralist {
        padding-left: 20px;
        padding-top: 40px;
    }
    .l_hdtraul2 {
        margin: 0 -10px;
    }
    .l_headsh {
        width: 260px;
    }
    .l_headle {
        width: 110px;
    }
    .l_hdnavul {
        margin: 0 -20px;
    }
    .l_hdnavli a {
        padding: 0 20px;
    }
    .l_hdtrade {
        margin-bottom: 18px;
    }
    .l_hdtralk a {
        margin-top: 30px;
    }
    .l_hdnavri_li {
        padding: 0 40px;
        margin-bottom: 30px;
    }
    .l_hdnavri_ul {
        margin: 0 -40px;
    }
    .l_hdnavif {
        margin-top: 12px;
    }
    .l_hdtraflli p {
        line-height: 36px;
    }
    .l_hdnavxl1 .l_hdtralk a {
        margin-top: 110px;
    }
    .l_hdrilk1 {
        padding-left: 20px;
    }
    .l_imgbox_cover {
        height: 36px;
    }
}

@media screen and (max-width: 1440px) {
    .l_headnr {
        padding: 0 60px;
    }
    .l_headle a,
    .l_hdnavli a,
    .l_hdlogin a,
    .l_hdlangic,
    .l_hdlangp p {
        line-height: 50px;
    }
    .l_hdsechic {
        line-height: 32px;
    }
    .l_hdsechin {
        height: 32px;
        overflow: hidden;
    }
    .l_headsh {
        margin-top: 8px;
    }
    .l_hdmall {
        margin-top: 8px;
    }
    .l_hdmall a {
        line-height: 32px;
    }
    .l_hdtrade {
        margin-bottom: 20px;
    }
    .l_hdtralk a {
        margin-top: 30px;
    }
    .l_hdnavle {
        width: 285px;
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .l_hdnavri {
        padding-top: 20px;
    }
    .l_hdtraflli p {
        line-height: 34px;
    }
    .l_imgbox_cover {
        height: 34px;
    }
    .l_hdriflli {
        margin-bottom: 30px;
    }
    .l_hdnavmid {
        padding-top: 20px;
        width: 260px;
    }
    .l_hdnavri1 {
        width: calc(100% - 260px - 285px);
        padding-top: 15px;
    }
    .l_hdnavri_list {
        padding: 0 32px;
    }
    .l_hdnavif {
        margin-top: 10px;
    }
    .l_hdnavri_ul {
        margin: 0 -30px;
    }
    .l_hdnavri_li {
        padding: 0 30px;
        margin-bottom: 30px;
    }
    .l_hdnavlisp p {
        font-size: 14px;
        line-height: 1.5;
    }
    .l_hdtraflli p {
        font-size: 14px;
    }
    .l_hdnavif p {
        line-height: 1.5;
        margin-bottom: 2px;
    }
    .l_hdnavif img{
        top:5px;

    }
    .l_hdnavxl3 {
        padding-top: 20px;
        padding-bottom: 50px;
    }
    .l_hdnavxl3 .l_hdnavxlnr {
        padding-left: 60px;
        padding-right: 80px;
    }
    .l_hdnavbt3li {
        margin-bottom: 10px;
    }
    .l_hdnavtp3 {
        margin-bottom: 12px;
    }
    .l_hdlogin p {
        line-height: 50px;
    }
    .l_headsh {
        width: 240px;
    }
    .l_hdlang {
        margin-left: 15px;
    }
    .l_hdlogin {
        margin-left: 20px;
        margin-right: 20px;
    }
    .l_hdnavri {
        width: calc(100% - 285px);
    }
    .l_hdnavxl1 .l_hdnavxlnr::before,
    .l_hdnavxl2 .l_hdnavxlnr::before {
        width: 285px;
    }
    .l_hdnavxl1 .l_hdnavxlnr::after,
    .l_hdnavxl2 .l_hdnavxlnr::after {
        width: 260px;
        left: 285px;
    }
    .l_hdnavxl2 .l_hdnavxlnr::after {
        width: calc(100% - 285px);
    }
    /* 登录修改 */
    .l_logintp {
        line-height: 50px;
    }
}

@media screen and (max-width: 1360px) {
    .l_headnav {
        padding-left: 50px;
        /*padding-right: 80px;
        width: calc(100% - 500px - 140px);*/
        width: auto;
    }
    .l_headsh {
        width: 210px;
    }
    .l_headri {
        width: auto;
    }

    .l_hdnavul {
        margin: 0 -15px;
    }
    .l_hdnavli a {
        padding: 0 15px;
    }
}

@media screen and (max-width: 1280px) {
    .l_headle a,
    .l_hdnavli a,
    .l_hdlogin a,
    .l_hdlangic,
    .l_hdlangp p {
        line-height: 46px;
    }
    .l_hdsechin {
        height: 28px;
    }
    .l_hdsechic {
        line-height: 28px;
    }
    .l_hdmall {
        margin-top: 7px;
    }
    .l_headsh {
        margin-top: 8px;
    }
    .l_hdlangp p,
    .l_hdlogin p {
        font-size: 14px;
    }
    .l_hdlogin img,
    .l_hdlangic {
        width: 15px;
    }
    .l_hdnavli a {
        font-size: 14px;
    }
    .l_headnr {
        padding: 0 50px;
    }
    .l_hdnavli a {
        padding: 0 10px;
    }
    .l_hdnavul {
        margin: 0 -10px;
    }
    .l_hdtraflli {
        padding-left: 20px;
        padding-right: 20px;
    }
    /* .l_hdnavli a{
        padding-right: 20px;
    } */
    .l_hdnavle {
        width: 220px;
    }
    .l_hdnavmid {
        padding-top: 20px;
        width: 210px;
    }
    .l_hdnavri1 {
        width: calc(100% - 220px - 210px);
    }
    .l_hdnavmdli1 .l_hdtrade {
        padding-left: 20px;
        padding-right: 20px;
    }
    .l_hdtrade p {
        font-size: 14px;
        line-height: 1.5;
    }
    .l_hdnavri1s {
        top: 20px;
    }
    .l_hdnavri_li {
        padding: 0 10px;
        margin-bottom: 10px;
    }
    .l_hdnavri_ul {
        margin: 0 -10px;
    }
    .l_hdrilk1 {
        padding-left: 11px;
    }
    .l_hdnavxl1 .l_hdnavxlnr::before,
    .l_hdnavxl2 .l_hdnavxlnr::before {
        width: 220px;
    }
    .l_hdnavxl1 .l_hdnavxlnr::after,
    .l_hdnavxl2 .l_hdnavxlnr::after {
        width: 210px;
        left: 220px;
    }
    .l_hdnavxl2 .l_hdnavxlnr::after {
        width: calc(100% - 220px);
    }
    .l_headnav {
        padding-right: 50px;
    }
    .l_hdlogin p {
        line-height: 46px;
    }
    /* 登录修改 */
    .l_logintp {
        line-height: 46px;
    }
    .l_loginbt {
        left: calc(50% - 22px);
    }
    .l_loginbt p,
    .l_loginbt a {
        padding: 8px 0;
    }
}

@media screen and (max-width: 1200px) {
    .l_headnr {
        padding: 0 40px;
    }
    .l_headle {
        width: 120px;
    }
    .l_headnav {
        width: calc(100% - 500px - 120px);
    }
}

@media screen and (max-width: 1199px) {
    .l_hdlogin {
        margin: 0;
    }
    .ys_phnav_search .iconfont {
        line-height: 64px;
    }
    .l_hdlogin p,
    .l_logintp {
        line-height: 64px;
    }
    .l_loginbt {
        width: 160px;
    }
    .l_loginbt p,
    .l_loginbt a {
        padding: 4px 0;
    }
    .l_logined {
        width: 20px;
        margin-right: 20px;
    }
    .l_loginbt ul::before {
        left: 64%;
    }
    .l_hdlogin img,
    .l_hdlangic {
        width: 18px !important;
    }
    .l_loginbt ul {
        padding: 10px 0;
    }
    .l_phsechic {
        line-height: 64px;
        width: 20px;
    }
    .ys_phnav_search img {
        width: 100%;
    }
    .l_phbtnul {
        display: flex;
        justify-content: center;
    }
    .ys_phnav_logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media screen and (max-width: 480px) {
    .l_phnavbtn {
        width: 100%;
        margin-top: 50px;
    }
    .l_phbtnli a {
        font-size: 16px;
        line-height: 36px;
        border: 1px solid rgba(41, 41, 41, 1);
    }
    .xialaph_bot {
        padding-top: 20px;
        margin-bottom: 20px;
    }
    .l_phlangic {
        width: 24px;
    }
    .l_phlangp {
        font-size: 18px;
        margin-left: 10px;
    }
    .l_pnnavme {
        min-height: calc(100% - 69px);
    }
    .l_phbtnli {
        padding: 0 10px;
    }
    .l_phbtnul {
        margin: 0 -10px;
    }
    .l_phnavbtn {
        width: 80%;
    }
    .l_phlangp {
        font-size: 16px;
    }
}


/* 2022.7.22搜索下拉修改-start */

.l_headsh {
    position: relative;
}

.l_headscbt {
    position: absolute;
    width: 100%;
    padding: 0 15px;
    top: 100%;
    left: 0;
    display: none;
}

.l_hdsechli a {
    display: block;
    font-size: 14px;
    color: #666666;
    padding: 4px 10px;
    line-height: 1.5;
    transition: all .36s;
}

.l_hdsechul {
    border: 1px solid #ccc;
    border-radius: 2px;
    margin: 0;
    background-color: #ffffff;
    padding: 4px 0 !important;
    height: 242px;
    overflow: hidden;
}

.l_hdsechli span {
    color: #009be3;
}

.l_hdsechli a:hover {
    background-color: #F5F5F5;
}

.l_hdsechul .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #7d7d7d;
}

.l_hdsechul .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, .15);
}

.l_hdsechul .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.l_hdsechul .mCSB_scrollTools .mCSB_draggerContainer {
    top: 10px;
    bottom: 10px;
}

@media (min-width: 768px){
    .header-bottom .row > *{
        padding-right: 0;
        padding-left: 0;
    }
}

.header-action-btn-search .header-search-form .header-search-button{
    border: 1px solid #f2f2f2;
    height: 55px;
    width: 100px !important;
}
.header-action-btn-search .header-search-form .header-search-input{
    border: 1px solid #f2f2f2;
    font-size: 16px;
    width: 360px;
    height: 55px;
    line-height: 55px;
}

/* 2022.7.22搜索下拉修改-end */