.njz-map-item-title {
font-size: 20px;
font-weight: bold;
color: #018E64;
margin-bottom: 20px;
}
.njz-map-arrow {
color: #f99c34;
font-size: 10px;
margin-left: 4px;
transform: scale(0.6);
display: inline-block;
}
.njz-map-item-ul1>li>a {
font-size: 16px;
font-weight: bold;
color: #333;
margin-bottom: 10px;
display: inline-block;
}
.njz-map-item-ul2>li {
display: block;
}
.njz-map-item-ul2 {
padding-left: 16px;
}
.njz-map-item-ul2>li>a {
color: #666;
font-size: 14px;
margin-bottom: 10px;
display: inline-block;
}
.njz-map-main {
display: flex;
border-bottom: 1px solid #E8E8E8;
flex-wrap: wrap;
margin-bottom: 60px;
}
.njz-map-main:first-child {
margin-top: 0;
}
.njz-map-item {
margin-right: 72px;
margin-bottom: 40px;
}
.njz-map-main .njz-map-item:last-child{ margin-right: 0; }
.njz-sy-item-title {
font-size: 24px;
font-weight: bold;
color: #fff;
margin-top: 120px;
position: relative;
}
.njz-sy-item-title::after {
content: "";
width: 20px;
height: 4px;
background: #fff;
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -10px;
display: none;
}
.njz-sy-item-desc {
font-size: 14px;
color: #fff;
margin-top: 40px;
margin-bottom: 80px;
display: none;
}
.njz-sy-item {
height: 400px;
width: calc(100% / 2 - 20px);
transition: all .4s ease;
}
.njz-sy-item1 {
background: url(../image/crjz-info-specification-pic01.jpg) center center no-repeat;
background-size: cover;
}
.njz-sy-item2 {
background: url(../image/crjz-info-specification-pic02.jpg) center center no-repeat;
background-size: cover;
}
.njz-sy {
display: flex;
justify-content: space-between;
text-align: center;
}
.njz-sy-item-btn {
width: 32px;
height: 24px;
background: #018E64;
border-radius: 12px;
text-align: center;
line-height: 22px;
color: #fff;
font-size: 12px;
transition: all .4s ease;
cursor: pointer;
overflow: hidden;
margin: 0 auto;
margin-top: 70px;
}
.njz-sy-item-btn a {
color: #fff;
font-size: 12px;
}
.njz-sy-item-btn span {
color: #fff;
font-size: 12px;
margin-right: 4px;
display: none;
}
.njz-sy-item-btn:hover {
width: 100px;
transition: all .4s ease;
}
.njz-sy-item-btn:hover span {
display: inline-block;
}
.njz-sy-item:hover .njz-sy-item-desc {
display: block;
transition: all .4s ease;
}
.njz-sy-item:hover .njz-sy-item-title::after {
display: block;
}
.njz-sun-item {
width: calc((100% - 40px) / 3);
height: 288px;
background: #FFFFFF;
border: 1px solid #E8E8E8;
padding: 40px;
color: #666;
font-size: 16px;
margin-bottom: 20px;
transition: all .4s ease;
float: left;
}
.njz-sun-item:hover {
transition: all .4s ease;
background: #018E64;
color: #fff;
}
.njz-sun-item:hover .njz-sun-item-title {
color: #fff;
}
.njz-sun-item:not(:nth-child(3n)) {
margin-right: 20px;
}
.njz-sun-item-title {
font-size: 20px;
font-weight: bold;
color: #333;
margin-top: 20px;
margin-bottom: 20px;
}
.njz-sun-item-desc {
margin-bottom: 20px;
}
.njz-sun-item .njz-sy-item-btn {
margin: 0;
}
.njz-sun-item:hover .njz-sy-item-btn {
background: #fff;
}
.njz-sun-item:hover .njz-sy-item-btn a {
color: #018E64;
}
.njz-sun-item:hover .njz-sy-item-btn span {
color: #018E64;
}
.njz-report-list-item {
width: 260px;
margin-bottom: 60px;
transition: all .4s ease;
float: left;
}
.njz-report-list-item:not(:nth-child(4n)) {}
.njz-report-list-item:hover {
transition: all .4s ease;
transform: translateY(-20px);
}
.njz-report-list-item-pic {
width: 100%;
height: 346px;
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
}
.njz-report-list-item-pic img {
width: 100%;
}
.njz-report-list-item-title {
font-size: 20px;
color: #333;
font-weight: bold;
text-align: center;
margin-top: 20px;
}
.njz-report-title {
text-align: center;
color: #666;
font-size: 16px;
margin-bottom: 64px;
}
.njz-xf-lj {
width: 90%;
position: relative;
}
.njz-xf-lj-bg {
width: 100%;
}
.njz-xf-ljFont {
width: 54%;
height: 340px;
background: rgba(1,142,100,0.95);
position: absolute;
right: -118px;
top: 50%;
transform: translateY(-50%);
color: #fff;
padding: 40px;
font-size: 16px;
}
.njz-xf-ljFont-title {
font-weight: bold;
margin-bottom: 20px;
}
/* .njz-xf-ljFont-main-content {
font-weight: bold;
} */
.njz-xf-ljFont-main-item {
margin-bottom: 8px;
}
.njz-xf-qq .ybToptitle {
margin-top: 80px;
}
.njz-xf-qq-main-pic {
width: 49%;
}
.njz-xf-qq-main-pic img {
width: 100%;
}
.njz-xf-qq-main {
display: flex;
border: 1px solid #E8E8E8;
}
.njz-xf-qq-main-font {
padding: 80px;
}
.njz-xf-qq-main-font-title {
font-size: 16px;
color: #333;
font-weight: bold;
margin-bottom: 20px;
}
.njz-xf-qq-main-font-desc {
color: #666;
/* font-weight: bold; */
}
.njz-xf-qq-main-font-desc:not(:last-child) {
margin-bottom: 20px;
}
.blue {
color: #0062B1;
/* font-weight: bold; */
}
.njz-xf-form .ybToptitle {
margin-top: 80px;
}
.njz-xf-form-desc {
color: #9e9e9e;
}
.njz-xf-formm-main input {
outline: none;
border: none;
width: 700px;
height: 56px;
background: #FFFFFF;
border: 1px solid #E8E8E8;
display: block;
padding-left: 20px;
padding-right: 10px;
margin-bottom: 40px;
}
.njz-xf-formm-main textarea {
outline: none;
border: none;
width: 700px;
background: #FFFFFF;
border: 1px solid #E8E8E8;
display: block;
padding-left: 20px;
padding-right: 10px;
padding-top: 15px;
font-family: \5FAE\8F6F\96C5\9ED1, arial, tahoma, Verdana, sans-serif;
margin-bottom: 40px;
}
.njz-xf-formm-main input.yzm {
width: 261px;
}
.njz-xf-formm-main {
width: 700px;
margin: 0 auto;
margin-top: 40px;
}
.njz-xf-formm-main-btn button {
width: 160px;
height: 64px;
text-align: center;
line-height: 64px;
outline: none;
border: none;
margin-right: 10px;
cursor: pointer;
}
.njz-xf-formm-main-btn button:first-child {
background: #018E64;
color: #fff;
font-weight: bold;
}
.njz-xf-formm-main-btn button:last-child {
background: #D8ECE7;
color: #018E64;
font-weight: bold;
}
.star {
color: red;
position: absolute;
top: 15px;
left: 10px;
font-style: normal;
}
.njz-xf-formm-main-item {
position: relative;
}
.njz-tzz-item>a {
display: flex;
justify-content: space-between;
height: 80px;
line-height: 80px;
padding: 0 20px;
transition: all .4s ease;
}
.njz-tzz-item>a:hover {
background: #018E64;
}
.njz-tzz-item>a:hover span {
color: #fff;
}
.njz-tzz-item-title {
font-size: 20px;
font-weight: bold;
color: #333;
position: relative;
flex: 1;
overflow: hidden;
padding:0 50px;
}
.njz-tzz-item .njz-tzz-item-title{ font-weight: inherit; }
.njz-tzz-item-title .t{ width: 100%; display: block; }
.pdf {
position: absolute;
left: 0px; top: 25px;
display: inline-block;
width: 28px;
height: 28px;
background: url(../image/pdf.png) center center no-repeat;
background-size: 100% 100%;
vertical-align: middle;
margin-right: 10px;
}
.njz-tzz-item-time {
color: #018E64;
font-size: 18px;
font-weight: bold;
}
.njz-bm-form {
background: #FCFEFE;
border: 1px solid #E8E8E8;
width: 66%;
padding: 40px;
}
.njz-bm-form input {
width: 100%;
outline: none;
border: none;
background: #fff;
border: 1px solid #E8E8E8;
height: 48px;
padding: 10px 10px 10px 20px;
color: #9e9e9e;
font-size: 16px;
}
.njz-bm-form textarea {
width: 100%;
outline: none;
border: none;
background: #fff;
border: 1px solid #E8E8E8;
height: 120px;
padding: 10px 10px 10px 20px;
color: #9e9e9e;
font-size: 16px;
font-family: \5FAE\8F6F\96C5\9ED1, arial, tahoma, Verdana, sans-serif;
}
.njz-bm-form input.yzm {
width: 200px;
}
.njz-bm-form-item:not(:last-child) {
margin-bottom: 40px;
}
.yzm-font {
color: #0062B1;
font-size: 16px;
cursor: pointer;
}
.njz-bm-form-item button {
width: 140px;
height: 48px;
outline: none;
border: none;
cursor: pointer;
}
.njz-bm-form-item button[type=submit] {
background: #018E64;
color: #fff;
}
.njz-bm-form-item button[type=reset] {
background: #D8ECE7;
color: #018E64;
margin-left: 20px;
}
.njz-bm-form-item {
position: relative;
}
.njz-bm-form .star {
top: 12px;
}
.njz-bm-hd {
width: calc(100% - 20px - 66%);
padding: 40px;
background: #FCFEFE;
border: 1px solid #E8E8E8;
}
.njz-bm {
display: flex;
justify-content: space-between;
margin-top: 64px;
}
.njz-bm-form-title {
font-weight: bold;
color: #333333;
font-size: 32px;
margin-bottom: 40px;
}
.njz-bm-hd-pic {
width: 100%;
}
.njz-bm-hd-pic img {
width: 100%;
}
.njz-bm-hd-desc {
margin-top: 40px;
}
.njz-bm-hd-desc>div {
margin-bottom: 16px;
display: flex;
align-items: center;
}
.njz-bm-hd-desc span {
color: #666;
flex: 1;
}
.njz-bm-hd-desc>div:first-child span{ color: #f99c34; }
.njz-bm-hd-desc .icon {
vertical-align: middle;
margin-right: 10px; font-size:18px;
}
.njz-bm-hd-desc .njz-bm-hd-btn{ text-align: center; margin:0; }
.njz-bm-hd-btn a {
display: inline-block;
width: 180px;
height: 48px;
line-height: 48px;
text-align: center;
background: #018E64;
color: #fff;
font-size: 16px;
font-weight: bold;
margin: 20px auto 0;
}
.njz-lnmb-block1-list-item {
width: calc((100% - 20px) / 2);
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}
.njz-lnmb-block1-list-item-l {
width: 80px;
height: 80px;
margin-right: 20px;
}
.njz-lnmb-block1-list-item-r {
padding-bottom: 40px;
box-shadow: inset 0px -1px 0px 0px #F2F2F2;
flex: 1;
}
.njz-lnmb-block1-list-item-l img {
width: 100%;
height: 1005;
}
.njz-lnmb-block1-list-item-r-title {
font-size: 20px;
color: #333;
font-weight: bold;
padding-bottom: 20px;
}
.njz-lnmb-block1-list-item-r-desc {
color: #666;
font-size: 16px;
}
.njz-lnmb-block1-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.njz-lnmb-block2 {
background: #F2F8F8;
min-height: 500px;
padding-bottom: 120px;
}
.njz-lnmb-block2 .ybToptitle {
padding-top: 100px;
}
.njz-lnmb-block3 .ybToptitle {
padding-top: 100px;
}
.njz-lnmb-block3-desc,
.njz-lnmb-block1-desc {
font-size: 16px;
color: #666666;
line-height: 32px;
margin-bottom: 43px;
}
.njz-lnmb-block3-list-item {
width: 380px;
background: #FFFFFF;
border: 1px solid #E8E8E8;
height: 240px;
float: left;
padding: 32px;
}
.njz-lnmb-block3-list-item .title{ padding-bottom: 20px; }
.njz-lnmb-block3-list-item1 {
background: url(../image/icon01.png) right bottom no-repeat;
background-size: 70px 70px;
}
.njz-lnmb-block3-list-item2 {
background: url(../image/icon02.png) right bottom no-repeat;
background-size: 70px 70px;
}
.njz-lnmb-block3-list-item3 {
background: url(../image/icon03.png) right bottom no-repeat;
background-size: 70px 70px;
}
.njz-lnmb-block1 {
margin-bottom: 80px;
}
.mnjz-lnmb-block1 {
margin-bottom: 60px;
display: none;
}
.mnjz-lnmb-block1-pic {
width: 40px;
height: 40px;
}
.mnjz-lnmb-block1-pic img {
max-width: 100%;
max-height: 100%;
}
.mnjz-lnmb-block1 .swiper-slide {
display: flex;
position: initial;
}
.mnjz-lnmb-block1 .swiper-slide-prev {
right: -20%;
}
.mnjz-lnmb-block1 .swiper-slide-next {
left: -20%;
}
.mnjz-lnmb-block1-font {
margin-left: 10px;
box-shadow: inset 0px -1px 0px 0px #F2F2F2;
padding-bottom: 20px;
}
.mnjz-lnmb-block1-font1 {
color: #333;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
.mnjz-lnmb-block1-font2 {
color: #666;
font-size: 14px;
}
@media screen and (max-width:1200px) {
.njz-map-main {
padding: 0 16px;
}
.njz-sy {
padding: 0 16px;
}
.njz-report {
padding: 0 16px;
}
.njz-xf {
padding: 0 16px;
}
.njz-lnmb {
padding: 0 16px;
}
.njz-lnmb-block2 {
padding: 0 16px;
}
.njz-lnmb-block3 {
padding: 0 16px;
}
.njz-xf-ljFont{ padding:30px; height: auto; width: 66%; }
.njz-map-item-title{ padding:0 16px; }
}
@media screen and (max-width:1050px) {
.njz-sun-item {
width: calc((100% - 20px) / 2);
}
.njz-sun-item:not(:nth-child(3n)) {
margin-right: 0px;
}
.njz-sun-item:not(:nth-child(2n)) {
margin-right: 20px;
}
}
@media screen and (max-width:1000px) {
.njz-xf-lj {
width: 100%;
}
.njz-xf-ljFont {
position: initial;
top: 0;
transform: none;
width: 100%;
}
.njz-xf-qq-main {
display: block;
}
.njz-xf-qq-main-pic {
width: 100%;
}
.njz-xf-qq-main-font {
width: 100%;
}
.njz-xf-qq-main-font {
padding: 40px;
}
}
@media screen and (max-width:750px) {
.njz-sy {
display: block;
}
.njz-sy-item {
width: 100%;
}
.njz-sy-item-desc,.njz-sy-item-btn {
display: block;
margin:0;
}
.njz-sy-item-desc{ margin:30px 40px; }
.njz-sy-item-title::after {
display: block;
}
.njz-sy-item-title {
margin-top: 0;
padding-top: 0;
font-size:16px;
}
.njz-sy-item:first-child {
margin-bottom: 20px;
}
.njz-sun {
padding: 0 16px;
}
.njz-sun-item {
width: 100%;
}
.njz-report-list-item {
width: 160px;
margin-bottom: 40px;
}
.njz-report-list-item-pic {
height: 213px;
}
.njz-report-list-item-title {
font-size: 14px;
margin-top: 10px;
}
.njz-xf-formm-main {
width: 100%;
}
.njz-xf-formm-main input {
width: 100%;
}
.njz-xf-formm-main textarea {
width: 100%;
}
.njz-xf-ljFont {
padding: 20px;
}
.njz-xf-qq-main-font {
padding: 20px;
}
.njz-xf-qq .ybToptitle {
margin-top: 40px;
}
.njz-xf-form .ybToptitle {
margin-top: 40px;
}
.njz-xf-formm-main input.yzm {
width: 140px;
}
.njz-xf-formm-main-btn button {
width: 100px;
height: 40px;
line-height: 40px;
}
.njz-tzz-item>a {
display: block;
line-height: inherit;
margin-top: 32px;
height: auto; padding:0;
}
.njz-tzz-item>a>span {
display: block;
}
.njz-tzz-item a .njz-tzz-item-title{ padding:0; padding-left: 38px; }
.njz-tzz-item-time {
font-size: 14px;
margin-left: 38px;
margin-top: 20px;
}
.njz-tzz-item a .pdf{ top: 0; }
.njz-tzz-item-title .t{ white-space:inherit; font-weight: 600; }
.njz-tzz-item>a:hover{ background-color: #fff; }
.njz-tzz-item>a:hover span{ color: #333; }
.njz-tzz-item-title {
font-size: 16px;
}
.njz-tzz {
padding: 0;
}
.njz-bm {
display: block;
}
.njz-bm-form {
width: 100%;
padding:20px;
}
.njz-bm-form-title{ font-size:16px; margin-bottom: 20px; }
.njz-bm-hd-desc{ margin-top: 20px; }
.njz-bm-form input.yzm{ width:188px; }
.njz-bm-form .yzm-img{ height: 48px; }
.njz-bm-hd {
width: 100%;
padding:20px;
}
.njz-bm {
padding: 0 16px;
}
.njz-lnmb-block1-list {
display: block;
}
.njz-lnmb-block1-list-item {
width: 100%;
}
.njz-lnmb-block1-list-item-r {
width: calc(100% - 100px);
}
.mnjz-lnmb-block1 {
display: block;
}
.njz-lnmb {
display: none;
}
.njz-lnmb-block3-list-item{ height: auto; padding:30px 20px; }
.njz-bm-hd{ margin-top: 40px; }
.njz-lnmb-block2 .ybToptitle,.njz-lnmb-block3 .ybToptitle{ padding-top: 60px; }
.njz-lnmb-block2{ padding:0 16px 60px; }
.njz-sy-item{ height: 64vw;
height: 64vw;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.njz-map-item-title{ font-size: 18px; }
.njz-map-main{ margin-bottom: 40px; position: relative; border:none; }
.njz-map-main:after{ content: ""; border-bottom: 1px solid #E8E8E8; position: absolute; bottom: 0; left: 16px; width: calc(100% - 32px);
bottom: 0;
}
.jzMap .njz-map-main:last-child{ margin-bottom: 0; }
}
@media screen and (max-width:640px) {
.jzPubNews .njz-bm{ padding:0;}
.njz-bm-form input.yzm{ width:100px; }
.njz-bm-form-item button{ width: 100px; }
.njz-bm{ margin-top: 32px; }
.njz-bm-hd-btn a{ margin:20px auto 0; }
.njz-lnmb-block3 .njz-lnmb-block3{ padding:0; }
.njz-sy{ padding:0; }
.njz-xf{ padding:0; }
.njz-map-main .njz-map-item{ width: 100%; margin-right: 0; margin-bottom: 20px; }
.njz-map-item-ul1>li>a{ margin-bottom: 0; }
.njz-map-item-ul2{ margin-top:10px; }
.njz-map-item-ul2 li:last-child a{ margin-bottom: 0; }
.yzm-font{ font-size:12px; }
.njz-bm-form .yzm-img{width: 100px;}
}