@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 */
height: 45px;
}
.header-cyjg .header-cyjgwrapper {
position: absolute;
left: 0;
top: 63%;
width: 100%;
z-index: 99999;
display: none
}
.header-cyjg:hover .header-cyjgwrapper {
display: block
}
.header-cyjg .header-cyjglist {
position: relative;
width: 100%;
margin-top: 25px;
background: rgba(255, 255, 255, .95);
box-shadow: 0 0 10px 0 rgba(156, 156, 156, .5);
border-bottom: 1px solid #009c42
}
.header-cyjg .header-cyjglist::before {
content: "";
position: absolute;
top: -29px;
left: 32%;
width: 0;
height: 0;
border: 15px solid;
border-color: transparent transparent rgba(255, 255, 255, .95)
}
.header-cyjg .cyjglist-top {
width: 100%;
height: 60px;
line-height: 60px;
background: #f2f2f2;
text-align: center;
display: none
}
.header-cyjg .cyjglist-top span {
display: inline-block;
font-weight: 700;
line-height: 30px
}
.header-cyjg .cyjglist-top span:last-child {
margin-right: 0
}
.cyjg-active {
color: #009c42 !important;
border-bottom: 2px solid #009c42
}
.list-wrapper {
width: 100%;
height: 400px;
overflow-y: scroll
}
.list-area {
margin-top: 20px;
overflow: hidden
}
.list-area > li {
width: 100%;
margin-bottom: 20px
}
.list-area > li > span {
display: inline-block;
width: 10%;
text-align: center;
font-weight: 700
}
.list-area > li > ul {
display: inline-block;
width: 90%;
white-space: normal;
text-align: left
}
.list-area > li > ul > li {
line-height: 35px;
white-space: normal
}
.list-area > li > ul > li > a {
display: inline-block;
min-width: 25%;
text-align: left;
border-bottom: 1px dashed rgba(0, 0, 0, .07);
font-size: 14px;
color: #333
}
.list-area > li > ul > li > a:last-child, .list-area > li > ul > li > a:nth-child(4n) {
min-width: 20%
}
.list-area > li > ul > li > a:hover {
color: #009c42
}
.header-topright {
display: flex;
height: 68px;
line-height: 68px;
align-items: center;
justify-content: flex-end
}
.header-topright li {
margin-left: 5%
}
.header-topright li img {
width: 20px;
display: inline-block;
vertical-align: text-bottom
}
.header-topright li a {
color: #333;
font-size: 16px
}
.header-topright li span {
font-size: 36px;
color: #22997c;
font-weight: 600;
display: inline-block;
vertical-align: bottom
}
.nav-wrapper {
width: 100%;
position: fixed;
top: 68px;
left: 0;
z-index: 9;
background: rgba(255, 255, 255, .7)
}
.header-list {
width: 88%;
margin: 0 auto;
height: 60px;
line-height: 60px;
position: relative
}
.list-item {
width: 75%;
height: 60px;
display: flex;
align-items: center;
justify-content: space-between
}
.list-item > li {
cursor: pointer;
font-weight: 700;
height: 60px;
line-height: 60px;
max-width: 17%
}
.list-item > li > span, .list-item > li > span a {
display: block;
height: 65px;
font-size: 18px;
color: #666;
font-weight: 700;
line-height: 60px
}
.list-item > li:hover {
font-size: 20px;
color: #009c42;
transition: ease-in-out .7s
}
.list-item > li .list-con {
display: none;
position: absolute;
bottom: 0;
left: -4%;
background: rgba(255, 255, 255, .95);
transform: translatey(100%);
width: 108%;
z-index: 9999;
border-bottom: 1px solid #009c42
}
.list-con-middle {
display: flex;
align-items: center;
justify-content: space-between
}
.list-con .list-con-middlel {
width: 70%
}
.list-con .list-con-middlel .list-con-toplev2 {
text-align: left;
display: inline-block;
vertical-align: top;
width: 22%;
padding: 0 6%
}
.list-con .list-con-middlel .list-con-toplev2 li a img {
vertical-align: sub
}
.footer-link li a:hover, .link-box-list li a:hover, .list-item li a:hover {
color: #009c42
}
.list-con .list-con-middler {
max-width: 30%;
height: 100%;
margin-left: 10%
}
.list-con .list-con-middler img {
width: 100%;
margin: 10px 0
}
.list-con-top {
height: 46px;
line-height: 46px;
background: #f2f2f2
}
.list-con-top > a {
margin-right: 20px
}
.list-con-toplev1 {
width: 70%;
margin-right: 8%;
height: 100%
}
.list-con-toplev1 > li {
display: inline-block;
text-align: left;
margin: 0 6%;
width: 10%;
position: relative
}
.list-con-toplev1 > li > img {
width: 25px;
height: 25px;
position: absolute;
left: -30%;
top: 50%;
transform: translatey(-50%)
}
.list-con-toplev1 li ul li a:hover {
color: #009c42
}
.list-con-bottom {
width: 100%;
height: 50px;
line-height: 50px;
border-top: 1px solid #f4f4f4;
text-align: center
}
.list-con-bottom a {
display: inline-block;
min-width: 50px;
height: 25px;
line-height: 25px;
background: #f4f4f4;
color: #666;
margin: 0 10px;
border-radius: 10px;
padding: 0 10px;
font-size: 14px;
margin-right: 5%
}
.header-input {
position: relative
}
.header-input input {
width: 180px;
height: 36px;
text-indent: 10px;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 2px
}
.header-input input::-moz-placeholder, .header-input input::-ms-input-placeholder, .header-input input::-webkit-input-placeholder {
font-size: 14px;
color: rgba(0, 0, 0, .25)
}
.header-input img {
position: absolute;
top: 40%;
right: 5px;
cursor: pointer
}
.nxfooter {
margin-top: 20%
}
.nxfooter-wrap {
width: 100%;
top: 20%;
left: 0;
width: 100%;
z-index: 2;
overflow: hidden;
background: #fff
}
.nx-footer {
width: 88%;
min-height: 425px;
margin: 0 auto
}
.nx-footer .header-topright {
width: 45%;
height: 100px;
line-height: 100px
}
.footer-link {
max-width: 50%;
min-width: 30%;
height: 100px;
line-height: 100px;
display: flex;
justify-content: space-between
}
.footer-link li {
flex: 1;
text-align: left
}
.footer-link li a {
font-size: 18px;
color: #666;
font-weight: 600
}
.footer-content {
width: 100%;
margin: 50px auto
}
.footer-contentleft span {
display: block;
font-size: 16px;
color: #666;
line-height: 30px
}
.footer-contentleft span a {
font-size: 16px;
color: #666
}
.footer-qrcode {
display: flex;
justify-content: space-between
}
.footer-qrcode i {
width: 1.3px;
background: #ccc;
transform: scale(.5);
margin-top: -20px
}
.footer-qrcode li {
text-align: center
}
.footer-qrcode li img {
width: 100px;
height: 100px;
transition: all .3s linear
}
.footer-qrcode li span {
display: block;
font-size: 16px;
text-align: center;
margin: 20px auto;
color: #666
}
.footer-qrcode li .footer-logoimg {
width: auto
}
.nx-bottom {
width: 100%;
margin-top: -50px;
position: relative;
z-index: 9
}
.bottom-wrap {
width: 88%;
height: 180px;
margin: 0 auto;
background: #fff;
display: flex;
justify-content: center;
align-items: center
}
.bottom-wrap i {
margin-right: 5%
}
.bottom-wrap i:last-child {
margin-right: 0
}
.bottom-wrap li {
width: 330px;
height: 140px;
line-height: 140px;
box-shadow: 0 0 10px 0 rgba(196, 196, 196, .5);
text-align: left;
position: relative
}
.bottom-wrap li a .glqd-left {
display: inline-block;
width: 50%;
text-align: center
}
.bottom-wrap li a .glqd-left img {
max-width: 90%;
max-height: 100%;
padding: 5%
}
.bottom-wrap li a .glqd-right {
display: inline-block;
width: 50%;
padding: 5%;
position: absolute;
top: 0;
right: 0
}
.bottom-wrap li a .glqd-right h1 {
height: 50px;
line-height: 50px;
font-size: 20px;
color: #333;
overflow: hidden;
text-overflow: ellipsis
}
.bottom-wrap li a .glqd-right p {
line-height: 20px;
font-size: 14px;
color: #666;
white-space: normal
}
.index-wrap {
position: relative;
width: 100%;
height: 100%;
overflow: hidden
}
.index-con {
width: 100%;
position: absolute;
left: 0;
top: 0;
overflow: visible
}
.index-page {
width: 100%;
position: relative;
overflow: hidden
}
.masking {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, .3)
}
.swiper-container1 {
width: 100%;
height: 100%;
position: absolute
}
.swiper-container1 .swiper-wrapper a {
display: block;
width: 100%;
height: 100%
}
.swiper-container1 .swiper-wrapper a video {
width: 100%;
min-height: 100%
}
video:focus {
outline: 0
}
.swiper-list {
width: 88%;
margin: 0 auto;
margin-top: 15%
}
.swiper-list h3 {
margin-top: 50px;
height: 30px;
line-height: 30px;
font-size: 18px;
color: #fff;
font-weight: 500
}
.swiper-list h1 {
font-size: 40px;
color: #fff;
height: 60px;
line-height: 60px
}
.swiper-list p {
width: 70%;
font-size: 24px;
color: #fff;
margin-top: 20px;
line-height: 30px;
white-space: normal
}
.swiper-next {
display: block;
width: 190px;
height: 60px;
border-radius: 5px;
margin-top: 50px;
padding: 10px;
background: rgba(255, 255, 255, .15)
}
.swiper-next:hover {
background: rgba(255, 255, 255, .2)
}
.swiper-next span {
display: inline-block;
width: 70%;
margin-left: 5px;
border-right: 1px solid #fff
}
.swiper-next span h2 {
font-size: 20px;
color: #fff
}
.swiper-next span h4 {
transform: scale(.4) translatex(-70%);
color: #fff
}
.swiper-next img {
display: inline-block;
width: 25px;
height: 25px;
border-radius: 50%;
margin-left: 10px
}
.index-common {
position: absolute;
top: 20%;
left: 9%;
width: 82%;
height: 70%;
z-index: 2
}
.swiper-pagination1 {
position: absolute;
right: 10%;
top: 50%;
transform: translatey(-50%);
z-index: 9
}
.swiper-pagination1 span {
display: block;
width: 15px;
height: 15px;
margin: 20px 0;
background: unset;
border: 1px solid #fff;
opacity: 1;
transition-duration: .3s;
position: relative
}
.swiper-pagination1 span:hover {
background: #fff
}
.swiper-pagination1 .swiper-pagination-bullet-active {
background: #fff
}
.link-box {
position: absolute;
top: 160px;
right: 6%;
width: 260px;
z-index: 1;
background: rgba(255, 255, 255, .9)
}
.link-box-selected {
display: none
}
.link-box a:hover .link-box-selected, .link-box span:hover .link-box-selected {
display: inline-block
}
.link-box a:hover .link-box-unselected, .link-box span:hover .link-box-unselected {
display: none
}
.link-box-a {
display: block;
width: 100%;
height: 50px;
line-height: 50px;
padding-left: 20px;
position: relative;
border-bottom: 3px solid #009c42
}
.link-box-a:hover a, .link-box-list li:hover a {
color: #009c42
}
.link-box-icont {
position: absolute;
width: 0;
height: 0;
top: 10px;
right: 20px;
border: 10px solid;
border-color: transparent transparent #009c42;
cursor: pointer;
border-radius: 3px
}
.activetransform {
top: 20px;
transform: rotate(180deg)
}
.link-box img {
margin-right: 10px
}
.link-box-list {
display: none;
width: 100%
}
.link-box-list li {
height: 60px;
line-height: 60px;
padding-left: 20px
}
.common-swiper {
position: absolute;
bottom: 10%;
left: 6%;
width: 88%;
height: 120px;
border-radius: 5px;
background: rgba(255, 255, 255, .8);
z-index: 99
}
.common-wrap {
width: 80%;
min-height: 100%;
margin: 0 auto;
overflow: hidden
}
.common-wrap .swiper-slide img {
display: block;
width: 50px;
height: 50px;
margin: 0 auto;
margin-top: 15px;
cursor: pointer
}
.common-wrap .swiper-slide h1 {
display: block;
width: 100%;
margin: 0 auto;
text-align: center;
margin-top: 5px;
font-size: 18px;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
position: relative
}
.common-wrap .swiper-slide h1 .click-more-icon {
position: absolute;
top: 50%;
transform: translatey(-50%)
}
.click-more-active .click-more-icon {
transform: rotate(180deg) translatey(7px)
}
.click-more-icon {
display: inline-block;
width: 0;
height: 0;
border: 7px solid;
margin-top: 5px;
margin-left: 5px;
border-color: #999 transparent transparent
}
.common-wrap .swiper-slide .cygnmore {
text-align: center;
width: 70%;
margin: 0 auto;
background: rgba(255, 255, 255, .8);
padding: 0 5%;
overflow: hidden;
text-overflow: ellipsis;
border-top: 2px solid #009c42;
box-shadow: 1px 2px 10px 3px rgba(0, 0, 0, .3);
display: none
}
.common-wrap .swiper-slide .cygnmore li {
padding: 2% 0
}
.common-wrap .swiper-slide .cygnmore li a {
font-size: 14px
}
.common-wrap .swiper-slide .click-more ul li {
display: block;
width: 100%
}
.common-wrap .swiper-slide .click-more ul li a {
display: block;
width: 50%;
height: 25px;
line-height: 25px;
margin: 0 auto;
font-size: 14px;
background: rgba(255, 255, 255, .8);
overflow: hidden;
text-overflow: ellipsis
}
.button-style {
width: 37px !important;
height: 37px !important;
border-radius: 50%;
top: 60%;
background-image: none !important;
background: #fff;
cursor: pointer;
box-shadow: 0 0 4px 0 #bababa
}
.button-style.swiper-button-prev {
left: 5% !important
}
.button-style.swiper-button-next {
right: 5% !important
}
.arrow-left, .arrow-right {
display: block;
width: 15px;
height: 15px;
border-top: 2px solid;
border-right: 2px solid;
border-color: #009c42;
transform: rotate(-135deg);
margin-top: 11px;
margin-left: 14px;
border-radius: 2px
}
.arrow-right {
transform: rotate(45deg);
margin-left: 8px
}
.morearrow-right {
display: inline-block;
width: 10px;
height: 10px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
vertical-align: baseline
}
.button-style:hover {
background: #009c42 !important
}
.button-style:hover .arrow-left, .button-style:hover .arrow-right {
border-color: #fff
}
.index-notice {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 60px;
line-height: 60px;
background: rgba(0, 0, 0, .3);
z-index: 9
}
.notice-con {
width: 88%;
height: 60px;
margin: 0 auto;
overflow: hidden;
position: relative
}
.index-notice .title{
display: inline-block;
width: calc(100% - 240px);
overflow: hidden;
text-overflow: ellipsis;
}
.index-notice a, .index-notice span {
color: #fff
}
.index-notice span {
padding-left: 50px;
}
.index-notice .notice-more {
position: absolute;
right: 0;
top: 52%;
transform: translatey(-50%);
z-index: 9;
display: flex;
height: 100%;
align-items: center;
}
.nxgrfw-title {
font-size: 32px;
color: #fff;
font-weight: 700;
text-align: center
}
.nxgrfw-desc {
display: block;
margin-top: 10px;
font-size: 16px;
color: #fff;
text-align: center;
padding-bottom: 50px
}
.nxgrfw-con {
width: 100%;
height: 50px;
margin-top: 20px;
border-bottom: 4px solid rgba(255, 255, 255, .9);
display: flex;
position: relative
}
.nxgrfw-conitem {
flex: 1;
text-align: center;
margin-right: 70px
}
.nxgrfw-con > li > span {
display: block;
max-width: 100px;
margin: 0 auto;
height: 50px;
font-size: 20px;
color: #fff;
font-weight: 500;
cursor: pointer;
transition: all .2s linear
}
.nxgrfw-con > li > span:hover {
font-size: 22px;
transition: all .2s linear
}
.nxgrfw-con .nxgrfw-list {
visibility: hidden;
position: absolute;
left: -5%;
top: 80px;
width: 110%
}
.nxgrfw-list a * {
white-space: normal !important;
text-align: left
}
.nxgrfw-list a .hsgk-content * {
text-align: unset
}
.nxgrfw-list a table {
text-align: center
}
.nxgrfw-list a img, .nxgrfw-list a video {
max-width: 100%;
height: auto
}
.nxgrfw-active > span {
position: relative
}
.nxgrfw-active > span::after {
content: "";
position: absolute;
width: 100%;
height: 4px;
left: 0;
bottom: 0;
border-radius: 5px;
background: linear-gradient(90deg, #8fc31f 0, #009c42 100%)
}
.nxgrfwactiveline {
display: block;
width: 100%;
height: 4px;
left: 0;
bottom: 0;
border-radius: 5px;
background: linear-gradient(90deg, #8fc31f 0, #009c42 100%);
margin-top: 1vw
}
.nxgrfw-active > span:hover::after {
animation: spanmove .5s linear
}
@keyframes spanmove {
0% {
width: 0%
}
20% {
width: 20%
}
40% {
width: 40%
}
60% {
width: 60%
}
80% {
width: 80%
}
100% {
width: 100%
}
}
.nxgrfw-active .nxgrfw-list {
visibility: visible;
overflow: hidden
}
.nxgrfw-active .nxgrfw-more {
display: block;
height: 40px
}
.nxgrfw-wrapper {
width: 100%;
margin: 0 auto;
padding: 20px 0;
overflow: hidden;
position: relative
}
.button-style-next, .button-style-prev {
position: absolute;
top: 40%;
z-index: 9
}
.button-style-prev {
left: 10px
}
.button-style-next {
right: 10px
}
.nxgrfw-item {
position: relative;
text-align: center
}
.nxgrfw-item .nxgrfw-text {
width: 100%;
background-image: url(/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: 52%;
height: 450px;
background: #fff;
box-shadow: 0 0 8px 0 rgba(196, 196, 196, .5);
border-radius: 5px;
padding: 0 20px
}
.nxdt-section2 {
width: 47%
}
.nxdt-section1til {
display: block;
width: 100%;
height: 70px;
line-height: 70px;
border-bottom: 1px solid #f2f2f2
}
.nxdt-section1til i {
font-style: normal;
font-size: 20px;
color: #333;
font-weight: 700
}
.subnxdtsection {
width: 100%
}
.subnxdtsection .nxdt-section1con {
width: 48%
}
.nxdt-section1con {
width: 100%;
height: 100%
}
.nxdt-section1con li {
width: 100%;
overflow: hidden;
margin-top: 10px;
position: relative;
/* padding-right: 10px; */
}
.nxdt-section1 .nxdt-section1con {
padding-bottom: 10px
}
.nxdt-section1con .image-content .section1conleft{
width: 100%;
}
.image-content{
width: 30%;
}
.text-content{
width: 68%;
}
.nxdt-section1con li a {
display: block;
width: 100%;
height: 100%;
white-space: nowrap
}
.nxdt-section1con li a .section1conleft {
width: 30%;
height: 100%;
height: 110px;
position: relative;
overflow: hidden
}
.nxdt-section1con li a .section1conleft img {
width: 100%;
min-width: 100%;
min-height: 100%;
transition: all .2s linear
}
.nxdt-section1con li a .section1conleft span {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, .43);
color: #fff;
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 10px
}
.flex-between{
display: flex!important;
justify-content: space-between;
}
.ellipsis-one{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
/* autoprefixer: off */
/* autoprefixer: on */
word-break: break-all;
white-space: normal;
}
.text-content .date{
margin-left: 8px;
flex-shrink: 0;
font-size: 14px;
color: gray;
}
.mb10{
margin-bottom: 10px;
}
.mb12{
margin-bottom: 12px;
}
.mb15{
margin-bottom: 15px;
}
.nxdt-section1con li a .section1conright {
margin-left: 10px;
width: 65%;
height: 100%
}
.nxdt-section1con li a .section1conright p {
width: 100%;
height: 70%;
line-height: 25px;
color: #333;
text-align: justify;
white-space: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
word-break: break-all;
margin-top: 10px
}
.nxdt-section1con li a .section1conright span {
color: #999;
position: absolute;
right: 0;
bottom: 0
}
.zxdt-listright li {
margin: 0;
height: 90px;
line-height: 60px;
border-bottom: 1px dashed #f2f2f2;
position: relative
}
.zxdt-listright li:last-child {
border-bottom: none
}
.zxdt-listright li p {
max-width: 70%;
white-space: normal;
line-height: 30px;
display: -webkit-box;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
word-break: break-all;
margin-top: 15px
}
.nxdt-section1con li a .section1conright p:hover, .zxdt-listright li p:hover, .text-content p:hover {
color: #009c42;
transition: all .1s linear
}
.zxdt-listright li span {
color: #999;
position: absolute;
right: 0;
bottom: 0
}
.grfwbox {
position: relative;
min-height: 830px
}
.grfw-backg {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: #f2f2f2;
z-index: -1
}
.grfw-wrap {
top: 130px;
left: 6%;
width: 88%;
height: 100%;
margin: 0 auto;
padding-top: 10%;
padding: 10% 0
}
.grfw-top a, .grfw-top span {
font-size: 16px;
color: rgba(255, 255, 255, .8)
}
.grfw-con {
margin-top: 50px;
background: 0 0
}
.grfw-conl {
display: inline-block;
width: 55%;
color: #fff;
margin-left: 50px;
background: rgba(255, 255, 255, .4);
padding: 2%;
position: relative;
border-radius: 5px;
box-shadow: 2px 2px 6px 0 rgb(0 0 0 / .2)
}
.grfw-conl::after {
position: absolute;
content: '';
right: -36px;
top: 30%;
width: 40px;
height: 40px;
background: ;
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
}
.notice-comp li a, .text-content li a{
margin-bottom: 7px!important;
}
.nxdt-section1con li a .section1conleft {
height: 90px
}
.zxdt-listright li {
height: auto;
line-height: 50px
}
.nxdt-section1til {
height: 55px;
line-height: 55px
}
.nxgrfw-desc {
padding-bottom: 0
}
.nxyhhd-con {
margin-top: 10px
}
.footer-contentleft {
width: 30%
}
.nxdt-section1, .nxdt-section2 {
height: 365px
}
.grfwbox {
min-height: 600px
}
}
@media screen and (max-height: 791px) and (min-width: 950px) and (max-width: 1920px) {
.nxdt-text {
padding-bottom: 0
}
.index-common {
top: 17%;
transform: scale(.8)
}
.grfw-wrap {
padding: 12% 0
}
.lszxx .grfw-con {
margin-top: 3% !important
}
.nxgrfw-item.ckitem .nxgrfw-text a {
margin-top: 5%
}
}
@media screen and (min-width: 1367px) {
.index-common {
width: 70%;
top: 15%;
left: 15%
}
.bottom-wrap, .header-list, .header-top, .notice-con, .nx-footer, .swiper-list {
width: 80%
}
.grfw-wrap {
width: 80%;
left: 15%
}
.link-box {
right: 15%
}
.nxqyfw .nxgrfw-wrapper {
height: 100%
}
.common-swiper {
width: 70%;
left: 15%
}
.index-common {
width: 66%;
top: 22%;
left: 17%
}
.nxtzlc .nxgrfw-text .nxgrfw-area .tzlcstyle2 h2 {
font-size: 1vw
}
}
@media screen and (max-width: 1366px) {
.bottom-wrap {
width: 100%
}
}
@media screen and (max-width: 950px) {
* {
font-size: 3.4667vw
}
a {
-webkit-tap-highlight-color: transparent
}
.floatright-con .wap, .wap {
display: block !important
}
.wapcon {
display: flex;
align-items: center;
padding: 0 4%;
height: 12vw
}
.pc {
display: none !important
}
.index-wrap {
overflow-y: auto
}
.index-con {
top: 4%
}
.header-wrapper {
border-bottom: none
}
.nav-wrapper {
z-index: 999;
top: 12vw
}
.grfw-backg {
height: 100%;
position: relative
}
.grfw-wrap {
padding-top: 12%
}
.swiper-container1 {
position: relative;
height: 52vw;
overflow: hidden;
margin-top: 4vw
}
.swiper-pagination1 span {
width: 2vw;
height: 2vw;
margin: 2vw 0
}
.swiper-pagination1 .swiper-pagination-bullet-active::after {
width: 3vw;
height: 3vw;
transform: translate(-25%, -25%)
}
.common-wrap {
width: 90%
}
.swiper-list {
position: absolute;
position: absolute;
top: 0;
left: 0;
margin-top: 0;
width: 100%
}
.swiper-list h1 {
text-align: center;
font-size: 5.0667vw;
letter-spacing: 10px;
height: 7.3333vw;
line-height: 7.3333vw;
margin-top: 25vw;
padding: 0 4%;
overflow: hidden;
text-overflow: ellipsis
}
.swiper-list p {
width: 100%;
text-align: center;
font-size: 2.9333vw;
margin-top: 0;
padding: 0 4%;
overflow: hidden;
text-overflow: ellipsis
}
.click-more-icon {
border-width: .9333vw
}
.wapcommon {
position: relative;
width: 100%;
min-height: 26vw;
height: 26vw;
margin-top: 4vw;
border-radius: 5px;
background: rgba(255, 255, 255, .8);
z-index: 99;
border-top: 1px solid #f2f2f2
}
.common-wapwrap {
width: 90%;
height: 120%;
margin: 0 auto;
border-top: #f2f2f2;
padding-top: 5%;
overflow-x: hidden;
position: relative;
z-index: 99
}
.common-wapwrap .swiper-wrapper {
z-index: 99
}
.common-wapwrap .swiper-wrapper li ul li {
overflow: hidden;
text-overflow: ellipsis
}
.wapwrap-pagination {
position: absolute;
top: auto;
bottom: 30%;
left: 50%;
transform: translatex(-50%);
z-index: 9
}
.wapwrap-pagination .swiper-pagination-bullet {
background: #009c42;
margin-left: 1.3333vw
}
.wapwrap-pagination .swiper-pagination-bullet-active {
width: 3vw;
border-radius: 20px;
background: #00993e
}
.common-wapwrap img {
display: block;
margin: 0 auto;
max-width: 8vw;
height: 8vw;
width: 100%
}
.common-wapwrap h1 {
font-size: 3.2vw;
overflow: hidden;
text-overflow: ellipsis;
text-align: center
}
.common-wapwrap .cygnmore {
text-align: center;
margin: 0 auto;
background: rgba(255, 255, 255, .8)
}
.common-wapwrap .cygnmore a {
font-size: 2.4vw
}
.common-wapwrap .click-more-icon {
margin-left: 0
}
.wapfirst {
padding-bottom: 13.2vw
}
.index-notice {
background: #fff
}
.index-notice, .notice-con {
height: 13.2vw;
line-height: 13.2vw
}
.notice-con {
width: 90%
}
.index-notice .swiper-wrapper .title {
font-size: 3.2vw;
display: inline-block;
width: 55%;
overflow: hidden;
text-overflow: ellipsis;
color: #333
}
.index-notice .swiper-wrapper a{
color: #333
}
.index-notice .swiper-wrapper .wap {
display: inline-block !important
}
.index-notice .swiper-wrapper a.notice-more {
width: 12%
}
.index-notice .swiper-wrapper span {
font-size: 2.6667vw;
padding-left: 0;
color: #666
}
.wapgrfw {
background: #fff;
margin-top: 50px;
position: relative;
padding-bottom: 20px
}
.wapgrfw .nxgrfw-title {
height: 7.4963vh;
line-height: 7.4963vh;
text-align: left;
padding: 0 4%;
font-size: 4.2667vw;
color: #323d33;
font-weight: 700;
border-bottom: 1px solid #f2f2f2
}
.wapnxgrfw-con, .wapnxgrfw-items {
padding: 0 4%
}
.wapnxgrfw-con li {
display: inline-block;
padding: 4%;
padding-left: 0
}
.wapnxgrfw-con li span {
height: 3.7481vh;
line-height: 3.7481vh;
font-size: 3.7333vw;
color: #333;
font-weight: 500;
padding-bottom: 10px
}
.wapnxgrfw-con li.nxgrfw-active span {
color: #009c42;
font-weight: 700
}
.wapnxgrfw-con .wapmore {
display: none;
position: absolute;
right: 4%;
top: 3.7481vh;
transform: translatey(-50%)
}
.wapnxgrfw-con .arrow-right {
width: 3vw;
height: 3vw;
border-color: #000;
transform: rotate(45deg) translate(-10px, 0)
}
.wapnxgrfw-con .nxgrfw-active .wapmore {
display: block
}
.nxdk .nxgrfw-text .dkstyle2 {
font-size: 4vw
}
.nxdk .nxgrfw-text .dkstyle3 {
font-size: 3vw !important
}
.nxdk .nxgrfw-text .dkstyle4 {
margin-top: 1vw
}
.wapcknew, .waptzlcnew {
border: 1px solid #f2f2f2;
box-shadow: 0 0 4px 0 rgb(214 214 214 / .5);
width: 100%;
min-height: 27vw;
border-radius: 5px;
font-size: 0;
margin-bottom: 1.5%;
text-align: center
}
.wapcknew:first, .waptzlcnew:first {
margin-top: 3%
}
.wapcknew .wapcknew-right *, .waptzlcnew * {
overflow: hidden;
text-overflow: ellipsis
}
.wapcknew-left, .wapcknew-right {
display: inline-block;
width: 30%;
height: 100%;
padding: 8% 2%;
text-align: center
}
.wapcknew-left {
padding-right: 0
}
.wapcknew-right {
width: 70%;
padding-left: 0
}
.wapcknew-left h1 {
font-size: 4.2667vw;
color: #fe383f;
font-weight: 700;
margin-bottom: 2vw
}
.wapcknew-left span {
font-size: 3.2vw;
color: #666;
text-align: center
}
.wapcknew-right h1 {
font-size: 4.2667vw;
color: #333;
font-weight: 500;
margin-bottom: 2vw
}
.wapcknew-right p {
font-size: 3.2vw;
color: #666
}
.wapdknew .wapcknew-left {
width: 30%
}
.wapdknew .wapcknew-right {
width: 70%
}
.waptzlcnew .waptzlcnew-top {
width: 100%;
padding: 4% 5%;
font-size: 4.2667vw;
color: #333;
font-weight: 500;
padding-bottom: 2%;
text-align: left
}
.waptzlcnew-bottom {
padding: 0 5%;
font-size: 0;
padding-bottom: 4%
}
.waptzlcnew-bottoml, .waptzlcnew-bottomr {
display: inline-block;
width: 50%;
text-align: left
}
.waptzlcnew-bottoml h1 {
font-size: 4.2667vw;
color: #fe383f;
text-align: left;
font-weight: 700;
margin-bottom: 1vw
}
.waptzlcnew-bottoml span {
font-size: 3.2vw;
color: #666;
text-align: left
}
.waptzlcnew-bottomr h1 {
font-size: 3.7333vw;
color: #333;
margin: 1vw 0;
padding: 0 5%
}
.waptzlcnew-bottomr p {
font-size: 3.2vw;
color: #666;
border-radius: 2px;
background: #eef8f2;
padding: 2% 5%;
width: fit-content
}
.wapck {
border: 1px solid #ccc;
text-align: center;
border-radius: 5px;
margin: 1.4993vh 0;
background-image: url(/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 .wapyhhd-news > li p {
width: 100%;
}
.wapyhhdlist > ul > li span {
display: inline-block;
width: 29%;
text-align: right;
font-size: 2.9333vw;
color: #999
}
.waptitle {
margin-top: 6.5967vh;
width: 100%;
height: 11.4667vw;
line-height: 11.4667vw;
text-align: center
}
.waptitle span {
font-size: 4.2667vw;
color: #333;
padding-bottom: 1.3333vw
}
.waptitle span::after {
display: none !important
}
.waplist {
width: 100%;
padding: 4%;
background: #fff;
box-shadow: 0 -1px 2px 0 #d6d6d6;
border-radius: 20px 20px 5px 5px
}
.waplist li {
border-bottom: 1px dashed #ccc;
width: 100%;
padding: 1% 0;
padding-bottom: 3%;
margin-bottom: 1.4993vh
}
.waplist li:last-child {
border-bottom: none
}
.waplist li p {
white-space: normal;
width: 70%;
max-height: 5.5472vh;
line-height: 2.7736vh;
font-size: 3.4667vw;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
word-break: break-all
}
.waplist li div {
width: 17.7333vw;
height: 5.5472vh;
border-radius: 5px;
overflow: hidden
}
.waplist li div img {
width: 100%;
max-height: 100%
}
.waplist li span {
font-size: 2.9333vw;
color: #999
}
.wapclickmore {
width: 100%;
height: 9.3333vw;
line-height: 9.3333vw;
background: #f4f4f4;
text-align: center
}
.wapclickmore span {
font-size: 3.4667vw;
color: #ccc;
text-align: justify
}
.introduce-content {
width: 100%;
overflow: auto;
padding: 0;
min-height: 115vw;
padding-bottom: 5%
}
.introduce-content::-webkit-scrollbar {
width: 0 !important;
display: none;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none
}
.introduce-content * {
list-style: inside
}
.introduce-title h1 {
line-height: 9vw
}
.introduce-wrap {
max-height: max-content
}
.waparticlelist {
width: 100%;
overflow-x: auto;
scrollbar-width: none
}
.waparticlelist::-webkit-scrollbar {
display: none
}
.waparticlelist li {
display: inline-block;
margin: 0 3%
}
.waparticlelist li.wap {
display: inline-block !important
}
.waparticlelist li a {
border: none;
font-size: 4.2667vw
}
.nxarticle-contentright {
width: 100%
}
.showdialog.showactive {
color: #009c42;
position: relative
}
.showactive::after {
content: "";
width: 100%;
position: absolute;
left: 10%;
bottom: 10%;
border: 1px solid #009c42
}
.dialog-con {
width: 80%;
position: fixed;
margin: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.dialog-con i.closeicon {
display: none
}
.dialog-con h1 {
font-size: 4.8vw;
padding: 4%
}
.dialog-con span {
font-size: 4vw;
color: #fff;
width: 30vw;
height: 10vw;
line-height: 10vw
}
.lszxx {
width: 100%;
left: 0;
top: 5%;
height: auto
}
.lszxx .grfw-con {
box-shadow: 0 -1px 2px 0 #d6d6d6;
border-radius: 20px 20px 5px 5px;
margin-top: 0;
background: #fff;
padding: 4%
}
.lszxx .lszxx-type {
white-space: normal;
display: inline-block;
width: 80%;
vertical-align: top
}
.lszxx-type label {
margin: 0 1.3333vw
}
.lszxx-form ul li label {
font-size: 3.4667vw;
line-height: 10vw
}
.lszxx-form ul li {
display: block
}
.lszxx-form ul li .lszxx-item {
width: 100%
}
.lszxx-item div {
width: 100%;
border-radius: 5px
}
.lszxx-content div textarea {
padding: 4%
}
.lszxx-form .lszxx-tips p {
white-space: normal
}
.lszxx-tips p, .lszxx-tips p i, .lszxx-tips span {
font-size: 3.2vw
}
.lszxx-button a {
width: 29.3333vw;
height: 9.0667vw;
line-height: 9.0667vw;
margin: 5.3333vw;
font-size: 4vw !important
}
.morelinks {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.morelinks li {
width: 49% !important;
margin-right: 0
}
.morelinks span {
font-size: 3.7333vw !important;
height: 10.6667vw !important;
line-height: 10.6667vw !important;
overflow: hidden;
text-overflow: ellipsis
}
.morelinks span::after {
width: 13.3333vw
}
.morelinks li .morelinks-list a i {
font-size: 3.4667vw
}
.morelinks li .morelinks-list a:hover i {
font-size: 3.4667vw !important
}
.grfwbox {
background: #fff
}
.wapcon {
position: relative
}
.wapgrfwprogress {
width: 100%;
height: 1.3333vw;
background: #ccc
}
.wapgrfwprogress1 {
width: 50%;
height: 100%;
background: linear-gradient(90deg, #8fc31f 0, #009c42 100%)
}
.wapprotop {
width: 100%;
margin-top: 15%
}
.wapprotop span {
font-size: 4.8vw;
color: #333;
height: 13.3333vw;
line-height: 13.3333vw
}
.grfw-conl li p {
color: #333;
font-size: 3.4667vw;
line-height: 4.9333vw
}
.grfw-conl .nxgrfw-active {
text-align: center;
min-height: 8vw;
margin: 2% 0
}
.nxgrfwactivetitle {
min-height: 8vw;
margin: 2% 0;
display: flex;
justify-content: center;
text-align: center
}
.nxgrfwactivetitle span {
display: inline-block;
padding: 1% 0;
font-size: 4.2667vw;
font-weight: 700;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
position: relative
}
.wapbottom .nxgrfw-active span {
padding-bottom: 2vw;
font-size: 4.2667vw;
font-weight: 700;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis
}
.wapprocon {
position: relative;
padding-top: 70%;
width: 100%;
overflow: hidden
}
.wapgrfw {
position: relative;
width: 100%;
height: 100%;
left: 0;
top: 0;
margin-top: 4vw;
font-size: 0
}
.wapgrfwcon {
padding-top: 0
}
.wapgrfwcon .wapgrfw {
margin-top: 0
}
.wapgrfw li {
display: inline-block;
height: 100%
}
.wapgrfw .nxgrfw-item {
padding-top: 0;
box-shadow: 0 0 8px 0 rgb(196 196 196 / 50%)
}
.wapgrfw-button {
position: relative;
width: 100%;
min-height: 50px
}
.wapgrfw-button-next, .wapgrfw-button-prev {
position: absolute;
top: 0;
left: 35%
}
.wapgrfw-button-next {
left: 55%
}
.grfw-conl {
display: block;
width: 100%;
padding-left: 0;
box-shadow: none;
padding: 0;
margin-left: 0
}
.grfw-conl::after {
display: none
}
.nxgrfw-item .nxgrfw-text {
background-image: url(/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
}
.notice-comp li{
width: 100%;
overflow: hidden;
margin-top: 10px;
position: relative;
}
.notice-comp li a{
width: 100%;
height: 100%;
white-space: nowrap;
}
.notice-comp li a:hover p{
color: #009c42;
}
.notice-comp li a, .text-content li a{
margin-bottom: 15px;
display:flex;
justify-content: space-between;
padding-right: 18px;
}
.notice-comp li a .date{
margin-left: 12px;
}