@font-face {
    font-family: sourcehansansregular;
    src: ;
    src:  format('embedded-opentype'),  format('woff'),  format('truetype'),  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
}

.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 a, .index-notice span {
    color: #fff
}

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

.index-notice .notice-more {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translatey(-50%);
    z-index: 9
}

.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(/uploads/image/rtgimages/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(/uploads/image/rtgimages/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(/uploads/image/rtgimages/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: 55%;
    height: 450px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(196, 196, 196, .5);
    border-radius: 5px;
    padding: 0 20px
}

.nxdt-section2 {
    width: 44%
}

.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: 49%
}

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

.nxdt-section1con li {
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
    position: relative
}

.nxdt-section1 .nxdt-section1con {
    padding-bottom: 10px
}

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

.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: 2;
    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 {
    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: ;
    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(/uploads/image/rtgimages/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: ;
    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: ;
    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(/uploads/image/rtgimages/nx-icon14.png);
    background-repeat: no-repeat;
    background-size: cover
}

.listicon2 {
    background-image: url(/uploads/image/rtgimages/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: ;
    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(/uploads/image/rtgimages/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(/uploads/image/rtgimages/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: ;
    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: ;
    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
    }

    .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 a {
        font-size: 3.2vw;
        display: inline-block;
        width: 55%;
        overflow: hidden;
        text-overflow: ellipsis;
        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(/uploads/image/rtgimages/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 > 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(/uploads/image/rtgimages/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
}