@font-face {
    font-family: SourceHanSansRegular;
    src: url(font/SourceHanSans-Regular.ttf);
    src: url(font/SourceHanSans-Regular.eot?#font-spider) format('embedded-opentype'), url(font/SourceHanSans-Regular.woff) format('woff'), url(font/SourceHanSans-Regular.ttf) format('truetype'), url(font/SourceHanSans-Regular.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    vertical-align: middle;
    box-sizing: border-box;
    font-family: 'SourceHanSansSCRegular!important', sans-serif;
    font-size: 16px;
    color: #333;
    font-weight: 400;
    white-space: nowrap
}

body {
    background: #f4f4f4
}

.fl {
    float: left
}

.hidden {
    display: none !important
}

.fr {
    float: right;
}

.wap-fr {
    float: right;
    line-height: 11px;
}

.clearFix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.bottom-line {
    display: block;
    width: 100%;
    height: 4px;
    background: linear-gradient(180deg, #8fc31f 0, #009c42 100%);
    border-radius: 10px;
    margin-top: -15px
}

.right-arrow {
    display: inline-block;
    font-style: normal;
    color: rgba(255, 255, 255, .8)
}

input:focus {
    outline: 0 !important;
    border-color: #719ece;
    box-shadow: 0 0 5px #719ece
}

::-webkit-scrollbar {
    width: 8px;
    padding-right: 4px;
    background-color: #fff
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #ccc
}

::-webkit-scrollbar-thumb:window-inactive {
    background-color: #ccc
}

.header-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
    background: #fff;
    z-index: 999
}

.header-top {
    width: 88%;
    height: 68px;
    line-height: 68px;
    margin: 0 auto;
    position: relative
}

.header-cyjg, .header-top a {
    font-size: 14px;
    color: #333
}

.header-topLeft {
    width: 65%
}

.header-topRight {
    width: 30%
}

.header-cyjg, .header-topLeft > a {
    height: 20px;
    line-height: 20px;
    padding: 0 4%;
    border-right: 1px solid #ccc;
    cursor: pointer
}

.header-topLeft > a:first-child {
    border: none;
    padding: 0
}

.header-topLeft > a:last-child {
    border: none
}

.header-topLeft > a > img {
    /* width: 242px */
    height: 45px;
}

.header-cyjg .header-cyjgWrapper {
    position: absolute;
    left: 0;
    top: 63%;
    width: 100%;
    z-index: 99999;
    display: none
}

.header-cyjg:hover .header-cyjgWrapper {
    display: block
}

.header-cyjg .header-cyjgList {
    position: relative;
    width: 100%;
    margin-top: 25px;
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 0 10px 0 rgba(156, 156, 156, .5);
    border-bottom: 1px solid #009c42
}

.header-cyjg .header-cyjgList::before {
    content: "";
    position: absolute;
    top: -29px;
    left: 32%;
    width: 0;
    height: 0;
    border: 15px solid;
    border-color: transparent transparent rgba(255, 255, 255, .95)
}

.header-cyjg .cyjgList-top {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #f2f2f2;
    text-align: center;
    display: none
}

.header-cyjg .cyjgList-top span {
    display: inline-block;
    font-weight: 700;
    line-height: 30px
}

.header-cyjg .cyjgList-top span:last-child {
    margin-right: 0
}

.cyjg-active {
    color: #009c42 !important;
    border-bottom: 2px solid #009c42
}

.list-wrapper {
    width: 100%;
    height: 400px;
    overflow-y: scroll
}

.list-area {
    margin-top: 20px;
    overflow: hidden
}

.list-area > li {
    width: 100%;
    margin-bottom: 20px
}

.list-area > li > span {
    display: inline-block;
    width: 10%;
    text-align: center;
    font-weight: 700
}

.list-area > li > ul {
    display: inline-block;
    width: 90%;
    white-space: normal;
    text-align: left
}

.list-area > li > ul > li {
    line-height: 35px;
    white-space: normal
}

.list-area > li > ul > li > a {
    display: inline-block;
    min-width: 25%;
    text-align: left;
    border-bottom: 1px dashed rgba(0, 0, 0, .07);
    font-size: 14px;
    color: #333
}

.list-area > li > ul > li > a:last-child, .list-area > li > ul > li > a:nth-child(4n) {
    min-width: 20%
}

.list-area > li > ul > li > a:hover {
    color: #009c42
}

.header-topRight {
    display: flex;
    height: 68px;
    line-height: 68px;
    align-items: center;
    justify-content: flex-end
}

.header-topRight li {
    margin-left: 5%
}

.header-topRight li img {
    width: 20px;
    display: inline-block;
    vertical-align: text-bottom
}

.header-topRight li a {
    color: #333;
    font-size: 16px
}

.header-topRight li span {
    font-size: 36px;
    color: #22997c;
    font-weight: 600;
    display: inline-block;
    vertical-align: bottom
}

.nav-wrapper {
    width: 100%;
    position: fixed;
    top: 68px;
    left: 0;
    z-index: 9;
    background: rgba(255, 255, 255, .7)
}

.header-list {
    width: 88%;
    margin: 0 auto;
    height: 60px;
    line-height: 60px;
    position: relative
}

.list-item {
    width: 75%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.list-item > li {
    cursor: pointer;
    font-weight: 700;
    height: 60px;
    line-height: 60px;
    max-width: 17%
}

.list-item > li > span, .list-item > li > span a {
    display: block;
    height: 65px;
    font-size: 18px;
    color: #666;
    font-weight: 700;
    line-height: 60px
}

.list-item > li:hover {
    font-size: 20px;
    color: #009c42;
    transition: ease-in-out .7s
}

.list-item > li .list-con {
    display: none;
    position: absolute;
    bottom: 0;
    left: -4%;
    background: rgba(255, 255, 255, .95);
    transform: translateY(100%);
    width: 108%;
    z-index: 9999;
    border-bottom: 1px solid #009c42
}

.list-con-middle {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.list-con .list-con-middleL {
    width: 70%
}

.list-con .list-con-middleL .list-con-topLev2 {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    width: 22%;
    padding: 0 6%
}

.list-con .list-con-middleL .list-con-topLev2 li a img {
    vertical-align: sub
}

.footer-link li a:hover, .link-box-list li a:hover, .list-item li a:hover {
    color: #009c42
}

.list-con .list-con-middleR {
    max-width: 30%;
    height: 100%;
    margin-left: 10%
}

.list-con .list-con-middleR img {
    width: 100%;
    margin: 10px 0
}

.list-con-top {
    height: 46px;
    line-height: 46px;
    background: #f2f2f2
}

.list-con-top > a {
    margin-right: 20px
}

.list-con-topLev1 {
    width: 70%;
    margin-right: 8%;
    height: 100%
}

.list-con-topLev1 > li {
    display: inline-block;
    text-align: left;
    margin: 0 6%;
    width: 10%;
    position: relative
}

.list-con-topLev1 > li > img {
    width: 25px;
    height: 25px;
    position: absolute;
    left: -30%;
    top: 50%;
    transform: translateY(-50%)
}

.list-con-topLev1 li ul li a:hover {
    color: #009c42
}

.list-con-bottom {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #f4f4f4;
    text-align: center
}

.list-con-bottom a {
    display: inline-block;
    min-width: 50px;
    height: 25px;
    line-height: 25px;
    background: #f4f4f4;
    color: #666;
    margin: 0 10px;
    border-radius: 10px;
    padding: 0 10px;
    font-size: 14px;
    margin-right: 5%
}

.header-input {
    position: relative
}

.header-input input {
    width: 180px;
    height: 36px;
    text-indent: 10px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 2px
}

.header-input input::-moz-placeholder, .header-input input::-ms-input-placeholder, .header-input input::-webkit-input-placeholder {
    font-size: 14px;
    color: rgba(0, 0, 0, .25)
}

.header-input img {
    position: absolute;
    top: 40%;
    right: 5px;
    cursor: pointer
}

.nxFooter {
    margin-top: 20%
}

.nxfooter-wrap {
    width: 100%;
    top: 20%;
    left: 0;
    width: 100%;
    z-index: 2;
    overflow: hidden;
    background: #fff
}

.nx-footer {
    width: 88%;
    min-height: 425px;
    margin: 0 auto
}

.nx-footer .header-topRight {
    width: 45%;
    height: 100px;
    line-height: 100px
}

.footer-link {
    max-width: 50%;
    min-width: 30%;
    height: 100px;
    line-height: 100px;
    display: flex;
    justify-content: space-between
}

.footer-link li {
    flex: 1;
    text-align: left
}

.footer-link li a {
    font-size: 18px;
    color: #666;
    font-weight: 600
}

.footer-content {
    width: 100%;
    margin: 50px auto
}

.footer-contentLeft span {
    display: block;
    font-size: 16px;
    color: #666;
    line-height: 30px
}

.footer-contentLeft span a {
    font-size: 16px;
    color: #666
}

.footer-QRcode {
    display: flex;
    justify-content: space-between
}

.footer-QRcode i {
    width: 1.3px;
    background: #ccc;
    transform: scale(.5);
    margin-top: -20px
}

.footer-QRcode li {
    text-align: center
}

.footer-QRcode li img {
    width: 100px;
    height: 100px;
    transition: all .3s linear
}

.footer-QRcode li span {
    display: block;
    font-size: 16px;
    text-align: center;
    margin: 20px auto;
    color: #666
}

.footer-QRcode li .footer-logoImg {
    width: auto
}

.nx-bottom {
    width: 100%;
    margin-top: -50px;
    position: relative;
    z-index: 9
}

.bottom-wrap {
    width: 88%;
    height: 180px;
    margin: 0 auto;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.bottom-wrap i {
    margin-right: 5%
}

.bottom-wrap i:last-child {
    margin-right: 0
}

.bottom-wrap li {
    width: 330px;
    height: 140px;
    line-height: 140px;
    box-shadow: 0 0 10px 0 rgba(196, 196, 196, .5);
    text-align: left;
    position: relative
}

.bottom-wrap li a .glqd-left {
    display: inline-block;
    width: 50%;
    text-align: center
}

.bottom-wrap li a .glqd-left img {
    max-width: 90%;
    max-height: 100%;
    padding: 5%
}

.bottom-wrap li a .glqd-right {
    display: inline-block;
    width: 50%;
    padding: 5%;
    position: absolute;
    top: 0;
    right: 0
}

.bottom-wrap li a .glqd-right h1 {
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis
}

.bottom-wrap li a .glqd-right p {
    line-height: 20px;
    font-size: 14px;
    color: #666;
    white-space: normal
}

.index-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.index-con {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: visible
}

.index-page {
    width: 100%;
    position: relative;
    overflow: hidden
}

.masking {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3)
}

.swiper-container1 {
    width: 100%;
    height: 100%;
    position: absolute
}

.swiper-container1 .swiper-wrapper a {
    display: block;
    width: 100%;
    height: 100%
}

.swiper-container1 .swiper-wrapper a video {
    width: 100%;
    min-height: 100%
}

video:focus {
    outline: 0
}

.swiper-list {
    width: 88%;
    margin: 0 auto;
    margin-top: 15%
}

.swiper-list h3 {
    margin-top: 50px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #fff;
    font-weight: 500
}

.swiper-list h1 {
    font-size: 40px;
    color: #fff;
    height: 60px;
    line-height: 60px
}

.swiper-list p {
    width: 70%;
    font-size: 24px;
    color: #fff;
    margin-top: 20px;
    line-height: 30px;
    white-space: normal
}

.swiper-next {
    display: block;
    width: 190px;
    height: 60px;
    border-radius: 5px;
    margin-top: 50px;
    padding: 10px;
    background: rgba(255, 255, 255, .15)
}

.swiper-next:hover {
    background: rgba(255, 255, 255, .2)
}

.swiper-next span {
    display: inline-block;
    width: 70%;
    margin-left: 5px;
    border-right: 1px solid #fff
}

.swiper-next span h2 {
    font-size: 20px;
    color: #fff
}

.swiper-next span h4 {
    transform: scale(.4) translateX(-70%);
    color: #fff
}

.swiper-next img {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-left: 10px
}

.index-common {
    position: absolute;
    top: 20%;
    left: 9%;
    width: 82%;
    height: 70%;
    z-index: 2
}

.swiper-pagination1 {
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9
}

.swiper-pagination1 span {
    display: block;
    width: 15px;
    height: 15px;
    margin: 20px 0;
    background: unset;
    border: 1px solid #fff;
    opacity: 1;
    transition-duration: .3s;
    position: relative
}

.swiper-pagination1 span:hover {
    background: #fff
}

.swiper-pagination1 .swiper-pagination-bullet-active {
    background: #fff
}

.link-box {
    position: absolute;
    top: 160px;
    right: 6%;
    width: 260px;
    z-index: 1;
    background: rgba(255, 255, 255, .9)
}

.link-box-selected {
    display: none
}

.link-box a:hover .link-box-selected, .link-box span:hover .link-box-selected {
    display: inline-block
}

.link-box a:hover .link-box-unselected, .link-box span:hover .link-box-unselected {
    display: none
}

.link-box-a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    position: relative;
    border-bottom: 3px solid #009c42
}

.link-box-a:hover a, .link-box-list li:hover a {
    color: #009c42
}

.link-box-iconT {
    position: absolute;
    width: 0;
    height: 0;
    top: 10px;
    right: 20px;
    border: 10px solid;
    border-color: transparent transparent #009c42;
    cursor: pointer;
    border-radius: 3px
}

.activeTransform {
    top: 20px;
    transform: rotate(180deg)
}

.link-box img {
    margin-right: 10px
}

.link-box-list {
    display: none;
    width: 100%
}

.link-box-list li {
    height: 60px;
    line-height: 60px;
    padding-left: 20px
}

.common-swiper {
    position: absolute;
    bottom: 10%;
    left: 6%;
    width: 88%;
    height: 120px;
    border-radius: 5px;
    background: rgba(255, 255, 255, .8);
    z-index: 99
}

.common-wrap {
    width: 80%;
    min-height: 100%;
    margin: 0 auto;
    overflow: hidden
}

.common-wrap .swiper-slide img {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    margin-top: 15px;
    cursor: pointer
}

.common-wrap .swiper-slide h1 {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 5px;
    font-size: 18px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    position: relative
}

.common-wrap .swiper-slide h1 .click-more-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.click-more-active .click-more-icon {
    transform: rotate(180deg) translateY(7px)
}

.click-more-icon {
    display: inline-block;
    width: 0;
    height: 0;
    border: 7px solid;
    margin-top: 5px;
    margin-left: 5px;
    border-color: #999 transparent transparent
}

.common-wrap .swiper-slide .cygnMore {
    text-align: center;
    width: 70%;
    margin: 0 auto;
    background: rgba(255, 255, 255, .8);
    padding: 0 5%;
    overflow: hidden;
    text-overflow: ellipsis;
    border-top: 2px solid #009c42;
    box-shadow: 1px 2px 10px 3px rgba(0, 0, 0, .3);
    display: none
}

.common-wrap .swiper-slide .cygnMore li {
    padding: 2% 0
}

.common-wrap .swiper-slide .cygnMore li a {
    font-size: 14px
}

.common-wrap .swiper-slide .click-more ul li {
    display: block;
    width: 100%
}

.common-wrap .swiper-slide .click-more ul li a {
    display: block;
    width: 50%;
    height: 25px;
    line-height: 25px;
    margin: 0 auto;
    font-size: 14px;
    background: rgba(255, 255, 255, .8);
    overflow: hidden;
    text-overflow: ellipsis
}

.button-style {
    width: 37px !important;
    height: 37px !important;
    border-radius: 50%;
    top: 60%;
    background-image: none !important;
    background: #fff;
    cursor: pointer;
    box-shadow: 0 0 4px 0 #bababa
}

.button-style.swiper-button-prev {
    left: 5% !important
}

.button-style.swiper-button-next {
    right: 5% !important
}

.arrow-left, .arrow-right {
    display: block;
    width: 15px;
    height: 15px;
    border-top: 2px solid;
    border-right: 2px solid;
    border-color: #009c42;
    transform: rotate(-135deg);
    margin-top: 11px;
    margin-left: 14px;
    border-radius: 2px
}

.arrow-right {
    transform: rotate(45deg);
    margin-left: 8px
}

.moreArrow-right {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    vertical-align: baseline
}

.button-style:hover {
    background: #009c42 !important
}

.button-style:hover .arrow-left, .button-style:hover .arrow-right {
    border-color: #fff
}

.index-notice {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: rgba(0, 0, 0, .3);
    z-index: 9
}

.notice-con {
    width: 88%;
    height: 60px;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}
.index-notice .title{
    display: inline-block;
    width: calc(100%  - 240px);
    overflow: hidden;
    text-overflow: ellipsis;
}
.index-notice a, .index-notice span {
    color: #fff
}

.index-notice span {
    padding-left: 50px;
}

.index-notice .notice-more {
    position: absolute;
    right: 0;
    top: 52%;
    transform: translateY(-50%);
    z-index: 9;
    display: flex;
    height: 100%;
    align-items: center;
}

.nxgrfw-title {
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    text-align: center
}

.nxgrfw-desc {
    display: block;
    margin-top: 10px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding-bottom: 50px
}

.nxgrfw-con {
    width: 100%;
    height: 50px;
    margin-top: 20px;
    border-bottom: 4px solid rgba(255, 255, 255, .9);
    display: flex;
    position: relative
}

.nxgrfw-conItem {
    flex: 1;
    text-align: center;
    margin-right: 70px
}

.nxgrfw-con > li > span {
    display: block;
    max-width: 100px;
    margin: 0 auto;
    height: 50px;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s linear
}

.nxgrfw-con > li > span:hover {
    font-size: 22px;
    transition: all .2s linear
}

.nxgrfw-con .nxgrfw-List {
    visibility: hidden;
    position: absolute;
    left: -5%;
    top: 80px;
    width: 110%
}

.nxgrfw-List a * {
    white-space: normal !important;
    text-align: left
}

.nxgrfw-List a .hsgk-content * {
    text-align: unset
}

.nxgrfw-List a table {
    text-align: center
}

.nxgrfw-List a img, .nxgrfw-List a video {
    max-width: 100%;
    height: auto
}

.nxgrfw-active > span {
    position: relative
}

.nxgrfw-active > span::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0;
    bottom: 0;
    border-radius: 5px;
    background: linear-gradient(90deg, #8fc31f 0, #009c42 100%)
}

.nxgrfwActiveLine {
    display: block;
    width: 100%;
    height: 4px;
    left: 0;
    bottom: 0;
    border-radius: 5px;
    background: linear-gradient(90deg, #8fc31f 0, #009c42 100%);
    margin-top: 1vw
}

.nxgrfw-active > span:hover::after {
    animation: spanMove .5s linear
}

@keyframes spanMove {
    0% {
        width: 0%
    }
    20% {
        width: 20%
    }
    40% {
        width: 40%
    }
    60% {
        width: 60%
    }
    80% {
        width: 80%
    }
    100% {
        width: 100%
    }
}

.nxgrfw-active .nxgrfw-List {
    visibility: visible;
    overflow: hidden
}

.nxgrfw-active .nxgrfw-more {
    display: block;
    height: 40px
}

.nxgrfw-wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
    overflow: hidden;
    position: relative
}

.button-style-next, .button-style-prev {
    position: absolute;
    top: 40%;
    z-index: 9
}

.button-style-prev {
    left: 10px
}

.button-style-next {
    right: 10px
}

.nxgrfw-item {
    position: relative;
    text-align: center
}

.nxgrfw-item .nxgrfw-text {
    width: 100%;
    background-image: url(../images/nxgrfw-item.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom
}

.ckItem .nxgrfw-text {
    background: #fff;
    background-size: cover
}

.grfw-conR .nxgrfw-text {
    position: absolute;
    left: 0;
    bottom: 0
}

.nxCk {
    padding: 10% 0;
    background-size: cover !important
}

.nxgrfw-item > img {
    display: block;
    width: 90%;
    height: 150px;
    margin: 0 auto;
    position: relative;
    z-index: -1;
    border-radius: 2px
}

.nxgrfw-item .nxgrfw-text {
    padding: 2% 5%;
    border-radius: 5px
}

.nxgrfw-item.ckItem {
    padding-top: 0
}

.nxgrfw-item.ckItem .nxgrfw-text {
    position: relative;
    padding-bottom: 1px
}

.nxgrfw-item.ckItem .nxgrfw-text a {
    margin: 2% auto;
    margin-bottom: 5%
}

.nxgrfw-item.ckItem .nxgrfw-text .ckStyle1 {
    padding-top: 2%
}

.nxgrfw-item .nxgrfw-text .ckStyle1 {
    font-size: 18px;
    color: #323d33;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 5%
}

.nxgrfw-item .nxgrfw-text .ckStyle2 {
    font-size: 12px;
    color: #8d8d8d;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 20px;
    padding-top: 3%
}

.nxgrfw-item .nxgrfw-text .ckStyle3 {
    font-size: 32px;
    color: #fe383f;
    font-weight: 700;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 5%
}

.nxTzlc {
    border-radius: 10px
}

.nxTzlc .nxgrfw-text {
    height: 100%;
    border-radius: 10px
}

.nxTzlc .nxgrfw-text .tzlcStyle1 {
    white-space: normal;
    padding: 15% 5%;
    padding-bottom: 0;
    font-size: 18px;
    color: #333;
    text-align: center;
    min-height: 98px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.nxgrfw-List .nxTzlc .nxgrfw-text .tzlcStyle1 {
    line-height: 25px
}

.nxTzlc .nxgrfw-text h2 {
    margin-top: 50px
}

.nxDk .nxgrfw-text .dkStyle1 {
    font-size: 24px;
    color: #333;
    width: fit-content;
    margin: 0 auto;
    margin-top: 10%;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.nxDk .nxgrfw-text .dkStyle2 {
    font-size: 14px;
    color: #666;
    margin-top: 5%;
    overflow: hidden;
    text-overflow: ellipsis
}

.nxDk .nxgrfw-text .dkStyle3 {
    font-size: 18px;
    color: #333;
    margin-top: 20%
}

.nxDk .nxgrfw-text .dkStyle4 {
    font-size: 32px;
    color: #fe383f;
    font-weight: 700;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis
}

.nxDk .nxgrfw-text h2 {
    margin-top: 0
}

.nxTzlc .nxgrfw-text .nxgrfw-area {
    width: 95%;
    height: 92px;
    margin: 15% auto;
    background: #f2f2f2;
    border-radius: 19px 100px 100px 19px;
    position: relative;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 20%);
    display: flex
}

.nxTzlc .nxgrfw-text .nxgrfw-area .nxgrfw-areaLeft {
    padding-top: 5%;
    flex: 1
}

.nxTzlc .nxgrfw-text .nxgrfw-area .nxgrfw-areaLeft div {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #666;
    height: auto;
    line-height: 22px
}

.nxTzlc .nxgrfw-text .nxgrfw-area .nxgrfw-areaCir {
    min-width: 60%;
    height: 100%;
    background: #f2f2f2;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    flex: 1
}

.grfw-conR .nxTzlc .nxgrfw-text .nxgrfw-area .nxgrfw-areaCir {
    min-width: 70%
}

.nxTzlc .nxgrfw-text .nxgrfw-area .nxgrfw-areaCir div {
    height: 88px;
    padding: 0 5px;
    background: #fafafa;
    border-radius: 100px;
    margin: 2px auto
}

.nxTzlc .nxgrfw-text .nxgrfw-area .tzlcStyle2 h2 {
    line-height: 70px;
    height: 50px;
    margin-top: 0;
    font-size: 1.2vw;
    overflow: hidden;
    text-overflow: unset;
    font-weight: 700;
    color: #fe383f
}

.nxTzlc .nxgrfw-text .nxgrfw-area .tzlcStyle2 span {
    font-size: 12px;
    color: #666
}

.nxgrfw-item .nxgrfw-text a {
    display: block;
    width: 50%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: 1px solid #333;
    color: #333;
    margin: 0 auto;
    font-size: 20px;
    border-radius: 5px;
    margin: 10% auto;
    position: relative;
    z-index: 1
}

.nxgrfw-item .nxgrfw-text a::after {
    position: absolute;
    content: '';
    border-radius: 5px;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1
}

@keyframes bacChange {
    0% {
        width: 0%
    }
    25% {
        width: 25%
    }
    50% {
        width: 50%
    }
    75% {
        width: 75%
    }
    100% {
        width: 100%
    }
}

.nxgrfw-item .nxgrfw-text a:hover {
    border: none !important;
    color: #fff
}

.nxgrfw-item .nxgrfw-text a:hover::after {
    background: linear-gradient(180deg, #8fc31f 0, #009c42 100%);
    animation: bacChange .3s linear
}

.nxgrfw-more {
    display: none;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.largerWidth {
    width: 110% !important;
    left: -5% !important
}

.largerWidth .swiper-slide:hover, .swiper-container2 .swiper-slide:hover {
    transform: translateY(-15px);
    transition: all .2s linear
}

.card-list {
    background: #fff;
    border: 1px solid #979797;
    padding: 5%;
    border-radius: 5px;
    padding-top: 3%
}

.card-listTop {
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: relative;
    margin-bottom: 2%
}

.card-listTop span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    color: #666;
    padding: 0 20px;
    background: #fff;
    z-index: 2
}

.card-listTop i {
    display: block;
    width: 100%;
    height: 0;
    border-top: 1px solid #ccc;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.card-listBleft {
    width: 60%;
    height: 200px;
    overflow: hidden;
    display: inline-block;
    border-radius: 5px
}

.card-listBleft img {
    width: auto;
    height: 100%
}

.card-listBright {
    width: 40%;
    height: 200px;
    display: inline-block;
    padding-left: 15px;
    position: relative
}

.card-listBright p {
    line-height: 24px;
    margin-bottom: 5px
}

.card-listBright p i {
    margin: 10px 5px 0 0;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #8fc31f
}

.card-listBright p span {
    color: #666;
    white-space: normal;
    text-align: justify;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all
}

.card-listBright a {
    position: absolute;
    left: 20px;
    bottom: 0;
    border-radius: 5px;
    display: block;
    width: 110px;
    height: 32px;
    line-height: 32px;
    background: linear-gradient(180deg, #8fc31f 0, #009c42 100%);
    color: #fff
}

.nxqyfw-item {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 80%;
    cursor: pointer
}

.nxqyfw {
    margin-top: 0
}

.nxqyfw .nxgrfw-wrapper {
    height: 410px;
    padding: 20px 0
}

.nxqyfw .nxgrfw-con {
    margin-top: 0
}

.nxqyfw .nxgrfw-List {
    top: 70px
}

.nxqyfw-item .nxqyfw-itemTop {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 80%;
    overflow: hidden;
    border-radius: 5px
}

.nxqyfw-item .nxqyfw-itemTop img {
    width: 100%;
    min-height: 80%
}

.nxqyfw-item .nxqyfw-itemBot {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30%
}

.nxqyfw-itemCon {
    width: 100%;
    height: 100%;
    background-image: url(../images/nx-icon12.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    border: none
}

.nxqyfw .nxqyfw-item:hover {
    transform: scale(1.08);
    transition: all .5s linear;
    z-index: 9
}

.nxqyfw .nxqyfw-item:hover .nxqyfw-itemCon {
    background-image: url(../images/nx-icon13.png)
}

.nxqyfw .nxqyfw-item:hover .nxqyfw-itemCon h1, .nxqyfw .nxqyfw-item:hover .nxqyfw-itemCon span {
    color: #fff
}

.nxqyfw-itemCon h1 {
    font-size: 24px;
    color: #666;
    font-weight: 700;
    line-height: 15px;
    padding-top: 8%
}

.nxqyfw-itemCon span {
    display: block;
    font-size: 14px;
    color: #666;
    height: 35px;
    line-height: 35px;
    margin-top: 1%
}

.nxqyfw li a * {
    text-align: center
}

.nxgrfw-desc a {
    color: #fff;
    position: absolute;
    right: 0
}

.nxyhhd-con {
    width: 100%;
    margin: 50px auto;
    display: flex;
    max-height: 330px
}

.nxyhhd-con .nxyhhd-swiper {
    width: 50%;
    overflow: hidden;
    position: relative;
    border-radius: 5px
}

.nxyhhd-link {
    flex: 1;
    margin-left: 10px;
    overflow: hidden;
    border-radius: 5px
}

.nxyhhd-swiper img {
    width: 100%;
    height: 100%;
    transition: all .5s linear
}

.nxyhhd-link img {
    width: 100%;
    height: 100%;
    transition: all .5s linear
}

.nxdt-wrap img:hover, .nxfooter-wrap img:hover, .nxqyfw-itemTop img:hover {
    cursor: pointer;
    transition: all .5s linear;
    transform: scale(1.1)
}

.yhhd-pagination {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    text-align: center;
    z-index: 999
}

.yhhd-pagination .swiper-pagination-bullet {
    display: inline-block;
    width: 8px;
    height: 8px;
    min-width: 8px;
    margin-right: 10px;
    background: #fff
}

.nxdt-top {
    text-align: center
}

.nxdt-top span {
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    cursor: pointer
}

.nxdt-top img {
    display: inline-block;
    width: 33px;
    margin: 0 20px
}

.nxdt-top span.nxdt-active {
    color: #333
}

.nxdt-text {
    width: 100%;
    line-height: 25px;
    font-size: 16px;
    color: #666;
    text-align: center;
    margin: 20px 0
}

.nxdt-con {
    width: 100%
}

.nxdt-section1, .nxdt-section2 {
    width: 52%;
    height: 450px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(196, 196, 196, .5);
    border-radius: 5px;
    padding: 0 20px
}

.nxdt-section2 {
    width: 47%
}

.nxdt-section1til {
    display: block;
    width: 100%;
    height: 70px;
    line-height: 70px;
    border-bottom: 1px solid #f2f2f2
}

.nxdt-section1til i {
    font-style: normal;
    font-size: 20px;
    color: #333;
    font-weight: 700
}

.subNxdtSection {
    width: 100%
}

.subNxdtSection .nxdt-section1Con {
    width: 48%
}

.nxdt-section1Con {
    width: 100%;
    height: 100%
}

.nxdt-section1Con li {
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
    position: relative;
    /* padding-right: 10px; */
}

.nxdt-section1 .nxdt-section1Con {
    padding-bottom: 10px
}
.nxdt-section1Con .image-content .section1ConLeft{
    width: 100%;
}
.image-content{
    width: 30%;
}
.text-content{
    width: 68%;
}
.nxdt-section1Con li a {
    display: block;
    width: 100%;
    height: 100%;
    white-space: nowrap
}

.nxdt-section1Con li a .section1ConLeft {
    width: 30%;
    height: 100%;
    height: 110px;
    position: relative;
    overflow: hidden
}

.nxdt-section1Con li a .section1ConLeft img {
    width: 100%;
    min-width: 100%;
    min-height: 100%;
    transition: all .2s linear
}

.nxdt-section1Con li a .section1ConLeft span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, .43);
    color: #fff;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px
}
.flex-between{
    display: flex!important;
    justify-content: space-between;
}
.ellipsis-one{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
    /* autoprefixer: on */
    word-break: break-all;
    white-space: normal;
}
.text-content .date{
    margin-left: 8px;
    flex-shrink: 0;
    font-size: 14px;
    color: gray;
}
.mb10{
    margin-bottom: 10px;
}
.mb12{
    margin-bottom: 12px;
}
.mb15{
    margin-bottom: 15px;
}
.nxdt-section1Con li a .section1ConRight {
    margin-left: 10px;
    width: 65%;
    height: 100%
}

.nxdt-section1Con li a .section1ConRight p {
    width: 100%;
    height: 70%;
    line-height: 25px;
    color: #333;
    text-align: justify;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-break: break-all;
    margin-top: 10px
}

.nxdt-section1Con li a .section1ConRight span {
    color: #999;
    position: absolute;
    right: 0;
    bottom: 0
}

.zxdt-listRight li {
    margin: 0;
    height: 90px;
    line-height: 60px;
    border-bottom: 1px dashed #f2f2f2;
    position: relative
}

.zxdt-listRight li:last-child {
    border-bottom: none
}

.zxdt-listRight li p {
    max-width: 70%;
    white-space: normal;
    line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-break: break-all;
    margin-top: 15px
}

.nxdt-section1Con li a .section1ConRight p:hover, .zxdt-listRight li p:hover, .text-content p:hover {
    color: #009c42;
    transition: all .1s linear
}

.zxdt-listRight li span {
    color: #999;
    position: absolute;
    right: 0;
    bottom: 0
}

.grfwBox {
    position: relative;
    min-height: 830px
}

.grfw-backg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #f2f2f2;
    z-index: -1
}

.grfw-wrap {
    top: 130px;
    left: 6%;
    width: 88%;
    height: 100%;
    margin: 0 auto;
    padding-top: 10%;
    padding: 10% 0
}

.grfw-top a, .grfw-top span {
    font-size: 16px;
    color: rgba(255, 255, 255, .8)
}

.grfw-con {
    margin-top: 50px;
    background: 0 0
}

.grfw-conL {
    display: inline-block;
    width: 55%;
    color: #fff;
    margin-left: 50px;
    background: rgba(255, 255, 255, .4);
    padding: 2%;
    position: relative;
    border-radius: 5px;
    box-shadow: 2px 2px 6px 0 rgb(0 0 0 / .2)
}

.grfw-conL::after {
    position: absolute;
    content: '';
    right: -36px;
    top: 30%;
    width: 40px;
    height: 40px;
    background: url(../images/productTria.png);
    background-repeat: no-repeat
}

.grfw-conL li h1 {
    font-size: 24px;
    font-weight: 700;
    color: #333;
    white-space: normal
}

.grfw-conL li p {
    color: #333;
    line-height: 24px;
    white-space: normal;
    word-break: break-all;
    margin-top: 5%
}

.grfw-conL li p a {
    color: #8fc31f
}

.grfw-conL li .grfw-next {
    display: block;
    width: 190px;
    height: 60px;
    margin-top: 50px;
    padding: 10px;
    background: rgba(255, 255, 255, .26)
}

.grfw-conL li .grfw-next span {
    display: inline-block;
    width: 70%;
    border-right: 1px solid #fff
}

.grfw-conL li .grfw-next span h2 {
    font-size: 20px;
    color: #fff
}

.grfw-conL li .grfw-next span h4 {
    transform: scale(.4) translateX(-70%);
    color: #fff
}

.grfw-conL li .grfw-next img {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-left: 10px
}

.grfw-conR {
    display: inline-block;
    width: 300px;
    height: 300px;
    margin-left: 60px;
    position: relative
}

.grfw-conR li {
    position: absolute;
    left: 0;
    top: 0;
    width: 300px;
    height: 300px;
    opacity: 0;
    border-radius: 5px;
    transition: ease-in-out .5s;
    overflow: hidden;
    display: none
}

.grfw-conR li:nth-child(1) {
    z-index: 3;
    opacity: 1
}

.grfw-conR li:nth-child(2) {
    transform: translateX(15px) translateY(15px);
    z-index: 2;
    opacity: 1
}

.grfw-conR li:nth-child(3) {
    transform: translateX(30px) translateY(30px);
    z-index: 1;
    opacity: 1
}

.grfw-conR li img {
    width: 100%;
    border-radius: 5px
}

.grfw-conR li.first-index {
    transform: translateX(0) translateY(0) !important;
    z-index: 4 !important;
    opacity: 1;
    display: block
}

.grfw-conR li.first-index .backMask {
    display: none
}

.grfw-conR li.first-index .nxgrfw-item .nxgrfw-text a {
    background: linear-gradient(180deg, #8fc31f 0, #009c42 100%)
}

.grfw-conR li.second-index {
    transform: translateX(15px) translateY(15px) !important;
    z-index: 3 !important;
    opacity: 1;
    display: block
}

.grfw-conR li.third-index {
    transform: translateX(30px) translateY(30px) !important;
    z-index: 2 !important;
    opacity: 1;
    display: block
}

.grfw-conR li.forth-index {
    transform: translateX(45px) translateY(45px) !important;
    z-index: 1 !important;
    opacity: 1;
    display: block
}

.grfw-conR li .ckItem .nxgrfw-text {
    margin-top: -10%;
    border-radius: 5px
}

.grfw-style-next, .grfw-style-prev {
    position: absolute;
    left: 20%;
    top: auto;
    bottom: -30%
}

.grfw-style-next {
    left: 60%
}

.grfw-conR li .nxgrfw-item {
    text-align: center;
    position: relative
}

.grfw-conR li .nxgrfw-item img {
    width: 90%
}

.grfw-conR li .nxgrfw-item .nxgrfw-text h2 {
    font-size: 24px
}

.grfw-conR li .nxgrfw-item .nxgrfw-text span {
    font-size: 12px
}

.grfw-conR li .nxgrfw-item .nxgrfw-text a {
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    margin-top: 10px;
    border: none;
    color: #fff
}

.backMask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .15);
    border-radius: 5px;
    z-index: 9;
    box-shadow: 2px 2px 10px 0 rgb(0, 0, 0, .15)
}

.nxarticle-conNav {
    width: 100%;
    height: 30px;
    line-height: 30px
}

.nxarticle-conNav a, .nxarticle-conNav span {
    color: #666
}

.nxarticle-content {
    margin-top: 30px
}

.nxarticle-contentLeft {
    width: 20%;
    max-height: 100%;
    background: #fff;
    overflow-y: auto
}

.nxarticle-contentLeft li a {
    overflow: hidden;
    text-overflow: ellipsis
}

.nxarticle-contentLeft > span {
    display: block;
    width: 100%;
    font-size: 20px;
    color: #333;
    font-weight: 700;
    height: 56px;
    line-height: 56px;
    text-align: center;
    border-bottom: 3px solid #009c42;
    margin-bottom: 10px
}

.nxarticle-contentLeft > a {
    display: block;
    width: 100%;
    font-size: 20px;
    color: #333;
    font-weight: 700;
    height: 56px;
    line-height: 56px;
    text-align: center;
    border-bottom: 3px solid #009c42;
    margin-bottom: 10px
}

.nxarticle-contentLeft li a {
    text-align: center;
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #333
}

.nxarticle-contentLeft > li > a {
    border-bottom: 1px solid #f2f2f2;
    padding: 0 10%
}

.nxarticle-contentLeft li ul li a {
    font-size: 14px
}

.nxarticle-contentLeft li a.menuActive, .nxarticle-contentLeft li a:hover {
    font-weight: 700;
    color: #009c42;
    background: rgba(234, 246, 243, .56)
}

.nxarticle-contentLeft li a.menuActive {
    border-left: 3px solid #009c42
}

.nxarticle-contentLeft > li > a:hover i {
    border-color: #009c42
}

.icon-down, .icon-up .icon-up {
    float: right;
    margin: 25px 20% 0 -20%;
    width: 10px;
    height: 10px;
    border-right: 1px solid;
    border-top: 1px solid;
    border-color: #333;
    transform: translateY(-5px) rotate(135deg)
}

.icon-up {
    margin-top: 20px !important;
    border-color: #009c42 !important;
    transform: translateY(5px) rotate(-45deg) !important
}

.nxarticle-contentRight {
    width: 77%;
    background: #fff;
    background-image: url(../images/article_bg.png)
}

.nxarticle-contentRight .arrow-left {
    display: inline-block;
    margin-top: 0
}

.introduce-top {
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 0 5%;
    padding-top: 10px;
    background: url(../images/articleTitle_bg.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain
}

.introduce-title {
    width: 100%;
    min-height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #f2f2f2
}

.introduce-title h1 {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 20px;
    color: #333;
    font-weight: 700;
    text-align: center;
    word-break: break-all;
    white-space: normal
}

.nxarticle-contentRight .introduce-middle {
    width: 100%;
    margin: 0 auto;
    min-height: 50px;
    line-height: 50px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 16px;
    color: #666;
    white-space: normal
}

.nxarticle-contentRight .introduce-middle span {
    margin: 0 2%;
    display: inline-block;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis
}

.nxarticle-contentRight .introduce-middle span.publishDate {
    max-width: 45%
}

.introduce-content {
    width: 100%;
    padding: 0 5%;
    padding-bottom: 30px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 30px;
    color: #333;
    text-align: justify;
    white-space: normal;
    background: url(../images/articleTitle_bg1.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain
}

.introduce-content * {
    white-space: normal !important;
    font-size: unset;
    color: unset;
    list-style: initial
}

table {
    border-collapse: collapse
}

strong {
    font-size: unset;
    font-weight: 700
}

.introduce-content img, .introduce-content video {
    max-width: 100%;
    height: auto !important
}

.introduce-content p, .introduce-content span {
    white-space: normal;
    word-break: break-word
}

.introduce-content p strong {
    font-weight: 700
}

.listContainer {
    width: 100%;
    margin-top: 20px;
    background: #fff;
    padding: 1% 4%
}

.list-product {
    width: 100%;
    height: 90%;
    white-space: normal
}

.list-product li {
    width: 100%;
    height: 25%;
    padding: 10px 0
}

.list-product li a {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border-bottom: 1px dashed #ccc
}

.list-product li:last-child a {
    border-bottom: none
}

.list-left {
    display: inline-block;
    width: 80%;
    height: 90%
}

.list-left h1 {
    width: 90%;
    height: 45%;
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.list-left p {
    width: 90%;
    height: 30%;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 5px
}

.list-left span {
    color: #999
}

.list-right {
    display: inline-block;
    width: 20%;
    height: 90%;
    max-height: 120px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px
}

.list-right img {
    width: 100%;
    min-height: 90%;
    max-height: 100%
}

.productList {
    width: 100%
}

.productList > ul {
    display: flex;
    justify-content: space-between
}

.productList > ul > li {
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    height: 100%;
    margin-right: 40px
}

.productList > ul > li > a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    background: #f2f2f2;
    border-radius: 17.5px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis
}

.productList > ul > li.productActive > a {
    background: linear-gradient(90deg, #8fc31f 0, #009c42 100%);
    color: #fff
}

.productList-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px
}

.productList-list li {
    float: left;
    width: 50%;
    height: 188px;
    margin: 10px 0;
    display: flex;
    position: relative
}

.productList-list li > a {
    width: 50%;
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.productList-list li a img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.productList-list li > a > span {
    width: 100%;
    height: 42px;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 20px;
    color: #fff;
    background: rgba(0, 0, 0, .42);
    text-align: center
}

.productList-list li a .listTitle {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, .42)
}

.productList-list li div {
    width: 49%;
    height: 100%;
    margin-left: 1%;
    overflow: hidden;
    text-align: left;
    position: relative
}

.listicon1, .listicon2 {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(../images/nx-icon14.png);
    background-repeat: no-repeat;
    background-size: cover
}

.listicon2 {
    background-image: url(../images/nx-icon15.png)
}

.productList-list li div h1 .listTitle {
    color: #333;
    font-weight: 700
}

.productList-list li div p {
    padding-left: 20px;
    max-height: 50px;
    line-height: 25px;
    color: #666;
    white-space: normal;
    text-overflow: ellipsis
}

.productList-list li div p:first {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.productList-list li div h1 span {
    font-weight: 700
}

.productList-list li div .proMore {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 110px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin-left: 15px;
    border: 1px solid #333;
    color: #333;
    border-radius: 5px
}

.productList-list li div .proMore:hover {
    border: none;
    background: linear-gradient(180deg, #8fc31f 0, #009c42 100%);
    color: #fff
}

.lszxx .grfw-top a, .lszxx .grfw-top i, .lszxx .grfw-top span {
    color: #666
}

.lszxx .grfw-con {
    margin-top: 20px;
    width: 100%
}

.lszcontent {
    overflow-x: hidden;
    overflow-y: auto
}

.lszxx .wapTitle {
    margin-top: 0;
    background-image: url(../images/wapTitlebac.png);
    background-size: cover;
    background-repeat: no-repeat
}

.lszxx-form {
    width: 100%;
    height: 100%
}

.infoText {
    font-style: normal;
    font-size: 14px;
    color: #fe383f
}

.lszxx-form input {
    border: none
}

.lszxx-form input:focus {
    box-shadow: none
}

.lszxx-form input::-webkit-input-placeholder, .lszxx-form textarea::-webkit-input-placeholder {
    color: #9d9d9d;
    font-size: 14px
}

.lszxx-form input:-moz-placeholder, .lszxx-form textarea:-moz-placeholder {
    color: #9d9d9d;
    font-size: 14px
}

.lszxx-form input::-moz-placeholder, .lszxx-form textarea::-moz-placeholder {
    color: #9d9d9d;
    font-size: 14px
}

.lszxx-form input:-ms-input-placeholder, .lszxx-form textarea:-ms-input-placeholder {
    color: #9d9d9d;
    font-size: 14px
}

.lszxx-form ul li {
    display: flex
}

.lszxx-form ul li label {
    color: #333;
    line-height: 50px
}

.lszxx-type label {
    margin: 0 20px;
    position: relative;
    display: inline-block;
    font-weight: 400;
    color: #0c4757;
    padding-left: 25px;
    cursor: pointer
}

.lszxx-type label input {
    position: absolute;
    left: -9999px
}

.lszxx-type label i {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translatey(-50%);
    width: 16px;
    height: 16px;
    outline: 0;
    border: 1px solid #666;
    background: #fff;
    border-radius: 50%;
    transition: border-color .3s;
    -webkit-transition: border-color .3s
}

.lszxx-type label:hover i {
    border: 1px solid #009c42
}

.lszxx-type label input + i:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #009c42;
    opacity: 0;
    transition: opacity .1s;
    -webkit-transition: opacity .1s
}

.lszxx-type label input:checked + i {
    border: 1px solid #009c42
}

.lszxx-type label input:checked + i:after {
    opacity: 1
}

.lszxx-content {
    width: 100%
}

.lszxx-content div {
    width: 100%;
    height: 255px
}

.lszxx-content div textarea {
    width: 100%;
    height: 100%;
    background: #f2f2f2;
    padding: 2%;
    border: none;
    white-space: normal;
    outline: 0 !important;
    resize: none;
    border-radius: 10px
}

.lszxx-item {
    width: 50%
}

.lszxx-item div {
    width: 80%;
    height: 40px;
    line-height: 40px;
    background: #f2f2f2;
    border-radius: 20px;
    padding: 0 20px
}

.lszxx-item div input {
    width: 100%;
    height: 100%;
    background: #f2f2f2;
    vertical-align: baseline
}

.lszxx-tips {
    margin-top: 30px
}

.lszxx-tips p, .lszxx-tips span {
    font-size: 14px;
    color: #333;
    font-weight: 700
}

.lszxx-tips p {
    padding-left: 10px;
    font-weight: 400
}

.lszxx-tips p i {
    font-style: normal;
    font-size: 18px;
    color: #009c42
}

.lszxx-button {
    text-align: center
}

.lszxx-button a {
    display: inline-block;
    width: 170px;
    height: 40px;
    line-height: 40px;
    margin: 20px;
    text-align: center;
    border: none;
    background: #f4f4f4
}

.lszxx-button a.lszxx-submit {
    font-size: 20px;
    color: #fff;
    background-image: linear-gradient(180deg, #8fc31f 0, #009c42 100%);
    border-radius: 5px
}

.lszxx-jym {
    display: flex;
    align-items: center
}

.lszxx-item .lszxx-jym input {
    flex: 1
}

.lszxx-jym img {
    width: 80px;
    height: 30px;
    margin-right: 10px
}

.refresh-icon {
    background-image: url(../images/refresh-icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 24px;
    width: 24px;
    vertical-align: text-top;
    cursor: pointer
}

.list-title {
    display: block;
    width: 100%;
    height: 90px;
    line-height: 90px;
    text-align: center;
    font-size: 24px;
    color: #333;
    font-weight: 700
}

.list-content {
    padding: 5%;
    padding-top: 0
}

.list-content li {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px dashed #f2f2f2
}

.list-content li a {
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    font-size: 16px
}

.list-content li span {
    color: #999
}

.nxarticle-contentRight .pagination {
    height: 60px;
    line-height: 60px
}

.pagination {
    background: #fff;
    text-align: center;
    height: 100px;
    line-height: 100px
}

.pagination a, .pagination span {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: rgba(0, 0, 0, .65)
}

.pagination a.active, .pagination span.active {
    border: 1px solid #009c42;
    border-radius: 5px
}

.pagination .next, .pagination .prev {
    font-size: 18px
}

.pageDisabled {
    color: #ccc
}

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

.dialog-con {
    width: 30%;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 3%
}

.dialog-con h1 {
    font-weight: 700;
    white-space: normal;
    text-align: center
}

.dialog-con img {
    display: block;
    width: 50%;
    margin: 20px auto
}

.dialog-con span {
    display: block;
    cursor: pointer;
    margin: 0 auto;
    width: 200px;
    height: 50px;
    line-height: 50px;
    background: linear-gradient(180deg, #8fc31f 0, #009c42 100%);
    border-radius: 32.5px;
    color: #fff;
    text-align: center
}

.dialog-con i {
    position: absolute;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-style: normal;
    right: 5%;
    top: 5%;
    cursor: pointer;
    color: #ccc;
    border: 1px solid #ccc;
    border-radius: 50%;
    text-align: center
}

.risk-page .nxarticle-content .nxarticle-contentLeft li a.menuActive {
    box-sizing: border-box;
    font-weight: 700;
    color: #009c42;
    background: rgba(234, 246, 243, .56);
    border-left: 3px solid #009c42 !important
}

.risk-title {
    width: 100%;
    height: 90px;
    line-height: 90px;
    text-align: center;
    font-size: 24px;
    color: #333;
    font-weight: 700
}

.risk-wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 5% 0
}

.risk-con {
    width: 50%;
    margin: 0 auto
}

.risk-contentRight {
    width: 9%;
    height: 100%;
    float: right;
    text-align: center
}

.risk-content {
    width: 77%;
    background: #fff;
    height: 700px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: hidden;
    overflow-y: scroll
}

.risk-form {
    width: 100%;
    height: 100%;
    padding-left: 36px
}

.risk-submit {
    width: 146px;
    height: 40px;
    display: block;
    margin: 50px auto;
    line-height: 40px;
    text-align: center;
    background: #8fc31f;
    font-size: 20px;
    color: #fff;
    border: none
}

.risk-form input {
    border: none
}

.risk-form input:focus {
    box-shadow: none
}

.risk-form input::-webkit-input-placeholder, .risk-form textarea::-webkit-input-placeholder {
    color: #9d9d9d;
    font-size: 14px
}

.risk-form input:-moz-placeholder, .risk-form textarea:-moz-placeholder {
    color: #9d9d9d;
    font-size: 14px
}

.risk-form input::-moz-placeholder, .risk-form textarea::-moz-placeholder {
    color: #9d9d9d;
    font-size: 14px
}

.risk-form input:-ms-input-placeholder, .risk-form textarea:-ms-input-placeholder {
    color: #9d9d9d;
    font-size: 14px
}

.risk-form ul li label {
    color: #333;
    line-height: 35px
}

.risk-box {
    display: flex
}

.risk-box label input {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    padding: 0;
    background-color: #fff;
    border: 1px solid #666;
    border-radius: 50%;
    outline: 0;
    margin-right: 6px;
    cursor: pointer;
    margin-left: 0;
    transition: opacity .1s;
    -webkit-transition: opacity .1s
}

.risk-box label input:checked {
    background: url(../images/risk_checked.png) no-repeat center;
    border: 1px solid #009c42
}

.floatRight-wra {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 999
}

.floatRight-con {
    width: 100px
}

.floatRight-con a {
    display: block;
    width: 100%
}

.floatRight-con a div {
    margin: 0 auto;
    width: 40px;
    height: 40px;
    padding: 5px;
    background: #fff
}

.floatRight-con a div img {
    width: 100%;
    transition: all .2s linear
}

.floatRight-wra .floatRight-con a:hover div {
    background: #009c42;
    border: none !important
}

.floatRight-con a:hover div .img1 {
    display: none;
    transition: all .2s linear
}

.floatRight-con a:hover div .img2 {
    display: block;
    transition: all .2s linear
}

.floatRight-con a div .img2 {
    display: none
}

.floatRight-con a span {
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin: 10px auto;
    margin-top: 5px
}

.floatRight-con a span i {
    font-style: normal;
    font-size: 12px;
    transform: scale(.75);
    -webkit-transform-origin-x: 0;
    -webkit-transform: scale(.75);
    color: #999
}

.floatRight-wra .floatRight-con a {
    position: relative
}

.floatRight-wra .floatRight-con a .bubbleDialog {
    display: none;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) translateX(-100%)
}

.floatRight-wra .floatRight-con a .bubbleDialog section {
    display: inline-block;
    background: rgba(0, 0, 0, .4);
    position: relative;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #fff;
    padding: 0 10px
}

.floatRight-wra .floatRight-con a .bubbleDialog section::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent transparent transparent rgba(0, 0, 0, .4);
    transform: translateY(-50%) translateX(100%)
}

.floatRight-wra .floatRight-con a:hover .bubbleDialog {
    display: block
}

.lcmb-calculator .nxarticle-content .nxarticle-contentLeft li a.menuActive {
    box-sizing: border-box;
    font-weight: 700;
    color: #009c42;
    background: rgba(234, 246, 243, .56);
    border-left: 3px solid #009c42 !important
}

.lcmbCalculator-title {
    width: 100%;
    height: 90px;
    line-height: 90px;
    text-align: center;
    font-size: 24px;
    color: #333;
    font-weight: 700
}

.lcmbCalculator-wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 5% 0
}

.lcmbCalculator-con {
    width: 50%;
    margin: 0 auto
}

.lcmbCalculator-con li {
    display: flex;
    margin-bottom: 50px;
    position: relative
}

.lcmbCalculator-con li span {
    width: 100px;
    line-height: 30px
}

.lcmbCalculator-con li div {
    flex: 1;
    margin-left: 10px;
    height: 30px;
    line-height: 30px;
    display: flex;
    background: #f2f2f2;
    padding: 0 10px;
    border-radius: 5px
}

.lcmbCalculator-con li div input {
    flex: 1;
    display: inline-block;
    border: none;
    height: 30px;
    line-height: 30px;
    background: #f2f2f2;
    margin-left: 20px
}

.lcmbCalculator-con li div input:focus {
    box-shadow: none
}

.lcmbCalculator-con li div i {
    font-style: normal;
    font-size: 14px;
    color: #333
}

.lcmbCalculator-con li p {
    position: absolute;
    bottom: -30px;
    left: 120px;
    font-size: 12px;
    color: #fe383f
}

.lcmbCalculator-con li:last-child p {
    color: #9d9d9d
}

.lcmbCalculator-con li a {
    display: inline-block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    color: #009c42;
    text-align: center;
    border-radius: 5px
}

.lcmbCalculator-con li a.button1 {
    width: 150px;
    margin-left: 15px;
    font-size: 20px;
    color: #fff;
    background: linear-gradient(180deg, #8fc31f 0, #009c42 100%);
    border-radius: 5px
}

.lcmbCalculator-con li:last-child input {
    color: #8fc31f
}

.question-container .question-item {
    position: relative;
    margin-bottom: 20px
}

.question-container .question-item .question-num {
    padding: 0 5px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    background: #8fc31f;
    border-radius: 9px;
    margin-top: 12px;
    position: absolute;
    height: 40px;
    line-height: 40px
}

.question-container .question-item .right {
    position: relative;
    top: 0;
    left: 60px;
    width: calc(100% - 60px);
    font-size: 16px;
    padding: 20px;
    line-height: 30px;
    color: #333;
    background: #fafafa;
    border-radius: 5px
}

.question-container .question-item .right .left-icon {
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid;
    left: -38px;
    top: 32px;
    margin: 0;
    padding: 0;
    transform: translate(100%, -50%);
    border-color: transparent #fafafa transparent transparent
}

.question-container .question-item .right .title {
    font-size: 20px;
    font-weight: 700;
    padding: 0;
    margin: 0
}

.question-container .question-item .right .ask {
    padding: 0;
    margin: 0
}

.qa-list-title {
    display: block;
    width: 100%;
    height: 90px;
    line-height: 90px;
    text-align: center;
    font-size: 24px;
    color: #333;
    font-weight: 700;
    background-image: url(../images/wapTitlebac.png);
    background-repeat: no-repeat;
    background-size: cover
}

.qa-list-content {
    margin-bottom: 30px;
    padding: 0 5%
}

.qa-list-content li {
    line-height: 50px;
    padding-top: 20px;
    vertical-align: middle
}

.qa-list-content li samp {
    width: 36px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    background: #8fc31f;
    border-radius: 9px;
    margin-top: 18px;
    position: relative
}

.qa-list-content li span {
    width: 36px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    background: #8fc31f;
    border-radius: 9px;
    position: relative
}

.qa-list-content li div {
    width: 90%;
    margin-left: 20px;
    font-size: 16px;
    padding: 20px;
    line-height: 30px;
    color: #333;
    background: #fafafa;
    border-radius: 5px
}

.qa-list-content li samp::before, .qa-list-content li span::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid;
    right: 0;
    top: 50%;
    transform: translate(100%, -50%);
    border-color: transparent #fafafa transparent transparent
}

.qa-list-content li div p {
    white-space: normal
}

.small-tools-income-from {
    text-align: center;
    align-content: center
}

.small-tools-income-from span {
    margin-left: 42px
}

.small-tools-wrap {
    width: 100%;
    max-height: fit-content;
    overflow-y: auto
}

.input_control {
    width: 360px;
    margin: 20px auto
}

.small-tools-input {
    position: relative;
    display: inline-block;
    border-radius: 5px;
    width: 258px;
    background: #f2f2f2
}

.small-tools-input-bg {
    width: 90%;
    margin: 0 auto;
    min-height: 50px;
    line-height: 50px;
    margin-bottom: 40px;
    text-align: center;
    font-size: 16px;
    color: #666;
    white-space: normal
}

.small-tool-input-css {
    display: inline-block;
    width: 214px;
    height: 31px;
    background-color: #f2f2f2;
    border: none;
    outline: medium;
    padding-left: 10px;
    border-radius: 5px;
    top: auto
}

::-webkit-input-placeholder {
    font-size: 14px;
    color: #9d9d9d;
    font-weight: 400
}

::-moz-placeholder {
    font-size: 14px;
    color: #9d9d9d;
    font-weight: 400
}

:-ms-input-placeholder {
    font-size: 14px;
    color: #9d9d9d;
    font-weight: 400
}

.floatRight-con .wap, .wap {
    display: none !important
}

.wapMenu {
    display: inline-block;
    width: 6vw;
    height: 6vw
}

.wapHeader {
    flex: 1;
    text-align: center;
    transition: all 1s ease-in-out;
    position: relative
}

.waplogo {
    max-height: 4.048vh
}

.wapCsearch {
    width: 4vw;
    height: 4vw;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.wapSearch {
    display: flex;
    padding-left: 10%
}

.waplogo1 {
    height: 7.4667vw;
    margin-left: 5%
}

.wapSearch-con {
    flex: 1;
    display: flex;
    align-items: center;
    margin: 0 1.3333vw;
    padding: 0 3%;
    border-radius: 4vw;
    background: #eee
}

.wapSearch-con input {
    flex: 1;
    border: none;
    background: 0 0;
    margin-left: 1.3333vw;
    height: 100%
}

.wapSearch-con input:focus {
    outline: 0 !important;
    border-color: #719ece;
    box-shadow: none
}

.wapSearch-con input::-webkit-input-placeholder {
    font-size: 3vw;
    color: #999;
    margin: 0 auto
}

.wapButton {
    width: 14.6667vw;
    height: 7.4667vw;
    line-height: 7.4667vw;
    font-size: 3.2vw;
    border: none;
    border-radius: 4vw;
    color: #fff;
    background: linear-gradient(90deg, #8fc31f 0, #009c42 100%)
}

.wapFooter {
    margin-top: 4vw;
    background: #fff
}

.wapFooter .header-topRight {
    width: 100%;
    height: 13.3333vw;
    line-height: 13.3333vw;
    justify-content: center
}

.wapFooter .header-topRight a {
    font-size: 2.9333vw;
    color: #666;
    font-weight: 500
}

.wapFooter .footer-QRcode {
    padding: 0 5%
}

.wapFooter .footer-QRcode li {
    margin-left: 0;
    flex: 1;
    margin: 0 1.3333vw
}

.wapFooter .footer-QRcode li span {
    font-size: 2.6667vw;
    color: #666;
    margin: 0
}

.wapFooter .footer-link {
    width: 100%;
    max-width: 100%;
    padding: 0 4%;
    height: 13.3333vw;
    line-height: 13.3333vw
}

.wapFooter .footer-link a {
    font-size: 2.9333vw
}

.wapFooter .footer-content {
    margin: 0;
    padding: 4%;
    text-align: center
}

.wapFooter .footer-content span {
    font-size: 2.1333vw;
    line-height: 5vw;
    white-space: normal
}

.wapFooter .footer-content span a {
    font-size: 2.1333vw;
    color: #666
}

.wapFooter .footer-content span a img {
    width: 3.5vw
}

.wapNav {
    width: 100%;
    height: 94vh;
    background: #fff;
    position: relative
}

.wapNav-sl {
    width: 30%;
    height: 100%;
    background: #f4f4f4
}

.wapNav-sl > span {
    display: block;
    width: 100%;
    height: 13.3333vw;
    line-height: 13.3333vw;
    text-align: center
}

.wapNav-srMore {
    width: 100%;
    height: 10vw;
    line-height: 10vw;
    text-align: right;
    border-bottom: 1px solid #ccc
}

.wapNav-srMore a {
    font-size: 3.2vw;
    color: #999
}

.wapNav-srMore a .arrow-right {
    display: inline-block;
    border-color: #999;
    margin-top: 0;
    width: 2vw;
    height: 2vw;
    margin-left: .5333vw;
    transform: rotate(45deg) translateX(-15%)
}

.moreArrow-right {
    border-color: #333
}

.wapNav-sl > span > i {
    font-style: normal;
    font-size: 4vw;
    color: #333
}

.wapNav-sl > span > a > i {
    font-size: 4vw
}

.wapNav-sl > span:first-child i::before {
    display: none
}

.wapNav-active i {
    background: #fff
}

.wapNav-active > i::after, .wapNav-active > i::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-image: url(/resource/template/gznxTemplate/images/wap-icon2.png);
    background-repeat: repeat;
    background-size: cover;
    right: 0
}

.wapNav-active i::before {
    top: -10px
}

.wapNav-active i::after {
    bottom: -10px;
    z-index: 1;
    transform: rotate(-90deg)
}

.wapNav-active .wapNav-sr {
    display: block
}

.wapIcon {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    font-style: normal
}

.wapNav-sr {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 70%;
    height: 100%;
    padding: 0 5%;
    background: #fff;
    overflow-y: auto;
    padding-bottom: 10%
}

.wapNav-list {
    width: 100%
}

.wapNav-list h1 {
    display: flex;
    align-items: center
}

.wapNav-list h1 img {
    width: 4vw;
    height: 4vw;
    margin-right: 1vw
}

.wapNav-list h1 span {
    font-size: 4vw;
    color: #333;
    font-weight: 500;
    margin-left: 10px;
    display: flex;
    align-items: center
}

.wapNav-list ul {
    display: flex;
    flex-wrap: wrap
}

.wapNav-list ul li {
    min-width: 50%;
    text-align: left
}

.wapNav-list ul li a {
    font-size: 3.4667vw;
    color: #333
}

.wapNav-list ul li img {
    width: 2.9333vw;
    height: 2.9333vw
}

.wapNav-tips {
    width: 100%;
    padding-bottom: 20vw
}

.wapNav-tips a img {
    width: 100%
}

.wapNav-tips .wapNav-tipsList {
    line-height: 8vw;
    white-space: normal;
    text-align: left
}

.wapNav-tips .wapNav-tipsList a {
    font-size: 2.6667vw;
    color: #666;
    padding: 5px 10px;
    background: #f4f4f4;
    border-radius: 16.5px
}

.wapicons {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    width: 2.6667vw;
    height: 2.6987vh;
    animation: move;
    -webkit-animation: move;
    animation-name: move;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

.wapicon {
    display: block;
    width: 2.6667vw;
    height: 2.6667vw;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(135deg)
}

.wapicon2 {
    transform: rotate(135deg) translateY(30%) translateX(-30%);
    opacity: .8
}

.wapicon3 {
    transform: rotate(135deg) translateY(60%) translateX(-60%);
    opacity: .6
}

.wap-delay-1s {
    animation-delay: .1s
}

.wap-delay-2s {
    animation-delay: .2s
}

@keyframes move {
    0% {
        transform: translateY(-100%);
        opacity: 1
    }
    25% {
        transform: translateY(-75%);
        opacity: .9
    }
    50% {
        transform: translateY(-50%);
        opacity: .8
    }
    75% {
        transform: translateY(-25%);
        opacity: .7
    }
    100% {
        transform: translateY(0);
        opacity: .2
    }
}

@media screen and (max-width: 1700px) {
    .header-cyjg .header-cyjgList::before {
        left: 32%
    }
}

@media screen and (max-width: 1600px) {
    .header-cyjg .header-cyjgList::before {
        left: 36%
    }

    .nxTzlc .nxgrfw-text .nxgrfw-area {
        margin: 10% auto
    }
}

@media screen and (max-width: 1400px) {
    .nxTzlc .nxgrfw-text .nxgrfw-area {
        margin: 5% auto
    }
}

@media screen and (max-width: 1300px) {
    .header-cyjg .header-cyjgList::before {
        left: 37%
    }

    .grfw-wrap {
        padding: 15% 0;
        padding-bottom: 0
    }

    .bottom-wrap {
        width: 100%
    }
}

@media screen and (max-width: 1200px) {
    .header-cyjg .header-cyjgList::before {
        left: 38%
    }

    .nxTzlc .nxgrfw-text .nxgrfw-area {
        padding: 10% auto
    }

    .bottom-wrap li {
        width: 260px
    }
}

@media screen and (max-height: 870px) {
    .nxDk .nxgrfw-text .dkStyle3 {
        margin-top: 10%
    }

    .grfwBox {
        min-height: 730px
    }
}

@media screen and (max-height: 729px) {
    .nxdt-text {
        margin: 10px 0
    }
    .notice-comp li a, .text-content li a{
        margin-bottom: 7px!important;
    }
    .nxdt-section1Con li a .section1ConLeft {
        height: 90px
    }

    .zxdt-listRight li {
        height: auto;
        line-height: 50px
    }

    .nxdt-section1til {
        height: 55px;
        line-height: 55px
    }

    .nxgrfw-desc {
        padding-bottom: 0
    }

    .nxyhhd-con {
        margin-top: 10px
    }

    .footer-contentLeft {
        width: 30%
    }

    .nxdt-section1, .nxdt-section2 {
        height: 365px
    }

    .grfwBox {
        min-height: 600px
    }
}

@media screen and (max-height: 791px) and (min-width: 950px) and (max-width: 1920px) {
    .nxdt-text {
        padding-bottom: 0
    }

    .index-common {
        top: 17%;
        transform: scale(.8)
    }

    .grfw-wrap {
        padding: 12% 0
    }

    .lszxx .grfw-con {
        margin-top: 3% !important
    }

    .nxgrfw-item.ckItem .nxgrfw-text a {
        margin-top: 5%
    }
}

@media screen and (min-width: 1367px) {
    .index-common {
        width: 70%;
        top: 15%;
        left: 15%
    }

    .bottom-wrap, .header-list, .header-top, .notice-con, .nx-footer, .swiper-list {
        width: 80%
    }

    .grfw-wrap {
        width: 80%;
        left: 15%
    }

    .link-box {
        right: 15%
    }

    .nxqyfw .nxgrfw-wrapper {
        height: 100%
    }

    .common-swiper {
        width: 70%;
        left: 15%
    }

    .index-common {
        width: 66%;
        top: 22%;
        left: 17%
    }

    .nxTzlc .nxgrfw-text .nxgrfw-area .tzlcStyle2 h2 {
        font-size: 1vw
    }
}

@media screen and (max-width: 1366px) {
    .bottom-wrap {
        width: 100%
    }
}

@media screen and (max-width: 950px) {
    * {
        font-size: 3.4667vw
    }

    a {
        -webkit-tap-highlight-color: transparent
    }

    .floatRight-con .wap, .wap {
        display: block !important
    }

    .wapcon {
        display: flex;
        align-items: center;
        padding: 0 4%;
        height: 12vw
    }

    .pc {
        display: none !important
    }

    .index-wrap {
        overflow-y: auto
    }

    .index-con {
        top: 4%
    }

    .header-wrapper {
        border-bottom: none
    }

    .nav-wrapper {
        z-index: 999;
        top: 12vw
    }

    .grfw-backg {
        height: 100%;
        position: relative
    }

    .grfw-wrap {
        padding-top: 12%
    }

    .swiper-container1 {
        position: relative;
        height: 52vw;
        overflow: hidden;
        margin-top: 4vw
    }

    .swiper-pagination1 span {
        width: 2vw;
        height: 2vw;
        margin: 2vw 0
    }

    .swiper-pagination1 .swiper-pagination-bullet-active::after {
        width: 3vw;
        height: 3vw;
        transform: translate(-25%, -25%)
    }

    .common-wrap {
        width: 90%
    }

    .swiper-list {
        position: absolute;
        position: absolute;
        top: 0;
        left: 0;
        margin-top: 0;
        width: 100%
    }

    .swiper-list h1 {
        text-align: center;
        font-size: 5.0667vw;
        letter-spacing: 10px;
        height: 7.3333vw;
        line-height: 7.3333vw;
        margin-top: 25vw;
        padding: 0 4%;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .swiper-list p {
        width: 100%;
        text-align: center;
        font-size: 2.9333vw;
        margin-top: 0;
        padding: 0 4%;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .click-more-icon {
        border-width: .9333vw
    }

    .wapCommon {
        position: relative;
        width: 100%;
        min-height: 26vw;
        height: 26vw;
        margin-top: 4vw;
        border-radius: 5px;
        background: rgba(255, 255, 255, .8);
        z-index: 99;
        border-top: 1px solid #f2f2f2
    }

    .common-wapWrap {
        width: 90%;
        height: 120%;
        margin: 0 auto;
        border-top: #f2f2f2;
        padding-top: 5%;
        overflow-x: hidden;
        position: relative;
        z-index: 99
    }

    .common-wapWrap .swiper-wrapper {
        z-index: 99
    }

    .common-wapWrap .swiper-wrapper li ul li {
        overflow: hidden;
        text-overflow: ellipsis
    }

    .wapWrap-pagination {
        position: absolute;
        top: auto;
        bottom: 30%;
        left: 50%;
        transform: translateX(-50%);
        z-index: 9
    }

    .wapWrap-pagination .swiper-pagination-bullet {
        background: #009c42;
        margin-left: 1.3333vw
    }

    .wapWrap-pagination .swiper-pagination-bullet-active {
        width: 3vw;
        border-radius: 20px;
        background: #00993e
    }

    .common-wapWrap img {
        display: block;
        margin: 0 auto;
        max-width: 8vw;
        height: 8vw;
        width: 100%
    }

    .common-wapWrap h1 {
        font-size: 3.2vw;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center
    }

    .common-wapWrap .cygnMore {
        text-align: center;
        margin: 0 auto;
        background: rgba(255, 255, 255, .8)
    }

    .common-wapWrap .cygnMore a {
        font-size: 2.4vw
    }

    .common-wapWrap .click-more-icon {
        margin-left: 0
    }

    .wapFirst {
        padding-bottom: 13.2vw
    }

    .index-notice {
        background: #fff
    }

    .index-notice, .notice-con {
        height: 13.2vw;
        line-height: 13.2vw
    }

    .notice-con {
        width: 90%
    }

    .index-notice .swiper-wrapper .title {
        font-size: 3.2vw;
        display: inline-block;
        width: 55%;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #333
    }
    .index-notice .swiper-wrapper a{
        color: #333
    }

    .index-notice .swiper-wrapper .wap {
        display: inline-block !important
    }

    .index-notice .swiper-wrapper a.notice-more {
        width: 12%
    }

    .index-notice .swiper-wrapper span {
        font-size: 2.6667vw;
        padding-left: 0;
        color: #666
    }

    .wapGrfw {
        background: #fff;
        margin-top: 50px;
        position: relative;
        padding-bottom: 20px
    }

    .wapGrfw .nxgrfw-title {
        height: 7.4963vh;
        line-height: 7.4963vh;
        text-align: left;
        padding: 0 4%;
        font-size: 4.2667vw;
        color: #323d33;
        font-weight: 700;
        border-bottom: 1px solid #f2f2f2
    }

    .wapNxgrfw-con, .wapNxgrfw-items {
        padding: 0 4%
    }

    .wapNxgrfw-con li {
        display: inline-block;
        padding: 4%;
        padding-left: 0
    }

    .wapNxgrfw-con li span {
        height: 3.7481vh;
        line-height: 3.7481vh;
        font-size: 3.7333vw;
        color: #333;
        font-weight: 500;
        padding-bottom: 10px
    }

    .wapNxgrfw-con li.nxgrfw-active span {
        color: #009c42;
        font-weight: 700
    }

    .wapNxgrfw-con .wapMore {
        display: none;
        position: absolute;
        right: 4%;
        top: 3.7481vh;
        transform: translateY(-50%)
    }

    .wapNxgrfw-con .arrow-right {
        width: 3vw;
        height: 3vw;
        border-color: #000;
        transform: rotate(45deg) translate(-10px, 0)
    }

    .wapNxgrfw-con .nxgrfw-active .wapMore {
        display: block
    }

    .nxDk .nxgrfw-text .dkStyle2 {
        font-size: 4vw
    }

    .nxDk .nxgrfw-text .dkStyle3 {
        font-size: 3vw !important
    }

    .nxDk .nxgrfw-text .dkStyle4 {
        margin-top: 1vw
    }

    .wapCkNew, .wapTzlcNew {
        border: 1px solid #f2f2f2;
        box-shadow: 0 0 4px 0 rgb(214 214 214 / .5);
        width: 100%;
        min-height: 27vw;
        border-radius: 5px;
        font-size: 0;
        margin-bottom: 1.5%;
        text-align: center
    }

    .wapCkNew:first, .wapTzlcNew:first {
        margin-top: 3%
    }

    .wapCkNew .wapCkNew-right *, .wapTzlcNew * {
        overflow: hidden;
        text-overflow: ellipsis
    }

    .wapCkNew-left, .wapCkNew-right {
        display: inline-block;
        width: 30%;
        height: 100%;
        padding: 8% 2%;
        text-align: center
    }

    .wapCkNew-left {
        padding-right: 0
    }

    .wapCkNew-right {
        width: 70%;
        padding-left: 0
    }

    .wapCkNew-left h1 {
        font-size: 4.2667vw;
        color: #fe383f;
        font-weight: 700;
        margin-bottom: 2vw
    }

    .wapCkNew-left span {
        font-size: 3.2vw;
        color: #666;
        text-align: center
    }

    .wapCkNew-right h1 {
        font-size: 4.2667vw;
        color: #333;
        font-weight: 500;
        margin-bottom: 2vw
    }

    .wapCkNew-right p {
        font-size: 3.2vw;
        color: #666
    }

    .wapDkNew .wapCkNew-left {
        width: 30%
    }

    .wapDkNew .wapCkNew-right {
        width: 70%
    }

    .wapTzlcNew .wapTzlcNew-top {
        width: 100%;
        padding: 4% 5%;
        font-size: 4.2667vw;
        color: #333;
        font-weight: 500;
        padding-bottom: 2%;
        text-align: left
    }

    .wapTzlcNew-bottom {
        padding: 0 5%;
        font-size: 0;
        padding-bottom: 4%
    }

    .wapTzlcNew-bottomL, .wapTzlcNew-bottomR {
        display: inline-block;
        width: 50%;
        text-align: left
    }

    .wapTzlcNew-bottomL h1 {
        font-size: 4.2667vw;
        color: #fe383f;
        text-align: left;
        font-weight: 700;
        margin-bottom: 1vw
    }

    .wapTzlcNew-bottomL span {
        font-size: 3.2vw;
        color: #666;
        text-align: left
    }

    .wapTzlcNew-bottomR h1 {
        font-size: 3.7333vw;
        color: #333;
        margin: 1vw 0;
        padding: 0 5%
    }

    .wapTzlcNew-bottomR p {
        font-size: 3.2vw;
        color: #666;
        border-radius: 2px;
        background: #eef8f2;
        padding: 2% 5%;
        width: fit-content
    }

    .wapCk {
        border: 1px solid #ccc;
        text-align: center;
        border-radius: 5px;
        margin: 1.4993vh 0;
        background-image: url(../images/nxgrfw-item_bak1.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 100%;
        box-shadow: 0 0 11px 0 #d6d6d6
    }

    .wapCk-text {
        padding: 0 10%
    }

    .wapCk-text h1 {
        font-size: 4.8vw;
        color: #333;
        font-weight: 700;
        margin-top: 10%
    }

    .wapCk-text p, .wapCk-text span {
        font-size: 3.4667vw;
        color: #666;
        margin: 2.6667vw 0;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .wapCk-text h2 {
        font-size: 5.6vw;
        color: #fe383f;
        font-weight: 700;
        margin-top: 5%;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .wapDk .wapCk-text h2 {
        margin-top: 0
    }

    .wapCk-text h2:last-child {
        margin-top: 0
    }

    .wapCk-text a, .wapKyw {
        display: block;
        margin: 5% auto;
        text-align: center;
        width: 26.6667vw;
        padding: 3% 0;
        background: linear-gradient(180deg, #8fc31f 0, #009c42 100%);
        border-radius: 5px;
        font-size: 4vw;
        color: #fff;
        font-weight: 400
    }

    .wapKyw {
        margin: 5% auto;
        margin-bottom: 0
    }

    .card-listTop span, .wapCk .wapCk-text .ckStyle1, .wapDk .wapCk-text .dkStyle1, .wapTzlc .wapCk-text .tzlcStyle1 {
        font-size: 4.8vw;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 400
    }

    .wapTzlc .wapCk-text .tzlcStyle1 {
        white-space: normal
    }

    .wapDk .wapCk-text .dkStyle3 {
        font-size: 2.9333vw;
        color: #666;
        font-weight: 400
    }

    .wapTzlc .wapCk-text .nxgrfw-area {
        position: relative;
        width: 70%;
        height: 21.3333vw;
        margin: 5% auto;
        margin-left: 7%;
        background: #f2f2f2;
        border-radius: 100px 0 0 100px
    }

    .wapTzlc .wapCk-text .nxgrfw-area p {
        white-space: normal;
        position: absolute;
        left: 10%;
        top: 50%;
        transform: translateY(-50%);
        width: 60%;
        margin: 0;
        line-height: 5.3333vw;
        font-size: 3.7333vw;
        color: #666
    }

    .nxTzlc .nxgrfw-text .nxgrfw-area .nxgrfw-areaLeft {
        padding-top: 5%
    }

    .wapTzlc .wapCk-text .nxgrfw-area .nxgrfw-areaLeft {
        padding-top: 7%;
        text-align: left;
        padding-left: 20%
    }

    .nxTzlc .nxgrfw-text .nxgrfw-area .tzlcStyle2 h2 {
        font-size: 4vw
    }

    .nxTzlc .nxgrfw-text .nxgrfw-area .tzlcStyle2 span {
        font-size: 1.6vw
    }

    .nxTzlc .nxgrfw-text .nxgrfw-area .nxgrfw-areaLeft div {
        font-size: 1.8667vw
    }

    .wapTzlc .wapCk-text .nxgrfw-areaCir {
        position: absolute;
        right: -20%;
        top: 0;
        width: 21.3333vw;
        height: 21.3333vw;
        border-radius: 100%;
        background: #fafafa;
        text-align: center
    }

    .wapTzlc .wapCk-text .nxgrfw-areaCir h2 {
        margin-top: 20%
    }

    .wapGrfw .card-list {
        border: 1px solid #f2f2f2;
        box-shadow: 0 0 4px 0 rgb(214 214 214 / 50%);
        border-radius: 5px;
        margin: 1.4993vh 0;
        padding: 0 5%;
        padding-top: 3%
    }

    .card-listBleft, .card-listBright {
        height: auto;
        width: 50%
    }

    .card-listBright {
        padding-left: 2%
    }

    .card-listBleft img {
        width: 100%;
        height: auto
    }

    .wapGrfw .card-listBright p span {
        line-height: 4.2667vw
    }

    .card-listBright p i {
        margin: 1.3333vw .6667vw 0 0
    }

    .card-listBottom {
        margin-bottom: 5.3333vw
    }

    .wapQ-items .nxqyfw-item {
        padding-top: 75%;
        margin: 1.5% 0;
        border-radius: 5px;
        box-shadow: 0 0 4px 0 rgb(214 214 214 / .5)
    }

    .nxqyfw-item .nxqyfw-itemBot {
        height: 30%;
        border: none
    }

    .wapQ-items .nxqyfw-item .nxqyfw-itemBot .nxqyfw-itemCon h1 {
        font-size: 4vw;
        color: #333;
        font-weight: 700;
        line-height: 4vw
    }

    .wapQ-items .nxqyfw-item .nxqyfw-itemBot .nxqyfw-itemCon span {
        font-size: 3.2vw;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        line-height: unset;
        height: unset;
        margin-top: 1vw
    }

    .wapYhhd {
        background: #fff;
        width: 100%;
        top: 5%;
        left: 0;
        position: relative;
        margin-top: 4vw
    }

    .wapYhhd .nxgrfw-title {
        height: 7.4963vh;
        line-height: 7.4963vh;
        text-align: left;
        font-size: 4vw;
        color: #323d33;
        font-weight: 700;
        padding: 0 4%;
        border-bottom: 1px solid #f2f2f2;
        position: relative
    }

    .wapYhhd .nxgrfw-title .wapMore {
        position: absolute;
        right: 4%;
        top: 50%;
        transform: translateY(-50%)
    }

    .wapYhhd .wapMore .arrow-right {
        width: 3vw;
        height: 3vw;
        border-color: #000;
        transform: rotate(45deg) translate(-10px, 0)
    }

    .wapYhhd .nxyhhd-con {
        padding: 4%;
        flex-wrap: wrap;
        max-height: 1000px;
        margin: 0
    }

    .wapYhhd .nxyhhd-con .nxyhhd-swiper {
        width: 100%;
        height: 50vw;
        margin-bottom: 2.6667vw;
        border-radius: 5px
    }

    .nxyhhd-linkLeft {
        margin-left: 0;
        margin-right: 1.3333vw
    }

    .yhhd-pagination .swiper-pagination-bullet-active {
        width: 4vw;
        border-radius: 20px
    }

    .wapList-yhhd a .list-left {
        width: 65%;
        height: 90%
    }

    .wapList-yhhd a .list-left h1 {
        font-size: 4.2667vw;
        margin-bottom: 1vw;
        width: 100%
    }

    .wapList-yhhd a .list-left p {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        font-size: 3.4667vw
    }

    .wapList-yhhd a .list-left span {
        font-size: 2.9333vw
    }

    .wapList-yhhd a .list-right {
        width: 35%;
        height: 100%;
        max-height: 15vw;
        margin-bottom: 0
    }

    .wapyhhd {
        width: 100%;
        padding: 4%;
        padding-bottom: 1%
    }

    .wapyhhd li {
        display: inline-block;
        height: 3.7481vh;
        margin-right: 6.6667vw
    }

    .wapyhhd li span {
        display: block;
        height: 100%;
        font-size: 3.4667vw;
        color: #323d33;
        font-weight: 500;
        padding-bottom: 6vw
    }

    .wapyhhd li .wapMore {
        display: none !important;
        position: absolute;
        top: 3%;
        right: 4%;
        transform: translateY(30%)
    }

    .wapyhhd li.nxgrfw-active span {
        color: #009c42;
        font-weight: 700
    }

    .wapyhhd li.nxgrfw-active .wapMore {
        display: block !important
    }

    .wapyhhdList {
        padding: 0 4%
    }

    .wapnxdt-swiper {
        height: 60vw;
        overflow: hidden;
        position: relative
    }

    .wapnxdt-swiper a {
        display: block;
        width: 100%;
        height: 100%
    }

    .wapnxdt-swiper img {
        width: 100%
    }

    .wapnxdt-swiper .swiper-slide a span {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 6vw;
        line-height: 6vw;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #fff;
        background: rgba(0, 0, 0, .43);
        padding: 0 4%
    }

    .wapnxdt-swiper .wapnxdt-pagination {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 7vw;
        text-align: center;
        z-index: 999
    }

    .wapnxdt-swiper .swiper-pagination-bullet {
        margin: 0 1.0667vw;
        background: rgba(255, 255, 255, .6);
        width: 1.7333vw;
        height: 1.7333vw
    }

    .wapnxdt-swiper .swiper-pagination-bullet-active {
        background: #fff
    }

    .wapyhhdList > ul > li {
        height: 10vw;
        line-height: 10vw
    }

    .wapyhhdList > ul > li p {
        display: inline-block;
        width: 70%;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 3.4667vw
    }
    .wapyhhdList .wapyhhd-news > li p {
        width: 100%;
    }
    .wapyhhdList > ul > li span {
        display: inline-block;
        width: 29%;
        text-align: right;
        font-size: 2.9333vw;
        color: #999
    }

    .wapTitle {
        margin-top: 6.5967vh;
        width: 100%;
        height: 11.4667vw;
        line-height: 11.4667vw;
        text-align: center
    }

    .wapTitle span {
        font-size: 4.2667vw;
        color: #333;
        padding-bottom: 1.3333vw
    }

    .wapTitle span::after {
        display: none !important
    }

    .wapList {
        width: 100%;
        padding: 4%;
        background: #fff;
        box-shadow: 0 -1px 2px 0 #d6d6d6;
        border-radius: 20px 20px 5px 5px
    }

    .wapList li {
        border-bottom: 1px dashed #ccc;
        width: 100%;
        padding: 1% 0;
        padding-bottom: 3%;
        margin-bottom: 1.4993vh
    }

    .wapList li:last-child {
        border-bottom: none
    }

    .wapList li p {
        white-space: normal;
        width: 70%;
        max-height: 5.5472vh;
        line-height: 2.7736vh;
        font-size: 3.4667vw;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        word-break: break-all
    }

    .wapList li div {
        width: 17.7333vw;
        height: 5.5472vh;
        border-radius: 5px;
        overflow: hidden
    }

    .wapList li div img {
        width: 100%;
        max-height: 100%
    }

    .wapList li span {
        font-size: 2.9333vw;
        color: #999
    }

    .wapClickMore {
        width: 100%;
        height: 9.3333vw;
        line-height: 9.3333vw;
        background: #f4f4f4;
        text-align: center
    }

    .wapClickMore span {
        font-size: 3.4667vw;
        color: #ccc;
        text-align: justify
    }

    .introduce-content {
        width: 100%;
        overflow: auto;
        padding: 0;
        min-height: 115vw;
        padding-bottom: 5%
    }

    .introduce-content::-webkit-scrollbar {
        width: 0 !important;
        display: none;
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none
    }

    .introduce-content * {
        list-style: inside
    }

    .introduce-title h1 {
        line-height: 9vw
    }

    .introduce-wrap {
        max-height: max-content
    }

    .wapArticleList {
        width: 100%;
        overflow-x: auto;
        scrollbar-width: none
    }

    .wapArticleList::-webkit-scrollbar {
        display: none
    }

    .wapArticleList li {
        display: inline-block;
        margin: 0 3%
    }

    .wapArticleList li.wap {
        display: inline-block !important
    }

    .wapArticleList li a {
        border: none;
        font-size: 4.2667vw
    }

    .nxarticle-contentRight {
        width: 100%
    }

    .showDialog.showActive {
        color: #009c42;
        position: relative
    }

    .showActive::after {
        content: "";
        width: 100%;
        position: absolute;
        left: 10%;
        bottom: 10%;
        border: 1px solid #009c42
    }

    .dialog-con {
        width: 80%;
        position: fixed;
        margin: 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .dialog-con i.closeIcon {
        display: none
    }

    .dialog-con h1 {
        font-size: 4.8vw;
        padding: 4%
    }

    .dialog-con span {
        font-size: 4vw;
        color: #fff;
        width: 30vw;
        height: 10vw;
        line-height: 10vw
    }

    .lszxx {
        width: 100%;
        left: 0;
        top: 5%;
        height: auto
    }

    .lszxx .grfw-con {
        box-shadow: 0 -1px 2px 0 #d6d6d6;
        border-radius: 20px 20px 5px 5px;
        margin-top: 0;
        background: #fff;
        padding: 4%
    }

    .lszxx .lszxx-type {
        white-space: normal;
        display: inline-block;
        width: 80%;
        vertical-align: top
    }

    .lszxx-type label {
        margin: 0 1.3333vw
    }

    .lszxx-form ul li label {
        font-size: 3.4667vw;
        line-height: 10vw
    }

    .lszxx-form ul li {
        display: block
    }

    .lszxx-form ul li .lszxx-item {
        width: 100%
    }

    .lszxx-item div {
        width: 100%;
        border-radius: 5px
    }

    .lszxx-content div textarea {
        padding: 4%
    }

    .lszxx-form .lszxx-tips p {
        white-space: normal
    }

    .lszxx-tips p, .lszxx-tips p i, .lszxx-tips span {
        font-size: 3.2vw
    }

    .lszxx-button a {
        width: 29.3333vw;
        height: 9.0667vw;
        line-height: 9.0667vw;
        margin: 5.3333vw;
        font-size: 4vw !important
    }

    .moreLinks {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .moreLinks li {
        width: 49% !important;
        margin-right: 0
    }

    .moreLinks span {
        font-size: 3.7333vw !important;
        height: 10.6667vw !important;
        line-height: 10.6667vw !important;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .moreLinks span::after {
        width: 13.3333vw
    }

    .moreLinks li .moreLinks-list a i {
        font-size: 3.4667vw
    }

    .moreLinks li .moreLinks-list a:hover i {
        font-size: 3.4667vw !important
    }

    .grfwBox {
        background: #fff
    }

    .wapCon {
        position: relative
    }

    .wapgrfwProgress {
        width: 100%;
        height: 1.3333vw;
        background: #ccc
    }

    .wapgrfwProgress1 {
        width: 50%;
        height: 100%;
        background: linear-gradient(90deg, #8fc31f 0, #009c42 100%)
    }

    .wapProTop {
        width: 100%;
        margin-top: 15%
    }

    .wapProTop span {
        font-size: 4.8vw;
        color: #333;
        height: 13.3333vw;
        line-height: 13.3333vw
    }

    .grfw-conL li p {
        color: #333;
        font-size: 3.4667vw;
        line-height: 4.9333vw
    }

    .grfw-conL .nxgrfw-active {
        text-align: center;
        min-height: 8vw;
        margin: 2% 0
    }

    .nxgrfwActiveTitle {
        min-height: 8vw;
        margin: 2% 0;
        display: flex;
        justify-content: center;
        text-align: center
    }

    .nxgrfwActiveTitle span {
        display: inline-block;
        padding: 1% 0;
        font-size: 4.2667vw;
        font-weight: 700;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
        position: relative
    }

    .wapBottom .nxgrfw-active span {
        padding-bottom: 2vw;
        font-size: 4.2667vw;
        font-weight: 700;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .wapProCon {
        position: relative;
        padding-top: 70%;
        width: 100%;
        overflow: hidden
    }

    .wapGrfw {
        position: relative;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        margin-top: 4vw;
        font-size: 0
    }

    .wapGrfwCon {
        padding-top: 0
    }

    .wapGrfwCon .wapGrfw {
        margin-top: 0
    }

    .wapGrfw li {
        display: inline-block;
        height: 100%
    }

    .wapGrfw .nxgrfw-item {
        padding-top: 0;
        box-shadow: 0 0 8px 0 rgb(196 196 196 / 50%)
    }

    .wapGrfw-button {
        position: relative;
        width: 100%;
        min-height: 50px
    }

    .wapGrfw-button-next, .wapGrfw-button-prev {
        position: absolute;
        top: 0;
        left: 35%
    }

    .wapGrfw-button-next {
        left: 55%
    }

    .grfw-conL {
        display: block;
        width: 100%;
        padding-left: 0;
        box-shadow: none;
        padding: 0;
        margin-left: 0
    }

    .grfw-conL::after {
        display: none
    }

    .nxgrfw-item .nxgrfw-text {
        background-image: url(../images/nxgrfw-item.png);
        background-size: cover;
        padding-bottom: 10%
    }

    .nxTzlc .nxgrfw-text .nxgrfw-area {
        width: 75%;
        margin-left: 15%
    }

    .nxTzlc .nxgrfw-text .nxgrfw-area div h2 {
        font-size: 5.6vw
    }

    .nx-bottom {
        position: relative;
        background: #fff;
        margin-top: 6.6667vw
    }

    .wapBottom {
        text-align: center;
        width: 100%;
        height: 13.3333vw;
        line-height: 10vw;
        box-shadow: 0 2px 10px 0 rgba(214, 214, 214, .5);
        border-radius: 5px 5px 0 0
    }

    .bottom-wrap {
        background: 0 0;
        padding: 6.6667vw 0;
        height: auto
    }

    .bottom-wrap li {
        width: 28.8vw;
        height: 34.6667vw;
        line-height: 34.6667vw;
        margin: 0 1.3333vw
    }

    .bottom-wrap li a img {
        display: block;
        margin: 0 auto;
        margin-top: 5%;
        max-width: 20vw;
        max-height: 17vw;
        padding: 5%;
        padding-top: 10%
    }

    .bottom-wrap li a div {
        width: 100%;
        text-align: center;
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 5%
    }

    .bottom-wrap li a div h1 {
        font-size: 3.7333vw;
        height: 6vw;
        line-height: 6vw;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .bottom-wrap li a div p {
        font-size: 2.9333vw;
        color: #666;
        height: 8.5333vw;
        line-height: 4.2667vw;
        padding: 0 5%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        word-break: break-all;
        white-space: normal
    }

    .nxDk .nxgrfw-text h1 {
        font-size: 4.8vw
    }

    .bottom-wrap i {
        margin-right: 0
    }

    .productList-list li {
        width: 100%;
        height: 36vw;
        padding: 5%;
        padding-right: 2%;
        background: #f2f2f2;
        box-shadow: 0 0 10px 0 rgba(214, 214, 214, .5);
        border-radius: 5px
    }

    .productListDebit .productList-list li {
        padding-right: 5%
    }

    .grfw-con .productList > ul {
        overflow-x: auto;
        scrollbar-width: none
    }

    .grfw-con .productList > ul::-webkit-scrollbar {
        display: none
    }

    .grfw-con .productList > ul > li {
        min-width: 30%;
        margin: .6667vw
    }

    .grfw-con .productList-list {
        height: auto
    }

    .productList-list li > a {
        border-radius: 1.3333vw
    }

    .productList-list li div p {
        height: 6.6667vw;
        line-height: 6.6667vw;
        min-height: 6.6667vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #333
    }

    .productList-list li div p.description1 {
        white-space: normal !important;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        height: auto;
        line-height: 6vw
    }

    .productList > ul > li.productActive > a, .productList > ul > li > a {
        font-size: 3.4667vw
    }

    .productList-list li a .listTitle {
        height: 5.3333vw;
        line-height: 5.3333vw;
        background: rgba(0, 0, 0, .3)
    }

    .productList-list li > a > span {
        background: rgba(0, 0, 0, .3);
        height: 5.3333vw;
        line-height: 5.3333vw;
        font-size: 2.6667vw
    }

    .wapNav-list h1 span {
        font-weight: 700;
        margin-left: 0
    }

    .wapNav-list {
        padding: 5% 0;
        border-bottom: 1px solid #f2f2f2
    }

    .wapNav-list:last-child {
        border-bottom: none
    }

    .nxFooter {
        margin-top: 5%
    }

    .footer-QRcode li img {
        width: 13.3333vw;
        height: 13.3333vw;
        display: block;
        margin: 0 auto
    }

    .footer-link li {
        text-align: center
    }

    .header-topRight li, .wapFooter .header-topRight li a {
        font-size: 3.2vw;
        color: #666
    }

    .header-topRight li img {
        vertical-align: middle
    }

    .header-topRight li span {
        font-size: 4vw
    }

    .nxarticle-contentLeft li a.menuActive {
        color: #009c42;
        background: #fff;
        position: relative
    }

    .nxarticle-contentLeft li a.menuActive::after {
        content: '';
        position: absolute;
        left: 15%;
        bottom: 20%;
        width: 90%;
        height: .1vw;
        background: #009c42
    }

    .nxarticle-contentLeft li a.menuActive {
        border-left: none
    }

    .floatRight-wra {
        top: 50%
    }

    .floatRight-con {
        width: 13.3333vw
    }

    .floatRight-wra .floatRight-con a {
        margin-bottom: 1vw !important
    }

    .floatRight-wra .floatRight-con a div {
        width: 11vw !important;
        height: 11vw !important;
        border: 1px solid #d3d3d3 !important
    }

    .floatRight-wra .floatRight-con a:hover div {
        background: #fff;
        border: 1px solid #d3d3d3 !important
    }

    .nxdt-top span.nxdt-active {
        color: #323d33;
        font-size: 4vw
    }

    .nxarticle-contentRight .introduce-middle {
        margin-bottom: 0
    }

    .introduce-middle span {
        font-size: 2.9333vw;
        color: #666
    }

    .nxarticle-contentLeft li a {
        overflow: visible
    }

    .risk-content {
        width: 100%;
        overflow: visible;
        height: auto
    }

    .risk-wrapper {
        padding: 0
    }

    .risk-form {
        padding: 4%
    }

    .risk-form ul li label {
        white-space: normal
    }

    .risk-box {
        flex-wrap: wrap
    }

    .lcmbCalculator-con {
        width: 100%
    }

    .lcmbCalculator-title {
        height: 12vw;
        line-height: 12vw;
        font-size: 3.2vw
    }

    .lcmbCalculator-wrapper {
        padding: 0
    }

    .lcmbCalculator-con li {
        margin-bottom: 6vw
    }

    .lcmbCalculator-con li span {
        font-size: 3.4667vw;
        width: unset;
        min-width: 23%
    }

    .lcmbCalculator-con li a.button1 {
        width: 26.6667vw;
        font-size: 4vw
    }

    .dialog_box {
        width: 80% !important;
        left: 50% !important;
        transform: translateX(-50%)
    }

    .dialog_title {
        margin-top: 5% !important
    }

    .dialog_close {
        display: none !important
    }

    .dialog_content {
        height: auto !important;
        padding-top: 20% !important
    }

    .dialog_overlay {
        opacity: .8 !important
    }

    .dialog_content p {
        padding-left: 5% !important;
        padding-right: 5% !important
    }
}

.fileList {
    color: #0052cc
}
.notice-comp li{
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
    position: relative;
}
.notice-comp li a{
    width: 100%;
    height: 100%;
    white-space: nowrap;
}
.notice-comp li a:hover p{
    color: #009c42;
}
.notice-comp li a, .text-content li a{
    margin-bottom: 15px;
    display:flex;
    justify-content: space-between;
    padding-right: 18px;
}
.notice-comp li a .date{
    margin-left: 12px;
}