/* ==================================================================================== */ /* 滚动到一定距离，将导航隐藏 */ #header_bg, #header_ct{transition:.3s;opacity: 1;} #header.scroll-down #header_bg, #header.scroll-down #header_ct{transform: translateY(-100%);pointer-events: none;} /* ==================================================================================== */ /* 背景色 */ #header_bg{height: var(--head_top_height);width: 100%;pointer-events: none;transition:.3s,height .1s;background: var(--head_bg_color);} #header.scroll-top #header_bg{height: var(--head_top_height);} #header.fixed.scroll-top #header_bg{background: rgba(0, 0, 0, 0);} #header.fixed.scroll-top.opacity_black #header_bg{background-color: rgba(255, 255, 255, 0.1);} #zinn_web_header_0002_0_nav .head{transition: .3s;color: var(--head_fz_color);height: var(--head_top_height);} #header.fixed.scroll-top #zinn_web_header_0002_0_nav .head{color: #fff;} #header.fixed.scroll-top.opacity_black #zinn_web_header_0002_0_nav .head{color: #333;} #header.fixed.scroll-top.opacity_black #zinn_web_header_0002_0_nav, #header.fixed.scroll-top #zinn_web_header_0002_0_nav{background: transparent;} /* logo部分 */ #zinn_web_header_0002_0_nav .weblogo{height: 100%;overflow: hidden;margin-right: 20px;} #zinn_web_header_0002_0_nav .weblogo .logo_w{max-height: 90%;display: var(--head_logo_w);} #zinn_web_header_0002_0_nav .weblogo .logo_b{max-height: 90%;display: var(--head_logo_b);} #header.fixed.scroll-top #zinn_web_header_0002_0_nav .weblogo .logo_w{display: block;} #header.fixed.scroll-top #zinn_web_header_0002_0_nav .weblogo .logo_b{display: none;} #header.fixed.scroll-top.opacity_black #zinn_web_header_0002_0_nav .weblogo .logo_w{display: none;} #header.fixed.scroll-top.opacity_black #zinn_web_header_0002_0_nav .weblogo .logo_b{display: block;} /* 搜索&语言切换 */ #zinn_web_header_0002_0_nav .SearchLang{font-size: 18px;margin-left: 30px;} #zinn_web_header_0002_0_nav .SearchLang > *{padding: 10px 15px;} #zinn_web_header_0002_0_nav .SearchLang > *:last-child{padding-right: 0;} #zinn_web_header_0002_0_nav .SearchLang > * > i{font-size: 24px;} #zinn_web_header_0002_0_nav .SearchLang .language i{margin-right: 6px;} /* 电话 */ #zinn_web_header_0002_0_nav .head_btn{font-size: 16px;margin-left: 40px;} #zinn_web_header_0002_0_nav .head_btn .icon{font-size: 46px;margin-right: 15px;} #zinn_web_header_0002_0_nav .head_btn .cd_words_wrapper {display: inline-block;position: relative;text-align: left;} #zinn_web_header_0002_0_nav .head_btn .cd_words_wrapper b {display: inline-block;position: absolute;white-space: nowrap;left: 0;top: 0;font-size:34px;/*color: var(--hoverColor);*/font-weight:bold;font-family:Arial, Helvetica, sans-serif;} #zinn_web_header_0002_0_nav .head_btn .cd_words_wrapper b.is-visible {position: relative;} #zinn_web_header_0002_0_nav .head_btn .cd_headline.scale i {display: inline-block;opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);font-style:normal;} #zinn_web_header_0002_0_nav .head_btn .cd_headline.scale i.in {-webkit-animation: zinn_web_header_0002_0-scale-up 0.6s forwards;-moz-animation: zinn_web_header_0002_0-scale-up 0.6s forwards;animation: zinn_web_header_0002_0-scale-up 0.6s forwards;} #zinn_web_header_0002_0_nav .head_btn .cd_headline.scale i.out {-webkit-animation: zinn_web_header_0002_0-scale-down 0.6s forwards;-moz-animation: zinn_web_header_0002_0-scale-down 0.6s forwards;animation: zinn_web_header_0002_0-scale-down 0.6s forwards;} #header #zinn_web_header_0002_0_nav .head_btn .icon{color: var(--mainColor);} #header #zinn_web_header_0002_0_nav .head_btn .cd_headline.scale i{color: var(--mainColor);} #header.fixed.scroll-top #zinn_web_header_0002_0_nav .head_btn .icon{color: inherit;} #header.fixed.scroll-top #zinn_web_header_0002_0_nav .head_btn .cd_headline.scale i{color: inherit;} @media only screen and (max-width: 1460px) { #zinn_web_header_0002_0_nav .head_btn{display: none;} } /* 导航 */ #zinn_web_header_0002_0_nav .nav{height:100%;font-size: 18px;} #zinn_web_header_0002_0_nav .nav .li{height:100%;padding: 0 20px;} #zinn_web_header_0002_0_nav .nav .li.cur{color: var(--hoverColor);} #zinn_web_header_0002_0_nav .nav .li:hover, #zinn_web_header_0002_0_nav .nav .li.nav_hover{color: #fff; background-color: var(--hoverColor);} #header.fixed.scroll-top #zinn_web_header_0002_0_nav .list{box-shadow: none;color: #fff;} #header.fixed.scroll-top.opacity_black #zinn_web_header_0002_0_nav .list{color: #333;} @media only screen and (max-width: 750px) { #header .zinn_web_header_0002_0{opacity: 1;position: static;height: var(--head_top_height_app);} } /* 移动端菜单按钮 */ #zinn_web_header_0002_0_nav .head .menu{display: none;padding: 30px 20px;position: relative;cursor: pointer;margin-right: -20px;} #zinn_web_header_0002_0_nav .head .menu i{width: 36px;height: 2px;display: block;background: var(--head_fz_color);position: relative;transition: .3s;} #zinn_web_header_0002_0_nav .head .menu i::before{display: block;content: '';width: 100%;height: 2px;background: var(--head_fz_color);position: absolute;top: 0;transform: translateY(-14px);transition: .3s;} #zinn_web_header_0002_0_nav .head .menu i::after{display: block;content: '';width: 100%;height: 2px;background: var(--head_fz_color);position: absolute;top: 0;transform: translateY(14px);transition: .3s;} #header.fixed.scroll-top #zinn_web_header_0002_0_nav .head .menu i, #header.fixed.scroll-top #zinn_web_header_0002_0_nav .head .menu i::before, #header.fixed.scroll-top #zinn_web_header_0002_0_nav .head .menu i::after{background: #fff;} #header.fixed.scroll-top.opacity_black #zinn_web_header_0002_0_nav .head .menu i, #header.fixed.scroll-top.opacity_black #zinn_web_header_0002_0_nav .head .menu i::before, #header.fixed.scroll-top.opacity_black #zinn_web_header_0002_0_nav .head .menu i::after{background: #333;} /* 侧边栏菜单展开状态(右侧) */ #header.menu_expand #zinn_web_header_0002_0_nav .head{box-shadow: none !important;border-bottom-color: transparent !important;} #header.menu_expand #zinn_web_header_0002_0_nav .menu i{background: transparent !important;} #header.menu_expand #zinn_web_header_0002_0_nav .menu i::before{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(45deg);} #header.menu_expand #zinn_web_header_0002_0_nav .menu i::after{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(-45deg);} #header.menu_expand #zinn_web_header_0002_0_nav .head_btn{display: none;} /* 导航栏放不下时 */ #zinn_web_header_0002_0_nav.pc_app .nav .li{display: none;} #zinn_web_header_0002_0_nav.pc_app .menu{display: block;} @media only screen and (max-width: 1024px) { #zinn_web_header_0002_0_nav .list .nav{font-size: 16px;} } @media only screen and (max-width: 900px) { #zinn_web_header_0002_0_nav .SearchLang .search i {font-size: 26px;} #zinn_web_header_0002_0_nav .SearchLang .language{margin-right: 20px;font-size: 20px;} #zinn_web_header_0002_0_nav .SearchLang .language i {font-size: 26px;margin-right: 10px;} } @media only screen and (max-width: 750px) { #zinn_web_header_0002_0_nav .head{height: var(--head_top_height_app) !important;} #header_bg{height: var(--head_top_height_app) !important;} #zinn_web_header_0002_0_nav .SearchLang > * > i{font-size: var(--font-big-S);} #zinn_web_header_0002_0_nav .SearchLang .search i {font-size: var(--font-big-S);} #zinn_web_header_0002_0_nav .SearchLang .language{display: none;} #zinn_web_header_0002_0_nav .head .menu{padding: 30px;} #zinn_web_header_0002_0_nav .head .menu i{width: 46px;height: 3px;} #zinn_web_header_0002_0_nav .head .menu i::before{transform: translateY(-18px);height: 3px;} #zinn_web_header_0002_0_nav .head .menu i::after{transform: translateY(18px);height: 3px;} #header.menu_expand #zinn_web_header_0002_0_nav .weblogo{opacity: 0;} } @-webkit-keyframes zinn_web_header_0002_0-scale-up { 0% {-webkit-transform: scale(0);opacity: 0;} 60% {-webkit-transform: scale(1.2);opacity: 1;} 100% {-webkit-transform: scale(1);opacity: 1;} } @-moz-keyframes zinn_web_header_0002_0-scale-up { 0% {-moz-transform: scale(0);opacity: 0;} 60% {-moz-transform: scale(1.2);opacity: 1;} 100% {-moz-transform: scale(1);opacity: 1;} } @keyframes zinn_web_header_0002_0-scale-up { 0% {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 0;} 60% {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);opacity: 1;} 100% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;} } @-webkit-keyframes zinn_web_header_0002_0-scale-down { 0% {-webkit-transform: scale(1);opacity: 1;} 60% {-webkit-transform: scale(0);opacity: 0;} } @-moz-keyframes zinn_web_header_0002_0-scale-down { 0% {-moz-transform: scale(1);opacity: 1;} 60% {-moz-transform: scale(0);opacity: 0;} } @keyframes zinn_web_header_0002_0-scale-down { 0% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;} 60% {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 0;} } #zinn_web_footer_0001_0 {padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);overflow: hidden;background: var(--bg_color);color: var(--font_color_1);overflow: hidden;} #zinn_web_footer_0001_0 .content {padding: 0 0 100px;display: flex;justify-content: space-between;} #zinn_web_footer_0001_0 .content .foot_nav {flex: 1;display: flex;flex-wrap: wrap;} #zinn_web_footer_0001_0 .foot_nav .ul{margin-right: 100px;margin-bottom: 20px;} #zinn_web_footer_0001_0 .foot_nav .ul .title {font-size: 18px;line-height: 38px;margin-bottom: 30px;} #zinn_web_footer_0001_0 .foot_nav .ul .li {font-size: 16px;color: var(--font_color_2);line-height: 42px;transition: 0.3s;} @media (any-hover: hover){ #zinn_web_footer_0001_0 .foot_nav .ul .li:hover{color:var(--navHoverColor);text-decoration:underline;} } /* 导航部分app */ #zinn_web_footer_0001_0 .foot_nav_app{display: none;} #zinn_web_footer_0001_0 .content .contact_info {width: 35%;} #zinn_web_footer_0001_0 .contact_info .top {display: flex;justify-content: space-between;} #zinn_web_footer_0001_0 .contact_info .title {font-size: 18px;line-height: 38px;margin-bottom: 25px;} #zinn_web_footer_0001_0 .contact_info .phone {font-size: 32px;line-height: 41px;margin-bottom: 10px;} #zinn_web_footer_0001_0 .contact_info .email {font-size: 16px;color: var(--font_color_2);} #zinn_web_footer_0001_0 .contact_info .code {margin-top: 10px;width: 140px;height: 140px;overflow: hidden;} #zinn_web_footer_0001_0 .contact_info .text {font-size: 16px;color: var(--font_color_2);margin-top: 16px;} #zinn_web_footer_0001_0 .contact_info .bottom {margin-top: 115px;display: flex;flex-direction: column;align-items: flex-end;} #zinn_web_footer_0001_0 .contact_info .bottom .link {display: flex;margin-bottom: 30px;} #zinn_web_footer_0001_0 .contact_info .bottom .link .box {width: 32px;height: 32px;border-radius: 50%;background: var(--font_color_2);position: relative;margin-left: 20px;transition: .3s;} #zinn_web_footer_0001_0 .contact_info .bottom .link .box i{color: #fff;font-size: 24px;} #zinn_web_footer_0001_0 .contact_info .bottom .link .box:first-child {margin-left: 0;} #zinn_web_footer_0001_0 .contact_info .bottom .link .box:last-child .jump{transform: translateX(-60%);} #zinn_web_footer_0001_0 .contact_info .bottom .text_img{max-height: 60px;overflow: hidden;} @media (any-hover: hover){ #zinn_web_footer_0001_0 .contact_info .bottom .link .box:hover {background: var(--hoverColor)} } @media screen and (max-width:750px) { #zinn_web_footer_0001_0 {padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} #zinn_web_footer_0001_0 .content {padding: 0 0 100px;border-bottom: 1px solid var(--font_color_3);display: block;justify-content: space-between;} #zinn_web_footer_0001_0 .content .foot_nav {display: none;} #zinn_web_footer_0001_0 .content .contact_info {width: 100%;} #zinn_web_footer_0001_0 .contact_info .top{flex-direction: column;align-items: flex-start;} #zinn_web_footer_0001_0 .contact_info .title {font-size: var(--font-sma-S);line-height: var(--font-sma-L);margin-bottom: 0;} #zinn_web_footer_0001_0 .contact_info .phone {font-size: var(--font-sma-S);line-height: var(--font-sma-L);margin-bottom: 0;} #zinn_web_footer_0001_0 .contact_info .email {font-size: var(--font-sma-S);line-height: var(--font-sma-L);} #zinn_web_footer_0001_0 .contact_info .img{display: flex;flex-direction: column;align-items: flex-start;} #zinn_web_footer_0001_0 .contact_info .code {margin-top: 30px;width: 240px;height: 240px;} #zinn_web_footer_0001_0 .contact_info .code img{width: 100%;} #zinn_web_footer_0001_0 .contact_info .text {font-size: var(--font-txt-S);} #zinn_web_footer_0001_0 .contact_info .bottom {margin-top: 50px;align-items: flex-start;} #zinn_web_footer_0001_0 .contact_info .bottom .link .box {width: 60px;height: 60px;} #zinn_web_footer_0001_0 .contact_info .bottom .link .box i{font-size: var(--font-sma-S);} #zinn_web_footer_0001_0 .foot_nav_app{flex: 1;margin-bottom: 50px;display: block;} #zinn_web_footer_0001_0 .foot_nav_app .ul{border-bottom: 1px solid rgba(230, 230, 230,0.5);} #zinn_web_footer_0001_0 .foot_nav_app .title{font-size: var(--font-sma-S);line-height: calc(2 * var(--font-sma-L));} #zinn_web_footer_0001_0 .foot_nav_app .title > i{font-size: var(--font-sma-S);transition: .3s;} #zinn_web_footer_0001_0 .foot_nav_app .ul.cur .title > i{transform: rotateZ(90deg);} #zinn_web_footer_0001_0 .foot_nav_app .li{display: none;} #zinn_web_footer_0001_0 .foot_nav_app .li .a{font-size: var(--font-txt-S);line-height: var(--font-txt-L);} #zinn_web_footer_0001_0 .foot_nav_app .li .a:last-child{padding: 0px 0 50px;} } /* 友情链接 */ #zinn_web_footer_0001_0_links{font-size: 16px;height: 72px;border-top: 1px solid var(--font_color_3);color: var(--font_color_2);} #zinn_web_footer_0001_0_links .fd_link{display: flex;flex-wrap: wrap;gap: 10px 26px;} #zinn_web_footer_0001_0_links .fd_link span{font-weight: bold;} @media only screen and (max-width: 750px) { #zinn_web_footer_0001_0_links{font-size: var(--font-bri-S);line-height: var(--font-bri-L);height: auto;padding: 16px 0;} } #zinn_web_footer_0001_0 .copyright {font-size: 16px;line-height: 1.8;color: var(--font_color_2);padding: 20px 0;gap: 10px 20px;flex-wrap: wrap;border-top: 1px solid var(--font_color_3);} #zinn_web_footer_0001_0 .copyright > *{display: flex;align-items: center;flex-wrap: wrap;gap: 10px 20px;} @media screen and (max-width:750px) { #zinn_web_footer_0001_0 .copyright {font-size: var(--font-txt-S);line-height: var(--font-txt-L);} } #zinn_web_hengfu_0001_0 .container .slide{} #zinn_web_hengfu_0001_0 .container .slide .img{width: 100%;} /* 铺满状态 */ #zinn_web_hengfu_0001_0.is_fill .container .slide .img{height: 100vh;max-height: 100vw;object-fit:cover;} #zinn_web_hengfu_0001_0 .type-a .slide .img_pc{transform: scale(1)!important;} #zinn_web_hengfu_0001_0 .type-c .slide .img_pc{transform:scale(1)!important;} #zinn_web_hengfu_0001_0 .container .swiper-pagination {padding-bottom: 20px;} #zinn_web_hengfu_0001_0 .container .swiper-pagination-bullet {width: 60px;height: 2px;background: #fff;border-radius:0;margin-right: 20px;} #zinn_web_hengfu_0001_0 .container .swiper-pagination-bullet:last-child {margin-right: 0;} #zinn_web_hengfu_0001_0 .container .swiper-pagination-bullet-active {width: 60px;height: 2px;background: rgba(255, 255, 255, 0.2);} #zinn_web_hengfu_0001_0 .container .swiper-pagination-bullet .el-bar {background: #fff;} #zinn_web_hengfu_0001_0 .content {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 2;pointer-events: none;} #zinn_web_hengfu_0001_0 .content .btns {display: flex;align-items: center;justify-content: center;color: #fff;gap: 20px;} #zinn_web_hengfu_0001_0 .content .btns .box {font-size: var(--font_1st_px);color: var(--font_1st_color);font-weight: var(--font_1st_font_weight);font-style: var(--font_1st_font_style);line-height: var(--font_1st_line_height); border: 1px solid #fff;padding: 25px 30px;pointer-events: all;} #zinn_web_hengfu_0001_0 .content .text {font-size: 28px;text-align: center;letter-spacing: 35px;margin-top: 50px;color: #fff;line-height: 1.5;} @media screen and (max-width:750px) { #zinn_web_hengfu_0001_0{display: none;} } /* 移动端 */ @media screen and (max-width:750px) { #zinn_web_hengfu_0001_0_app_01 {display: block;} #zinn_web_hengfu_0001_0_app_01 .container .slide .img{width: 100%;} #zinn_web_hengfu_0001_0_app_01 .container .swiper-pagination {padding-bottom: 20px;} #zinn_web_hengfu_0001_0_app_01 .container .swiper-pagination-bullet {width: 60px;height: 2px;background: #fff;border-radius:0;margin-right: 20px;} #zinn_web_hengfu_0001_0_app_01 .container .swiper-pagination-bullet:last-child {margin-right: 0;} #zinn_web_hengfu_0001_0_app_01 .container .swiper-pagination-bullet-active {width: 60px;height: 2px;background: rgba(255, 255, 255, 0.2);} #zinn_web_hengfu_0001_0_app_01 .container .swiper-pagination-bullet .el-bar {background: #fff;} #zinn_web_hengfu_0001_0_app_01 .content {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 2;pointer-events: none;} #zinn_web_hengfu_0001_0_app_01 .content .btns {display: flex;align-items: center;justify-content: center;color: #fff;gap: 30px;} #zinn_web_hengfu_0001_0_app_01 .content .btns .box {font-size: var(--font_2nd_px);color: var(--font_2nd_color);font-weight: var(--font_2nd_font_weight);font-style: var(--font_2nd_font_style);line-height: var(--font_2nd_line_height); border: 1px solid #fff;padding: 16px 20px;pointer-events: all;} #zinn_web_hengfu_0001_0_app_01 .content .text {font-size: var(--font_2nd_px);color: var(--font_2nd_color);font-weight: var(--font_2nd_font_weight);font-style: var(--font_2nd_font_style);line-height: var(--font_2nd_line_height); letter-spacing: 5px;margin-top: 50px;text-align: center;} } #zinn_web_index_other_0002_3 {padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);background: #fff;} #zinn_web_index_other_0002_3 .box .title{font-size: var(--font_1st_px);color: var(--font_1st_color);font-weight: var(--font_1st_font_weight);font-style: var(--font_1st_font_style);line-height: var(--font_1st_line_height);margin-bottom: 8px;} #zinn_web_index_other_0002_3 .box .subtitle{gap: 10px 20px;} #zinn_web_index_other_0002_3 .box .subtitle .tip{font-size: var(--font_2nd_px);color: var(--font_2nd_color);font-weight: var(--font_2nd_font_weight);font-style: var(--font_2nd_font_style);line-height: var(--font_2nd_line_height);} #zinn_web_index_other_0002_3 .box .more{font-size: 16px;color: #333;} #zinn_web_index_other_0002_3 .box .more .more_i{width: 30px; height: 30px; background: #ccc; border-radius: 50%;transition: 0.3s;color: #fff;margin-left: 15px;} #zinn_web_index_other_0002_3 .box .more .more_i > i{font-size: 20px;} #zinn_web_index_other_0002_3.myleft .box{} #zinn_web_index_other_0002_3.myleft .box .subtitle{} #zinn_web_index_other_0002_3.mycenter .box{text-align: center;} #zinn_web_index_other_0002_3.mycenter .box .subtitle{flex-direction: column;justify-content: center;} #zinn_web_index_other_0002_3.myright .box{text-align: right;} #zinn_web_index_other_0002_3.myright .box .subtitle{flex-direction: row-reverse;} #zinn_web_index_other_0002_3 .box .ul{display: flex;transition: .6s;padding-top: 60px;margin-top: 48px;font-weight: lighter;} #zinn_web_index_other_0002_3 .box .ul .li{width:140px;height: 580px;transition: .5s;margin-left: 8px;padding-top: 40px;overflow: hidden;position: relative;} #zinn_web_index_other_0002_3 .box .ul .li::before{display: block;content: '';width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);z-index: 1;position: absolute;top: 0;left: 0;} #zinn_web_index_other_0002_3 .box .ul .li.cur{width: 100%;box-shadow: 0 10px 15px 5px rgba(0, 0, 0, 0.1);} #zinn_web_index_other_0002_3 .box .ul .li:nth-child(1){margin-left: 0;} #zinn_web_index_other_0002_3 .box .ul .li:nth-child(2){transform: translateY(-32px);} #zinn_web_index_other_0002_3 .box .ul .li:nth-child(3){transform: translateY(-60px);} #zinn_web_index_other_0002_3 .box .ul .li:nth-child(4){transform: translateY(-32px);} #zinn_web_index_other_0002_3 .box .ul .li:nth-child(5){} #zinn_web_index_other_0002_3 .box .ul .li .img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} #zinn_web_index_other_0002_3 .box .ul .li .name{writing-mode:vertical-lr;font-size: 20px;color: #fff;position: relative;margin: 0 auto;z-index: 1;} #zinn_web_index_other_0002_3 .box .ul .li .brief {font-size: 16px;color: #fff;line-height: 30px;margin: 30px 0 25px;position: relative;max-width: 0px;overflow: hidden;max-height: 180px;z-index: 1;} #zinn_web_index_other_0002_3 .box .ul .li .view {font-size: 16px;color: #fff;position: relative;max-width: 0px;overflow: hidden;display: block;z-index: 1;pointer-events:visible;} #zinn_web_index_other_0002_3 .box .ul .li .view i{margin-left: 5px;} #zinn_web_index_other_0002_3 .box .ul .li.cur{padding: 60px;} #zinn_web_index_other_0002_3 .box .ul .li.cur .name{writing-mode:initial;font-size: 28px;} #zinn_web_index_other_0002_3 .box .ul .li.cur .brief{max-width: initial;width: 70%;} #zinn_web_index_other_0002_3 .box .ul .li.cur .view{max-width: initial;} @keyframes slide-right { 0% { margin-left: 0px; opacity: 1; } 50% { margin-left: 20px; opacity: 0; } 75% { margin-left: -20px; opacity: 0; } 100%{margin-left: 0;opacity: 1;} } @media (any-hover: hover){ #zinn_web_index_other_0002_3 .box .more:hover .more_i{background-color: var(--moreBgColor);} #zinn_web_index_other_0002_3 .box .more:hover .more_i .rightt{animation-name: slide-right;animation-duration: 0.6s;} } @media screen and (max-width: 750px){ #zinn_web_index_other_0002_3 {padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} #zinn_web_index_other_0002_3 .box .title{font-size: var(--font-sma-S);line-height: var(--font-sma-L);font-weight: var(--font-sma-B);margin-bottom: 16px;} #zinn_web_index_other_0002_3 .box .subtitle{display: block;} #zinn_web_index_other_0002_3 .box .subtitle .tip{font-size: var(--font-sub-S);line-height: var(--font-sub-L);font-weight: var(--font-sub-B);margin-bottom: 20px;} #zinn_web_index_other_0002_3 .box .more{font-size: var(--font-bri-S);display: inline-flex;} #zinn_web_index_other_0002_3 .box .more .more_i{width: 70px; height: 70px; background: var(--moreBgColor);} #zinn_web_index_other_0002_3 .box .more .more_i > i{font-size: var(--font-txt-S);} #zinn_web_index_other_0002_3 .box .ul{display: block;padding-top: 0px;} #zinn_web_index_other_0002_3 .box .ul .li{width:100%;margin-left: 0px;padding-top: 0px;padding: 60px;} #zinn_web_index_other_0002_3 .box .ul .li.cur{box-shadow: none;} #zinn_web_index_other_0002_3 .box .ul .li:nth-child(2){transform: translateY(0px);} #zinn_web_index_other_0002_3 .box .ul .li:nth-child(3){transform: translateY(0px);} #zinn_web_index_other_0002_3 .box .ul .li:nth-child(4){transform: translateY(0px);} #zinn_web_index_other_0002_3 .box .ul .li .name{writing-mode:initial;font-size: var(--font-txt-S);} #zinn_web_index_other_0002_3 .box .ul .li .brief {font-size: var(--font-bri-S);line-height: var(--font-bri-L);max-height: calc(6 * var(--font-bri-L));max-width: 100%;} #zinn_web_index_other_0002_3 .box .ul .li .view {font-size: var(--font-bri-S);max-width: 100%;display: inline-block;} #zinn_web_index_other_0002_3 .box .ul .li .view i{font-size: var(--font-bri-S);} #zinn_web_index_other_0002_3 .box .ul .li.cur .name{font-size: var(--font-txt-S);} #zinn_web_index_other_0002_3 .box .ul .li.cur .brief{width: 100%;font-size: var(--font-bri-S);} } #zinn_web_index_about_0001_4 {padding-top: var(--paddingTop);background: #fff;} #zinn_web_index_about_0001_4 .box .left{padding-bottom: var(--paddingBottom);} #zinn_web_index_about_0001_4 .box .title{font-size: var(--font_1st_px);color: var(--font_1st_color);font-weight: var(--font_1st_font_weight);font-style: var(--font_1st_font_style);line-height: var(--font_1st_line_height);margin-bottom: 30px;} #zinn_web_index_about_0001_4 .box .subtitle{font-size: var(--font_2nd_px);color: var(--font_2nd_color);font-weight: var(--font_2nd_font_weight);font-style: var(--font_2nd_font_style);line-height: var(--font_2nd_line_height);} #zinn_web_index_about_0001_4 .left .brief{font-size: 16px;color: #666;line-height: 30px;margin:15px 0 80px;} #zinn_web_index_about_0001_4 .left .ul{} #zinn_web_index_about_0001_4 .left .ul .li{margin-right: 80px;margin-bottom: 30px;} #zinn_web_index_about_0001_4 .left .ul .li .num{font-size: 50px;color: var(--numFontColor);font-weight: bold;margin-right: 10px;} #zinn_web_index_about_0001_4 .left .ul .li .unit{font-size: 20px;color: #333;line-height: 1.8;} #zinn_web_index_about_0001_4 .left .ul .li .unit_i{font-size: 30px;color: var(--numFontColor);line-height: 1.8;} #zinn_web_index_about_0001_4 .left .ul .li .tip{font-size: 20px;color: #333;margin-top: 5px;} #zinn_web_index_about_0001_4.myleft .box .title{} #zinn_web_index_about_0001_4.myleft .box .subtitle{} #zinn_web_index_about_0001_4.myleft .left .brief{} #zinn_web_index_about_0001_4.myleft .left .ul{} #zinn_web_index_about_0001_4.mycenter .box .title{text-align: center;} #zinn_web_index_about_0001_4.mycenter .box .subtitle{text-align: center;} #zinn_web_index_about_0001_4.mycenter .left .brief{display: flex;justify-content: center;} #zinn_web_index_about_0001_4.mycenter .left .ul{justify-content: center;} #zinn_web_index_about_0001_4.myright .box .title{text-align: right;} #zinn_web_index_about_0001_4.myright .box .subtitle{text-align: right;} #zinn_web_index_about_0001_4.myright .left .brief{display: flex;justify-content: flex-end;} #zinn_web_index_about_0001_4.myright .left .ul{justify-content: flex-end;} #zinn_web_index_about_0001_4 .right{display: flex;justify-content: flex-end;align-items: center;overflow: hidden;} #zinn_web_index_about_0001_4 .right .img{position: absolute;left: 0;bottom:0;background: no-repeat bottom/contain;} #zinn_web_index_about_0001_4 .right .more{font-size: 16px;color: #333;} #zinn_web_index_about_0001_4 .right .more .more_i{width: 30px; height: 30px;background: #ccc; border-radius: 50%;transition: 0.3s;color: #fff;margin-left: 10px;} #zinn_web_index_about_0001_4 .right .more .more_i > i{font-size: 20px;} @keyframes slide-right { 0% { margin-left: 0px; opacity: 1; } 50% { margin-left: 20px; opacity: 0; } 75% { margin-left: -20px; opacity: 0; } 100%{margin-left: 0;opacity: 1;} } @media (any-hover: hover){ #zinn_web_index_about_0001_4 .right .more:hover .more_i{background-color: var(--moreBgColor);} #zinn_web_index_about_0001_4 .right .more:hover .more_i .rightt{animation-name: slide-right;animation-duration: 0.6s;} } @media screen and (max-width:1250px) { #zinn_web_index_about_0001_4 .box .left{flex: 2;} #zinn_web_index_about_0001_4 .box .right{flex: 1;} } @media screen and (max-width:750px) { #zinn_web_index_about_0001_4 {padding-top: var(--appPaddingTop);} #zinn_web_index_about_0001_4 .box{flex-direction: column;} #zinn_web_index_about_0001_4 .box .left{padding-bottom: 30px;} #zinn_web_index_about_0001_4 .box .title{font-size: var(--font-sma-S);line-height: var(--font-sma-L);font-weight: var(--font-sma-B);margin-bottom: 16px;} #zinn_web_index_about_0001_4 .box .subtitle{font-size: var(--font-sub-S);line-height: var(--font-sub-L);font-weight: var(--font-sub-B);margin-bottom: 20px;} #zinn_web_index_about_0001_4 .left .name{font-size: var(--font-txt-S);line-height: var(--font-txt-L);margin-bottom:25px;} #zinn_web_index_about_0001_4 .left .brief{font-size: var(--font-bri-S);line-height: var(--font-bri-L);} #zinn_web_index_about_0001_4 .left .ul .li .num{font-size: var(--font-big-S);} #zinn_web_index_about_0001_4 .left .ul .li .unit{font-size: var(--font-bri-S);} #zinn_web_index_about_0001_4 .left .ul .li .unit_i{font-size: var(--font-txt-S);} #zinn_web_index_about_0001_4 .left .ul .li .tip{font-size: var(--font-bri-S);} #zinn_web_index_about_0001_4 .right{overflow: initial;padding-bottom: var(--appPaddingBottom);} #zinn_web_index_about_0001_4 .right .img{display: none;} #zinn_web_index_about_0001_4 .right .more{font-size: var(--font-txt-S);margin-top: 0px;} #zinn_web_index_about_0001_4 .right .more .more_i{width: 70px; height: 70px;background: var(--moreBgColor);} #zinn_web_index_about_0001_4 .right .more .more_i > i{font-size: var(--font-txt-S);} } #zinn_web_index_other_0001_5 .img{display: block;width: 100%;} #zinn_web_index_other_0001_5 .imgApp{display: none;width: 100%;} @media screen and (max-width:750px) { #zinn_web_index_other_0001_5 .img{display: none;} #zinn_web_index_other_0001_5 .imgApp{display: block;} } /* 首页-合作伙伴 */ #zinn_web_index_partner_0001_6 {padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);background: #fff;} #zinn_web_index_partner_0001_6 .title {font-size: var(--font_1st_px);color: var(--font_1st_color);font-weight: var(--font_1st_font_weight);font-style: var(--font_1st_font_style);line-height: var(--font_1st_line_height);text-align: var(--title_align);margin-bottom: 80px;} #zinn_web_index_partner_0001_6.myleft .title {text-align: left;} #zinn_web_index_partner_0001_6.mycenter .title {text-align: center;} #zinn_web_index_partner_0001_6.myright .title {text-align: right;} #zinn_web_index_partner_0001_6 .content {/*border: 1px solid #eaeef9;*/display: flex;flex-wrap: wrap;} #zinn_web_index_partner_0001_6 .content .box {width: 20%;height: 170px;border-right: 1px solid #eaeef9;border-bottom: 1px solid #eaeef9;box-sizing: border-box;display: flex;align-items: center;justify-content: center;position: relative;} #zinn_web_index_partner_0001_6 .content .box:nth-child(5n+1){border-left: 1px solid #eaeef9;} #zinn_web_index_partner_0001_6 .content .box:nth-child(-n+5){border-top: 1px solid #eaeef9;} #zinn_web_index_partner_0001_6 .content .box:before {display: block;content: '';position: absolute;top: 50%;left: 50%;opacity: 0;width: 100%;height: 100%;transform: translate(-50%, -50%);transition: all .3s;} @media (any-hover: hover){ #zinn_web_index_partner_0001_6 .content .box:hover::before {opacity: 1;width: 105%;height: 105%;background: #fff;border-bottom: 3px solid var(--borderColor);box-shadow: 0px 10px 20px 3px rgba(30,33,130,0.2);} #zinn_web_index_partner_0001_6 .content .box:hover{z-index: 2;} } @media screen and (max-width:750px) { #zinn_web_index_partner_0001_6 {padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} #zinn_web_index_partner_0001_6 .title {font-size:var(--font-sub-S);line-height: var(--font-sub-L);font-weight: var(--font-sub-B);} #zinn_web_index_partner_0001_6 .content .box {width: 25%;height: 140px;border-right: 1px solid #eaeef9;border-bottom: 1px solid #eaeef9;box-sizing: border-box;display: flex;align-items: center;justify-content: center;position: relative;} #zinn_web_index_partner_0001_6 .content .box:nth-child(4n+1){border-left: 1px solid #eaeef9;} #zinn_web_index_partner_0001_6 .content .box:nth-child(-n+4){border-top: 1px solid #eaeef9;} }