<>
/* 默认字体颜色 */
/* 主题色 */
/* 辅助色 */
/* 大间距 */
/* 中间距 */
/* 小间距 */
/* 更小间距 */
/* 背景色 */
@media (min-width: 992px) and (max-width: 1200px) {
.zj_header {
width: 100% !important;
height: auto !important;
background: url(/cms_files/filemanager/1544070/picture/202512/22AA1FB5F8A4DBE130B92A7EA96D67A3.png)
no-repeat;
background-size: auto 150% !important;
background-position: center !important;
padding-bottom: 40px !important;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.zj_header {
width: 100% !important;
height: auto !important;
background: url(/cms_files/filemanager/1544070/picture/202512/22AA1FB5F8A4DBE130B92A7EA96D67A3.png)
no-repeat;
background-size: auto 150% !important;
background-position: center !important;
padding-bottom: 40px !important;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.zj_header .zj_header_top_main {
width: calc(100% - 24px * 2) !important;
margin: 0 auto !important;
height: 100% !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.zj_header .zj_header_top_main {
width: calc(100% - 24px * 2) !important;
margin: 0 auto !important;
height: 100% !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.zj_header .zj_header_middle_search {
width: 550px !important;
height: 50px !important;
margin: 0 auto !important;
background-color: #fff !important;
border-radius: 4px !important;
display: flex !important;
align-items: center !important;
margin-bottom: 0 !important;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.zj_header .zj_header_middle_search {
width: 60vw !important;
height: 5vw !important;
}
}
@media screen and (max-width: 576px) {
.zj_header .zj_header_middle_search {
width: 80vw !important;
height: 8vw !important;
}
}
@media screen and (max-width: 375px) {
.zj_header .zj_header_middle_search {
width: 80vw !important;
height: 8vw !important;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.zj_content {
width: 100%;
height: auto;
background-size: 200% 100%;
background-position: top center;
padding-top: 0;
margin-top: 0;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.zj_content {
width: 100%;
height: auto;
background-size: 200% 100%;
background-position: top center;
padding-top: 0;
margin-top: 0;
}
}
@media screen and (max-width: 576px) {
.zj_content {
width: 100%;
height: auto;
background-size: 200% 100%;
background-position: top center;
padding-top: 0;
margin-top: 0;
}
}
@media screen and (max-width: 375px) {
.zj_content {
width: 100%;
height: auto;
background-size: 200% 100%;
background-position: top center;
padding-top: 0;
margin-top: 0;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.zj_content .zj_content_nav {
width: calc(100% - 24px * 2);
height: auto;
padding: 18px 0;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.zj_content .zj_content_nav {
width: calc(100% - 24px * 2);
height: auto;
padding: 18px 0;
}
}
@media screen and (max-width: 576px) {
.zj_content .zj_content_nav {
width: calc(100% - (2vw * 2));
height: auto;
flex-wrap: wrap;
padding: 18px 0;
}
.zj_content .zj_content_nav li {
width: 33%;
}
}
@media screen and (max-width: 375px) {
.zj_content .zj_content_nav {
width: calc(100% - (2vw * 2));
height: auto;
flex-wrap: wrap;
padding: 18px 0;
}
.zj_content .zj_content_nav li {
width: 33%;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.zj_content .zj_content_title,
.zj_content .zj_content_nav_title_span,
.zj_content .zj_content_nav_title_tuwen,
.zj_content .zj_content_nav_title_list,
.zj_content .zj_content_nav_title_list_2,
.zj_content .zj_content_nav_title_list_3,
.zj_content .zj_content_nav_title_list_4 {
width: calc(100% - 24px * 2);
height: auto;
display: block;
margin-bottom: 30px;
padding: 20px;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.zj_content .zj_content_title,
.zj_content .zj_content_nav_title_span,
.zj_content .zj_content_nav_title_tuwen,
.zj_content .zj_content_nav_title_list,
.zj_content .zj_content_nav_title_list_2,
.zj_content .zj_content_nav_title_list_3,
.zj_content .zj_content_nav_title_list_4 {
width: calc(100% - 24px * 2);
height: auto;
display: block;
margin-bottom: 30px;
padding: 20px;
}
}
@media screen and (max-width: 576px) {
.zj_content .zj_content_title,
.zj_content .zj_content_nav_title_span,
.zj_content .zj_content_nav_title_tuwen,
.zj_content .zj_content_nav_title_list,
.zj_content .zj_content_nav_title_list_2,
.zj_content .zj_content_nav_title_list_3,
.zj_content .zj_content_nav_title_list_4 {
width: calc(100% - (2vw * 2));
height: auto;
display: block;
margin-bottom: 5vw;
padding: 4vw;
}
}
@media screen and (max-width: 375px) {
.zj_content .zj_content_title,
.zj_content .zj_content_nav_title_span,
.zj_content .zj_content_nav_title_tuwen,
.zj_content .zj_content_nav_title_list,
.zj_content .zj_content_nav_title_list_2,
.zj_content .zj_content_nav_title_list_3,
.zj_content .zj_content_nav_title_list_4 {
width: calc(100% - (2vw * 2));
height: auto;
display: block;
margin-bottom: 5vw;
padding: 4vw;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.zj_content .zj_content_title {
padding: 0;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.zj_content .zj_content_title {
padding: 0;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.zj_content .zj_content_nav_title_tupian {
width: calc(100% - 24px * 2);
height: auto;
display: flex;
margin-bottom: 30px;
}
.zj_content .zj_content_nav_title_tupian .zj_content_nav_title_tupian_one {
width: 48%;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.zj_content .zj_content_nav_title_tupian {
width: calc(100% - (2vw * 2));
height: auto;
display: block;
}
.zj_content .zj_content_nav_title_tupian .zj_content_nav_title_tupian_one {
width: 100%;
margin-bottom: 4vw;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.zj_content .zj_content_nav_title_tuwen_left,
.zj_content .zj_content_nav_title_tuwen_right,
.zj_content .zj_content_nav_title_list_left,
.zj_content .zj_content_nav_title_list_right {
width: 100%;
height: 100%;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.zj_content .zj_content_nav_title_tuwen_left,
.zj_content .zj_content_nav_title_tuwen_right,
.zj_content .zj_content_nav_title_list_left,
.zj_content .zj_content_nav_title_list_right {
width: 100%;
height: 100%;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.zj_content .zj_content_nav_title_tuwen_right,
.zj_content .zj_content_nav_title_list_right {
margin-top: 20px;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.zj_content .zj_content_nav_title_tuwen_right,
.zj_content .zj_content_nav_title_list_right {
margin-top: 20px;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.zj_content .zj_content_nav_title_span li {
width: 100%;
height: 100%;
font-size: 20px;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.zj_content .zj_content_nav_title_span li {
width: 100%;
height: 100%;
font-size: 20px;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.zj_content .zj_content_nav_title_tuwen_right_top {
width: 100%;
height: auto;
padding-bottom: 15px;
display: flex;
flex-wrap: wrap;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.zj_content .zj_content_nav_title_tuwen_right_top {
width: 100%;
height: auto;
padding-bottom: 15px;
display: flex;
flex-wrap: wrap;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.zj_content .zj_content_nav_title_tuwen_right_bottom {
width: 100%;
height: auto;
padding-top: 20px;
border-top: 1px dashed rgba(0000.5);
}
}
@media (min-width: 767px) and (max-width: 992px) {
.zj_content .zj_content_nav_title_tuwen_right_bottom {
width: 100%;
height: auto;
padding-top: 20px;
border-top: 1px dashed rgba(0000.5);
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.zj_content .zj_content_nav_title_list_one {
width: 100%;
height: auto;
margin-bottom: 20px;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.zj_content
.zj_content_nav_title_list_one
.zj_content_nav_title_list_one_left {
width: 12vw;
height: 100%;
background-color: #e7f1f8;
text-align: center;
}
.zj_content
.zj_content_nav_title_list_one
.zj_content_nav_title_list_one_right {
width: calc(100% - 16vw);
height: auto;
font-size: 16px;
line-height: 2;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.zj_content .zj_content_nav_title_list_one {
width: 100%;
height: auto;
margin-bottom: 20px;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.zj_content
.zj_content_nav_title_list_one
.zj_content_nav_title_list_one_left {
width: 12vw;
height: 100%;
background-color: #e7f1f8;
text-align: center;
}
.zj_content
.zj_content_nav_title_list_one
.zj_content_nav_title_list_one_right {
width: calc(100% - 16vw);
height: auto;
font-size: 16px;
line-height: 2;
}
}
@media screen and (max-width: 576px) {
.zj_content .zj_content_nav_title_list_one {
margin-bottom: 4vw;
}
.zj_content
.zj_content_nav_title_list_one
.zj_content_nav_title_list_one_right {
font-size: 4vw;
}
}
@media screen and (max-width: 375px) {
.zj_content .zj_content_nav_title_list_one {
margin-bottom: 4vw;
}
.zj_content
.zj_content_nav_title_list_one
.zj_content_nav_title_list_one_right {
font-size: 4vw;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.zj_content .zj_content_nav_title_list_right_one {
width: 100%;
height: auto;
display: flex;
margin-bottom: 20px;
align-items: center;
justify-content: flex-start;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.zj_content .zj_content_nav_title_list_right_one {
width: 100%;
height: auto;
display: flex;
margin-bottom: 20px;
align-items: center;
justify-content: flex-start;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.zj_content .zj_content_nav_title_list_right_two {
width: 100%;
height: auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.zj_content .zj_content_nav_title_list_right_two a {
width: 48%;
}
.zj_content .zj_content_nav_title_list_right_two li {
width: 100%;
height: auto;
margin-bottom: 4vw;
padding: 4vw;
font-size: 16px;
display: flex;
align-items: center;
padding-left: 20px;
color: #0068b7;
background-size: 100% 100%;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.zj_content .zj_content_nav_title_list_right_two {
width: 100%;
height: auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.zj_content .zj_content_nav_title_list_right_two a {
width: 48%;
}
.zj_content .zj_content_nav_title_list_right_two li {
width: 100%;
height: auto;
margin-bottom: 4vw;
padding: 4vw;
font-size: 16px;
display: flex;
align-items: center;
padding-left: 20px;
color: #0068b7;
background-size: 100% 100%;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.zj_content .zj_content_nav_title_list_2_left {
display: block;
width: 100%;
height: 100%;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.zj_content .zj_content_nav_title_list_2_left {
display: block;
width: 100%;
height: 100%;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.zj_content .zj_content_nav_title_list_2_right {
width: 100%;
height: 100%;
padding-top: 20px;
padding-right: 20px;
}
.zj_content
.zj_content_nav_title_list_2_right
.zj_content_nav_title_list_2_right_top {
width: 100%;
height: auto;
display: flex;
justify-content: flex-start;
align-items: flex-end;
margin-bottom: 22px;
}
.zj_content
.zj_content_nav_title_list_2_right
.zj_content_nav_title_list_2_right_top
.zj_content_nav_title_list_2_right_top_left {
width: auto;
height: 100%;
margin-left: 1.5rem;
}
.zj_content
.zj_content_nav_title_list_2_right
.zj_content_nav_title_list_2_right_top
.zj_content_nav_title_list_2_right_top_right {
width: auto;
height: 60px;
}
.zj_content
.zj_content_nav_title_list_2_right
.zj_content_nav_title_list_2_right_bottom {
width: 100%;
height: auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.zj_content
.zj_content_nav_title_list_2_right
.zj_content_nav_title_list_2_right_bottom
a {
width: 48%;
}
.zj_content
.zj_content_nav_title_list_2_right
.zj_content_nav_title_list_2_right_bottom
li {
width: 44vw;
margin-bottom: 21px;
font-size: 16px;
line-height: 2;
color: #333;
padding: 3vw 3vw 3vw 12vw;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.zj_content .zj_content_nav_title_list_2_right {
width: 100%;
height: 100%;
padding-top: 20px;
padding-right: 20px;
}
.zj_content
.zj_content_nav_title_list_2_right
.zj_content_nav_title_list_2_right_top {
width: 100%;
height: auto;
display: flex;
justify-content: flex-start;
align-items: flex-end;
margin-bottom: 22px;
}
.zj_content
.zj_content_nav_title_list_2_right
.zj_content_nav_title_list_2_right_top
.zj_content_nav_title_list_2_right_top_left {
width: auto;
height: 100%;
margin-left: 1.5rem;
}
.zj_content
.zj_content_nav_title_list_2_right
.zj_content_nav_title_list_2_right_top
.zj_content_nav_title_list_2_right_top_right {
width: auto;
height: 60px;
}
.zj_content
.zj_content_nav_title_list_2_right
.zj_content_nav_title_list_2_right_bottom {
width: 100%;
height: auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.zj_content
.zj_content_nav_title_list_2_right
.zj_content_nav_title_list_2_right_bottom
a {
width: 48%;
}
.zj_content
.zj_content_nav_title_list_2_right
.zj_content_nav_title_list_2_right_bottom
li {
width: 44vw;
margin-bottom: 21px;
font-size: 16px;
line-height: 2;
color: #333;
padding: 3vw 3vw 3vw 12vw;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.zj_content .zj_content_nav_title_list_3_left {
width: 100%;
height: 100%;
background-size: 100% 100%;
padding-bottom: 2vw;
}
.zj_content
.zj_content_nav_title_list_3_left
.zj_content_nav_title_list_3_left_bottom {
width: calc(100% - 11vw);
height: auto;
margin: 0px auto;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.zj_content .zj_content_nav_title_list_3_left {
width: 100%;
height: 100%;
background-size: 100% 100%;
padding-bottom: 2vw;
}
.zj_content
.zj_content_nav_title_list_3_left
.zj_content_nav_title_list_3_left_bottom {
width: calc(100% - 11vw);
height: auto;
margin: 0px auto;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.zj_content .zj_content_nav_title_list_3_right {
width: 100%;
height: 100%;
}
.zj_content
.zj_content_nav_title_list_3_right
.zj_content_nav_title_list_3_right_top {
width: 100%;
height: auto;
display: flex;
justify-content: flex-start;
align-items: flex-end;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.zj_content .zj_content_nav_title_list_3_right {
width: 100%;
height: 100%;
}
.zj_content
.zj_content_nav_title_list_3_right
.zj_content_nav_title_list_3_right_top {
width: 100%;
height: auto;
display: flex;
justify-content: flex-start;
align-items: flex-end;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.zj_content .zj_content_nav_title_list_3_right_bottom li {
padding-left: 0;
margin: 3.2vw 3.2vw 0 0;
width: 48%;
}
.zj_content .zj_content_nav_title_list_3_right_bottom li img {
width: 10vw;
height: auto;
margin: 0 3.2vw;
}
.zj_content .zj_content_nav_title_list_3_right_bottom li:nth-child(2n) {
margin-right: 0;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.zj_content .zj_content_nav_title_list_3_right_bottom li {
padding-left: 0;
margin: 3.2vw 3.2vw 0 0;
width: 48%;
}
.zj_content .zj_content_nav_title_list_3_right_bottom li img {
width: 10vw;
height: auto;
margin: 0 3.2vw;
}
.zj_content .zj_content_nav_title_list_3_right_bottom li:nth-child(2n) {
margin-right: 0;
}
}
.zj_content .zj_content_nav_title_list_4_content {
width: 100%;
height: auto;
margin: 0 auto;
}
@media (min-width: 992px) and (max-width: 1200px) {
.zj_header_middle_nav,
.left_position1,
.left_position2,
.left_position3,
.zj_content_nav_title_list_4_title_p_position {
display: none !important;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.zj_header_middle_nav,
.left_position1,
.left_position2,
.left_position3,
.zj_content_nav_title_list_4_title_p_position {
display: none !important;
}
}
@media screen and (max-width: 576px) {
.zj_header_middle_nav,
.left_position1,
.left_position2,
.left_position3,
.zj_content_nav_title_list_4_title_p_position {
display: none !important;
}
}
@media screen and (max-width: 375px) {
.zj_header_middle_nav,
.left_position1,
.left_position2,
.left_position3,
.zj_content_nav_title_list_4_title_p_position {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.slide {
height: 50vw;
}
.slide .swiper-container {
width: 100%;
height: 100%;
}
.slide .swiper-container li a img {
width: 100%;
height: 100%;
}
.slide .swiper-container .slideTxt {
width: 100%;
height: auto;
line-height: 1;
padding: 10px 0;
position: absolute;
bottom: 0;
left: 0;
padding-left: 1.25rem;
z-index: 2;
background-color: rgba(0000.4);
}
}
@media (min-width: 767px) and (max-width: 992px) {
.slide {
height: 50vw;
}
.slide .swiper-container {
width: 100%;
height: 100%;
}
.slide .swiper-container li a img {
width: 100%;
height: 100%;
}
.slide .swiper-container .slideTxt {
width: 100%;
height: auto;
line-height: 1;
padding: 10px 0;
position: absolute;
bottom: 0;
left: 0;
padding-left: 1.25rem;
z-index: 2;
background-color: rgba(0000.4);
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.friendly-link-wrap,
.footer-wrap {
width: calc(100% - 24px * 2) !important;
height: auto;
flex-wrap: wrap;
padding: 20px 0;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.friendly-link-wrap,
.footer-wrap {
width: calc(100% - 24px * 2) !important;
height: auto;
flex-wrap: wrap;
padding: 20px 0;
}
}
@media screen and (max-width: 576px) {
.friendly-link-wrap,
.footer-wrap {
width: calc(100% - (2vw * 2)) !important;
height: auto;
flex-wrap: wrap;
padding: 20px 0;
}
.friendly-link-wrap li,
.footer-wrap li {
width: 33%;
}
}
@media screen and (max-width: 375px) {
.friendly-link-wrap,
.footer-wrap {
width: calc(100% - (2vw * 2)) !important;
height: auto;
flex-wrap: wrap;
padding: 20px 0;
}
.friendly-link-wrap li,
.footer-wrap li {
width: 33%;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.friendly-link-tab {
flex-wrap: wrap;
}
.friendly-link-tab .friendly-link-item {
width: 48%;
}
.friendly-link-tab .friendly-link-item:nth-child(-n + 2) {
margin-bottom: 3.6vw;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.friendly-link-tab {
flex-wrap: wrap;
}
.friendly-link-tab .friendly-link-item {
width: 48%;
}
.friendly-link-tab .friendly-link-item:nth-child(-n + 2) {
margin-bottom: 3.6vw;
}
}
@media screen and (max-width: 576px) {
.friendly-link-tab {
flex-wrap: wrap;
}
.friendly-link-tab .friendly-link-item {
width: 48%;
}
.friendly-link-tab .friendly-link-item:nth-child(-n + 2) {
margin-bottom: 3.6vw;
}
}
@media screen and (max-width: 375px) {
.friendly-link-tab {
flex-wrap: wrap;
}
.friendly-link-tab .friendly-link-item {
width: 48%;
}
.friendly-link-tab .friendly-link-item:nth-child(-n + 2) {
margin-bottom: 3.6vw;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.footer .jiucuo {
margin-right: 0;
}
.website-link {
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 0;
}
.footer-content .copyright {
text-align: left;
}
.website-info {
justify-content: flex-start;
flex-wrap: wrap;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.footer .jiucuo {
margin-right: 0;
}
.website-link {
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 0;
}
.footer-content .copyright {
text-align: left;
}
.website-info {
justify-content: flex-start;
flex-wrap: wrap;
}
}
@media screen and (max-width: 576px) {
.footer .jiucuo {
margin-right: 0;
}
.website-link {
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 0;
}
.footer-content .copyright {
text-align: left;
}
.website-info {
justify-content: flex-start;
flex-wrap: wrap;
}
}
@media screen and (max-width: 375px) {
.footer .jiucuo {
margin-right: 0;
}
.website-link {
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 0;
}
.footer-content .copyright {
text-align: left;
}
.website-info {
justify-content: flex-start;
flex-wrap: wrap;
}
}
>