* {

    line-height: 1;

    box-sizing: border-box;

    margin: 0;

    padding: 0

}



html {

    overflow-x: hidden !important;

    overflow-y: auto;

    -webkit-tap-highlight-color: transparent

}



body {

    min-height: 100vh;

    background: #fff;

    overflow: hidden

}



a {

    transition: all .36s;

    text-decoration: none

}



a:hover {

    text-decoration: none

}



a:focus {

    text-decoration: none;

    outline: 0

}



a:not([href]) {

    cursor: default

}



li,

ol,

ul {

    margin: 0;

    list-style-type: none

}



h1,

h2,

h3,

h4,

h5,

h6,

p {

    font-weight: 400;

    margin: 0;

    line-height: 1

}



p {

    word-wrap: break-word;

    word-break: normal

}



h1 {

    font-size: 36px

}



h2 {

    font-size: 30px

}



h3 {

    font-size: 24px

}



h4 {

    font-size: 18px

}



h5 {

    font-size: 14px

}



h6 {

    font-size: 12px

}



img,

video {

    max-width: 100%;

    vertical-align: middle

}



/* img {

    image-rendering: -moz-crisp-edges;

    image-rendering: -o-crisp-edges;

    image-rendering: -webkit-optimize-contrast;

    image-rendering: crisp-edges;

    -ms-interpolation-mode: nearest-neighbor

}





@-moz-document url-prefix() {

    img {

        image-rendering: auto !important;

    }



  } */



video {

    background: #000;

    outline: 0

}



body,

button,

input,

select,

textarea {

    font-size: 14px;

    line-height: 1;

    margin: 0;

    color: #333;

    border: 0;

    outline: 0;

    background: 0 0

}



form {

    width: 100%

}



input,

textarea {

    -webkit-appearance: none

}



input {

    line-height: normal;

    text-overflow: ellipsis

}



input:focus::-webkit-input-placeholder {

    color: transparent

}



input:focus:-moz-placeholder {

    color: transparent

}



input:focus::-moz-placeholder {

    color: transparent

}



input:focus:-ms-input-placeholder {

    color: transparent

}



[tabindex="0"],

input {

    outline: 0 !important

}



textarea {

    resize: none

}



label {

    font-weight: 400;

    margin-bottom: 0

}



select::-ms-expand {

    display: none

}



a:active,

button::-moz-focus-inner,

input[type=button]::-moz-focus-inner,

input[type=file]>input[type=button]::-moz-focus-inner,

input[type=reset]::-moz-focus-inner,

input[type=submit]::-moz-focus-inner,

select::-moz-focus-inner {

    border: 0;

    outline: 0

}



a,

button {

    cursor: pointer

}



.yxedr-active p {

    font-size: 16px;

    line-height: 1.75;

    color: #666;

    margin-bottom: 12px

}



.yxedr-active img,

.yxedr-active video {

    max-width: 100% !important;

    height: auto !important

}



.yxedr-active iframe {

    max-width: 100%

}



@media screen and (max-width:767px) {

    .yxedr-active iframe {

        max-height: 33vh

    }

}



.yxedr-active ol,

.yxedr-active ul {

    margin-block-start: 1em;

    margin-block-end: 1em;

    margin-inline-start: 0;

    margin-inline-end: 0;

    padding-inline-start: 40px

}



.yxedr-active ol li,

.yxedr-active ul li {

    list-style: inherit

}



.ys-cont1680 {

    width: 1680px;

    margin: 0 auto;

    max-width: 100%

}



.ys-cont1600 {

    width: 1600px;

    margin: 0 auto;

    max-width: 100%

}



.ys-cont1560 {

    width: 1560px;

    margin: 0 auto;

    max-width: 100%

}



.ys-cont1440 {

    width: 1440px;

    margin: 0 auto;

    max-width: 100%

}



.ys-cont1400 {

    width: 1400px;

    margin: 0 auto;

    max-width: 100%

}



.ys-cont1360 {

    width: 1360px;

    margin: 0 auto;

    max-width: 100%

}



.ys-cont1280 {

    width: 1280px;

    margin: 0 auto;

    max-width: 100%

}



.ys-cont1200 {

    width: 1200px;

    margin: 0 auto;

    max-width: 100%

}



.ys-cont1000 {

    width: 1000px;

    margin: 0 auto;

    max-width: 100%

}



.ys-cont950 {

    width: 950px;

    margin: 0 auto;

    max-width: 100%

}



@media screen and (max-width:1860px) {

    .ys-cont1680 {

        width: 90%

    }

}



@media screen and (max-width:1680px) {



    .ys-cont1400,

    .ys-cont1440,

    .ys-cont1560,

    .ys-cont1600,

    .ys-cont1680 {

        width: 82.5%

    }

}



@media screen and (max-width:1440px) {



    .ys-cont1200,

    .ys-cont1280,

    .ys-cont1360 {

        width: 82.5%

    }

}



@media screen and (max-width:1200px) {



    .ys-cont1000,

    .ys-cont1200,

    .ys-cont1280,

    .ys-cont1360,

    .ys-cont1400,

    .ys-cont1440,

    .ys-cont1560,

    .ys-cont1600,

    .ys-cont1680,

    .ys-cont950 {

        width: 100%;

        padding: 0 40px

    }

}



@media screen and (max-width:767px) {



    .ys-cont1000,

    .ys-cont1200,

    .ys-cont1280,

    .ys-cont1360,

    .ys-cont1400,

    .ys-cont1440,

    .ys-cont1560,

    .ys-cont1600,

    .ys-cont1680,

    .ys-cont950 {

        padding: 0 20px

    }

}



.ys-block,

.ys-show {

    display: block

}



.ys-hide {

    display: none

}



.clearfix::after {

    display: block;

    clear: both;

    height: 0;

    content: ' '

}



.clearfix {

    zoom: 1

}



.fl {

    float: left

}



.fr {

    float: right

}



.ys-flex {

    display: flex;

    flex-wrap: wrap

}



.ys-flex-center {

    display: flex;

    align-items: center

}



.ys-pos-center {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%)

}



.ys-pos-top {

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%)

}



.ys-pos-bot {

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%)

}



.ys-pos-cover {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 10;

    width: 100%;

    height: 100%

}



.ys-pos-under {

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    width: 100%;

    height: 100%

}



.ys-page-wrap,

body {

    display: flex;

    flex-direction: column

}



.ys-page-wrap {

    min-height: 100vh

}



.ys-main {

    flex-grow: 1

}



.modal-open {

    overflow: hidden

}



.mobile-safari {

    width: 100%;

    position: fixed

}



.ys-modal-btn {

    cursor: pointer

}



.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: 800px;

    padding: 50px;

    max-width: calc(100vw - 40px);

    max-height: 700px;

    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-video {

    display: none;

    margin: 0 auto;

    max-height: calc(100vh - 80px)

}



.ys-videom-iframebox {

    display: none

}



.ys-videom-btn {

    cursor: pointer

}



.ys-videom {

    display: none;

    position: fixed;

    left: 0;

    top: 0;

    z-index: 999;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .84)

}



.ys-videom-container {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%)

}



.ys-videom-close {

    position: absolute;

    right: 0;

    top: -1.5em;

    cursor: pointer;

    z-index: 10;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 24px;

    color: #fff

}



.ys-videom-close .iconfont {

    font-size: inherit

}



.ys-videom-content {

    width: 1000px;

    max-width: calc(100vw - 40px);

    max-height: calc(100vh - 80px);

    text-align: center

}



.ys-videom-video {

    max-width: 100%;

    vertical-align: middle;

    background: #000

}



.ys-videom-iframebox {

    text-align: center

}



.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;

    transform: rotate(0);

    -webkit-transform: rotate(0)

}



.ys-imgbox-contain img,

.ys-imgbox-cover img {

    width: 100%;

    transition: all .36s ease

}



.ys-imgbox-cover img:nth-child(2) {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%

}



.ys-imgbox-contain img:nth-child(2) {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    width: auto;

    height: auto;

    max-width: 100%;

    max-height: 100%

}



@media screen and (min-width:1200px) {

    a:hover .ys-imgbox-cover img {

        transform: scale(1.05)

    }

}



.ys-imgbox-cut {

    overflow: hidden

}



.ys-imgbox-cut img {

    width: auto;

    max-width: none;

    height: 100%;

    position: relative;

    left: 50%;

    transform: translateX(-50%)

}



.ys-fybtn {

    padding: 0 15px

}



.ys-pcfy a {

    float: left

}



.ys-fybtn a {

    font-size: 14px;

    color: #333

}



.ys-phfy {

    display: none

}



.pc-fenye {

    position: relative;

    left: 50%;

    transform: translateX(-50%);

    display: inline-block;

    text-align: center

}



.pc-fenye li {

    float: left;

    width: 45px;

    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 5px;

    border-radius: 50%;

    transition: .3s

}

.pc-fenye li a:link, a:visited {
    color: black; /* 未访问和已访问的链接颜色是黑色 */
}
 
.pc-fenye li a:hover {
    color: red; /* 鼠标悬停时变为红色 */
}
 
.pc-fenye li a:active {
    color: green; /* 点击激活时变为绿色 */
}

.pc-fenye li.activepage {

    color: #fff;

    background: #1e91cf

}



.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-phfy a {

    font-size: 14px;

    line-height: 1.75;

    color: #333

}



@media screen and (max-width:1199px) {

    .ys-pcfy {

        display: none

    }



    .ys-phfy {

        display: block

    }

}



.ys-select {

    position: relative;

    z-index: 5

}



.ys-select.zindex {

    z-index: 10

}



.ys-select-hd {

    position: relative;

    width: 100%;

    height: 100%;

    cursor: pointer

}



.ys-select-show {

    padding-right: 20px;

    width: 100%;

    height: 100%;

    cursor: pointer;

    pointer-events: none;

    user-select: none

}



.ys-select-xtbbox {

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    transition: all .36s

}



.ys-select-xtb {

    transition: all .36s

}



.ys-select-hd.on .ys-select-xtbbox {

    transform: translateY(-50%) rotate(180deg)

}



.ys-select-bd {

    display: none;

    position: absolute;

    left: 0;

    top: 100%;

    z-index: 10;

    width: 100%;

    background: #fff;

    overflow: hidden

}



.ys-select-bd .mCSB-scrollTools {

    visibility: hidden

}



.ys-select-bd.showscroll .mCSB-scrollTools {

    visibility: visible

}



.ys-select-li {

    cursor: pointer

}



.ys-wechat {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .3)

}



.ys-wechat-cont {

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center

}



.ys-wechat-cont-parga p {

    font-size: 14px;

    line-height: 24px;

    color: #666

}



#qrcode {

    width: 230px;

    padding: 10px;

    background: #fff;

    border-radius: 10px;

    border: 7px solid #595959;

    position: relative

}



.ys-wechat-cont canvas {

    width: 100% !important;

    padding: 10px

}



.ys-wechat-cont-btn {

    position: absolute;

    top: 15px;

    right: 10px;

    cursor: pointer

}



.ys-wechat-cont-btn .iconfont {

    font-size: 14px

}



.ys-share-img {

    width: 28px

}



.ys-share-list {

    cursor: pointer

}



.wow {

    visibility: hidden

}



.mCSB-outside+.mCSB-scrollTools {

    right: 0 !important

}



.ys-select-bd .mCSB-outside+.mCSB-scrollTools .mCSB-draggerContainer {

    top: 15px;

    bottom: 15px

}



.slick-track .slick-slide {

    display: block !important

}



.ys-scrollx-style1 .mCSB-scrollTools .mCSB-dragger .mCSB-dragger-bar,

.ys-scrollx-style1 .mCSB-scrollTools.mCSB-scrollTools-horizontal .mCSB-draggerRail {

    margin: 0;

    height: 100%

}



.ys-scrollx-style1 .mCSB-scrollTools.mCSB-scrollTools-horizontal {

    height: 8px;

    bottom: 0

}



.ys-scrollx-style1:not(.mCS-no-scrollbar) {

    padding-bottom: 20px

}



.ys-fadeup1 {

    animation: ysfadeInUp .8s ease-in-out both;

    animation-delay: .2s

}



.ys-fadeup2 {

    animation: ysfadeInUp .8s ease-in-out both;

    animation-delay: .3s

}



.ys-fadeup3 {

    animation: ysfadeInUp .8s ease-in-out both;

    animation-delay: .4s

}



.ys-fadeup4 {

    animation: ysfadeInUp .8s ease-in-out both;

    animation-delay: .5s

}



.ys-fadeup5 {

    animation: ysfadeInUp .8s ease-in-out both;

    animation-delay: .6s

}



.ys-fadeup6 {

    animation: ysfadeInUp .8s ease-in-out both;

    animation-delay: .7s

}



.ys-fadein1 {

    animation: fadeIn .8s ease-in-out both;

    animation-delay: .2s

}



.ys-fadedown1 {

    animation: fadeInDown .8s ease-in-out both;

    animation-delay: .2s

}



.ys-fadeleft1 {

    animation: fadeInLeft .8s ease-in-out both;

    animation-delay: .2s

}



.ys-faderight1 {

    animation: fadeInRight .8s ease-in-out both;

    animation-delay: .2s

}



@-webkit-keyframes ysfadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 60px, 0);

        transform: translate3d(0, 60px, 0)

    }



    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@keyframes ysfadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 60px, 0);

        transform: translate3d(0, 60px, 0)

    }



    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



.ys-header {

    position: relative;

    z-index: 99

}



.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-header-font,

.ys-phnav-logo,

.ys-phnav-r>div {

    line-height: 64px

}



.ys-phnav-r>div {

    float: left;

    margin-left: 15px

}



.ys-phnav-header a,

.ys-phnav-header-font {

    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: rgba(255, 255, 255, .8);

    transition: all .36s

}



.ys-ph-navbar1 .ys-phnav-menubtn span,

.ys-ph-navbar1 .ys-phnav-menubtn::after,

.ys-ph-navbar1 .ys-phnav-menubtn::before,

.ys-ph-navbar4 .ys-phnav-menubtn span,

.ys-ph-navbar4 .ys-phnav-menubtn::after,

.ys-ph-navbar4 .ys-phnav-menubtn::before {

    background: #666

}



.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: 30px

}



.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 .ys-phnav-header-font,

.ys-ph-nav a {

    display: inline-block;

    vertical-align: middle;

    font-size: 14px;

    line-height: 1.5;

    color: #fff

}



.ys-phnav-lisbox>.ys-phnav-header-font,

.ys-phnav-lisbox>a {

    max-width: calc(100% - 40px);

    padding: 1em 0

}



.ys-ph-nav ul a {

    font-size: 12px

}



.ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font,

.ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox a,

.ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox .ys-phnav-header-font,

.ys-ph-nav li.yxnav-active3>.ys-phnav-lisbox .ys-phnav-header-font {

    color: rgba(255, 255, 255, .6)

}



.ys-ph-navbar3 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font,

.ys-ph-navbar3 .ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox .ys-phnav-header-font,

.ys-ph-navbar3 .ys-ph-nav li.yxnav-active3>.ys-phnav-lisbox .ys-phnav-header-font {

    color: #333

}



.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>.ys-phnav-header-font,

.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(100vh - 110px - 64px)

}



.ys-phmenu-scroll .mCSB_outside+.mCSB_scrollTools {

    right: -2px

}



.ys-phmenu-scroll .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {

    background-color: rgba(255, 255, 255, .3)

}



.ys-phmenu-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.ys-phmenu-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,

.ys-phmenu-scroll .mCSB_scrollTools.mCS-dark .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.ys-phmenu-scroll .mCSB_scrollTools.mCS-dark .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: rgba(255, 255, 255, .6)

}



.ys-phmenu-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 2px

}



.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 .ys-phnav-header-font,

.ys-ph-navbar2 .ys-ph-nav a {

    font-size: 16px;

    line-height: 24px

}



.ys-ph-navbar2 .ys-ph-nav .ys-phnav-lisbox>.ys-phnav-header-font,

.ys-ph-navbar2 .ys-ph-nav .ys-phnav-lisbox>a {

    padding: 13px 0

}



.ys-ph-navbar2 .ys-ph-nav ul .ys-phnav-header-font,

.ys-ph-navbar2 .ys-ph-nav ul a {

    font-size: 14px

}



.ys-ph-navbar2 .ys-ph-nav ul .ys-phnav-lisbox>.ys-phnav-header-font,

.ys-ph-navbar2 .ys-ph-nav ul .ys-phnav-lisbox>a {

    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 .ys-phnav-header-font,

.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: calc(100vh - 85px - 64px)

}



.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: rgba(255, 255, 255, .8)

}



.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 .ys-phnav-header-font,

.ys-ph-navbar3 .ys-ph-nav a {

    color: #666

}



.ys-ph-navbar3 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font,

.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 .ys-phnav-header-font,

.ys-ph-navbar3 .ys-ph-nav a {

    font-size: 16px;

    line-height: 30px

}



.ys-ph-navbar3 .ys-ph-nav .ys-phnav-lisbox>.ys-phnav-header-font,

.ys-ph-navbar3 .ys-ph-nav .ys-phnav-lisbox>a {

    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(100vh - 70px)

}



.ys-ph-navbar3 .ys-ph-nav ul {

    display: block

}



.ys-phnav3-lang-bd .ys-phnav-header-font {

    line-height: 1.75

}



.ys-phsubnav-modal {

    position: fixed;

    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(100vh - 70px);

    padding-right: 10px;

    margin-right: -10px

}



.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 .ys-phnav-header-font,

.ys-phnav3-lang-hd a {

    display: inline-block;

    font-size: 16px;

    line-height: 24px;

    color: #333;

    padding: 0

}



.ys-phnav3-lang-hd .ys-phnav-header-font {

    padding: 10px 0

}



.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;

    font-size: 24px

}



.ys-phnavss-modal button {

    width: 70px;

    text-align: right;

    font-size: 22px;

    color: #fff

}



.ys-phnavss-modal .ys-modal-content {

    width: 50vw

}



.ys-phnavss-modal .ys-phnavss-form {

    border-bottom: 1px solid #fff;

    padding-bottom: 10px

}



.ys-phnavss-modal .ys-phnavss-form input {

    width: calc(100% - 75px);

    border-bottom: 0

}



.ys-phnav-tel {

    font-size: 18px;

    line-height: 1.5;

    margin-top: 20px;

    text-align: center

}



.ys-phnavss-modal .ys-modal-close {

    right: 6%;

    top: 4%;

    font-size: 28px;

    font-weight: 400

}



.ys-phnavss-modal .ys-modal-close .iconfont {

    font-size: inherit

}



@media screen and (max-width:1199px) {

    .ys-phnavss-modal .ys-modal-close {

        right: 15px;

        top: 15px;

        font-size: 16px;

        font-weight: 700

    }

}



@media screen and (max-width:991px) {

    .ys-phnavss-modal input {

        font-size: 16px

    }



    .ys-phnavss-modal button {

        width: 50px;

        font-size: 14px

    }



    .ys-phnavss-modal .ys-phnavss-form input {

        width: calc(100% - 55px)

    }



    .ys-phnavss-modal .ys-phnavss-form {

        padding-bottom: 0

    }



    .ys-phnavss-modal .ys-modal-content {

        width: 600px;

        max-width: calc(100vw - 40px)

    }

}



.ys-ph-navbar3 .ys-phmenu-scroll .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {

    background-color: rgba(102, 102, 102, .2)

}



.ys-ph-navbar3 .ys-phmenu-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.ys-ph-navbar3 .ys-phmenu-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,

.ys-ph-navbar3 .ys-phmenu-scroll .mCSB_scrollTools.mCS-dark .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.ys-ph-navbar3 .ys-phmenu-scroll .mCSB_scrollTools.mCS-dark .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: rgba(102, 102, 102, .4)

}



.ys-ph-navbar3 .ys-phmenu-scroll .mCSB_scrollTools {

    top: 5%;

    bottom: 5%

}



.ys-ph-navbar4 .ys-phmenu-scroll {

    max-height: calc(100vh - 64px - 80px)

}



.ys-ph-navbar4 .ys-phnav-menu {

    background: #f1f1f1;

    color: #999

}



.ys-ph-navbar4 .ys-ph-nav .ys-phnav-header-font,

.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 .ys-phnav-header-font,

.ys-ph-navbar4 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox a,

.ys-ph-navbar4 .ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox .ys-phnav-header-font,

.ys-ph-navbar4 .ys-ph-nav li.yxnav-active3>.ys-phnav-lisbox .ys-phnav-header-font {

    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-ph-navbar4 .ys-phmenu-scroll .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {

    background-color: rgba(153, 153, 153, .2)

}



.ys-ph-navbar4 .ys-phmenu-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.ys-ph-navbar4 .ys-phmenu-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,

.ys-ph-navbar4 .ys-phmenu-scroll .mCSB_scrollTools.mCS-dark .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.ys-ph-navbar4 .ys-phmenu-scroll .mCSB_scrollTools.mCS-dark .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: rgba(153, 153, 153, .4)

}



.ys-ph-navbar4 .mCSB_scrollTools {

    top: 5%

}



.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-slide-fixed {

    position: fixed;

    top: 100px

}



.ys-slide-notfixed {

    position: absolute;

    top: auto !important;

    bottom: 100px

}



.ys-bread {

    margin: 0 -14px

}



.ys-bread-list a {

    color: #666;

    font-size: 14px;

    line-height: 1.75;

    transition: all .36s ease

}



.ys-bread-list::before {

    content: '>';

    position: absolute;

    top: 50%;

    right: -7px;

    transform: translateY(-50%);

    font-size: 16px;

    color: #666;

    line-height: 1.75

}



.ys-bread-list {

    padding: 0 14px;

    position: relative

}



.ys-bread-list:last-child::before {

    display: none

}



.ys-page-title {

    display: none

}



#modal-loading {

    position: fixed;

    width: 100vw;

    height: 100vh;

    z-index: 100;

    background: rgba(255, 255, 255, .8);

    display: flex;

    align-items: center;

    justify-content: center

}



.loading-svg {

    width: 60px

}



.loading-svg-circle1 {

    stroke-dasharray: 75;

    stroke-dashoffset: 75;

    animation: 2s loading1 ease infinite .5s;

    transform: rotate(-90deg);

    transform-origin: 50% 50%

}



.loading-svg-circle2 {

    stroke-dasharray: 100;

    stroke-dashoffset: 100;

    animation: 2s loading2 ease-in-out infinite;

    transform: rotate(-45deg);

    transform-origin: 50% 50%

}



.loading-svg-text {

    font-size: 16px;

    color: #333;

    text-align: center;

    margin-top: 10px

}



@keyframes loading1 {

    100% {

        stroke-dashoffset: -75;

        stroke-dasharray: -75

    }

}



@keyframes loading2 {

    100% {

        stroke-dashoffset: -100;

        stroke-dasharray: -100

    }

}



.yongsy-pc-ph-table td,

.yongsy-pc-ph-table th {

    padding: 5px 10px;

    border: 1px solid #ddd

}



.ys-banner {

    width: 100%;

    position: relative

}



.ys-ban-li {

    position: relative;

    overflow: hidden

}



.ys-ban-imgbox {

    position: relative;

    z-index: 1

}



.ys-ban-imgbox img {

    width: 100%

}



.ys-ban-li>a {

    display: block

}



.ys-ban-ph {

    display: none

}



.ys-ban-video {

    position: absolute;

    left: 50%;

    top: 50%;

    z-index: 2;

    transform: translate(-50%, -50%);

    width: 100%;

    height: 100%;

    object-fit: cover

}



.ys-ban-li:not(:first-child) {

    display: none

}



.ys-ban-imgbox::before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 3;

    width: 100%;

    height: 100%

}



.ys-ban-txtbox {

    z-index: 5

}



.ys-nybanner {

    position: relative

}



.ys-nyban-img,

.ys-nyban-img img {

    width: 100%

}



.ys-nyban-ph {

    display: none

}



.ys-nyban-title h1 {

    color: #fff;

    font-size: 40px;

    line-height: 1.5

}



.ys-nyban-title p {

    color: #fff;

    font-size: 16px;

    line-height: 1.75

}



.head-logo {

    max-width: 400px;

    line-height: 90px

}



.ys-hd-pc {

    display: flex

}



.head-nav-item {

    position: relative

}



.head-nav-item-down {

    position: absolute;

    top: 100%;

    left: 50%;

    transform: translateX(-50%);

    background: #fff;

    display: none

}



.ys-drop-item-top {

    justify-content: space-between;

    cursor: pointer

}



.ys_dit_icon {

    position: relative

}



.ys_dit_icon i:last-child {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    opacity: 0

}



.ys-drop-item-bot {

    display: none

}



.ys_dit_icon i {

    transition: all .36s

}



.ys-drop-item-top.on .ys_dit_icon i:last-child {

    opacity: 1

}



.ys-drop-item-top.on .ys_dit_icon i:first-child {

    opacity: 0

}



.ys-slick .slick-track {

    display: flex;

    margin: 0 auto

}



.ys_imgbox_contain,

.ys_imgbox_cover {

    position: relative;

    overflow: hidden;

    transform: rotate(0);

    -webkit-transform: rotate(0)

}



.altumcode {

    --fontFamily: system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif !important

}