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