/* 滚动到一定距离，将导航隐藏 */ /* .temp_c_003_header_15_x{transition:.3s;opacity: 1;} */ /* #header.scroll-center .temp_c_003_header_15_x{opacity: 0;transform: translateY(-50%);pointer-events: none;} */ @media screen and (max-width: 750px){ .temp_c_003_header_15_nav{display: 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.1);} */ #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);} /* #temp_c_003_header_15_nav{background: #f5f5f5;} */ #temp_c_003_header_15_nav .head{transition: .3s;color: var(--head_fz_color);height: var(--head_top_height);} #header.fixed.scroll-top #temp_c_003_header_15_nav .head{color: #fff;} #header.fixed.scroll-top.opacity_black #temp_c_003_header_15_nav .head{color: #333;} #header.fixed.scroll-top.opacity_black #temp_c_003_header_15_nav, #header.fixed.scroll-top #temp_c_003_header_15_nav{background: transparent;} /* logo部分 */ #temp_c_003_header_15_nav .weblogo{height: 100%;overflow: hidden;margin-right: 0.2rem;} #temp_c_003_header_15_nav .weblogo .logo_w{max-height: 90%;display: var(--head_logo_w);} #temp_c_003_header_15_nav .weblogo .logo_b{max-height: 90%;display: var(--head_logo_b);} #header.fixed.scroll-top #temp_c_003_header_15_nav .weblogo .logo_w{display: block;} #header.fixed.scroll-top #temp_c_003_header_15_nav .weblogo .logo_b{display: none;} #header.fixed.scroll-top.opacity_black #temp_c_003_header_15_nav .weblogo .logo_w{display: none;} #header.fixed.scroll-top.opacity_black #temp_c_003_header_15_nav .weblogo .logo_b{display: block;} /* 搜索&语言切换 */ #temp_c_003_header_15_nav .SearchLang{font-size: 0.18rem;margin-left: 0.3rem;} #temp_c_003_header_15_nav .SearchLang > *{padding: 0.1rem 0.15rem;} #temp_c_003_header_15_nav .SearchLang > *:last-child{padding-right: 0;} #temp_c_003_header_15_nav .SearchLang > * > i{font-size: 0.24rem;} #temp_c_003_header_15_nav .SearchLang .language i{margin-right: 0.06rem;} /* 电话 */ #temp_c_003_header_15_nav .head_btn{font-size: 0.16rem;margin-left: 0.4rem;} #temp_c_003_header_15_nav .head_btn .icon{font-size: 0.46rem;margin-right: 0.15rem;} #temp_c_003_header_15_nav .head_btn .cd_words_wrapper {display: inline-block;position: relative;text-align: left;} #temp_c_003_header_15_nav .head_btn .cd_words_wrapper b {display: inline-block;position: absolute;white-space: nowrap;left: 0;top: 0;font-size:0.34rem;/*color: var(--hoverColor);*/font-weight:bold;} #temp_c_003_header_15_nav .head_btn .cd_words_wrapper b.is-visible {position: relative;} #temp_c_003_header_15_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;} #temp_c_003_header_15_nav .head_btn .cd_headline.scale i.in {-webkit-animation: temp_c_003_header_15-scale-up 0.6s forwards;-moz-animation: temp_c_003_header_15-scale-up 0.6s forwards;animation: temp_c_003_header_15-scale-up 0.6s forwards;} #temp_c_003_header_15_nav .head_btn .cd_headline.scale i.out {-webkit-animation: temp_c_003_header_15-scale-down 0.6s forwards;-moz-animation: temp_c_003_header_15-scale-down 0.6s forwards;animation: temp_c_003_header_15-scale-down 0.6s forwards;} #header #temp_c_003_header_15_nav .head_btn .icon{color: var(--mainColor);} #header #temp_c_003_header_15_nav .head_btn .cd_headline.scale i{color: var(--mainColor);} #header.fixed.scroll-top #temp_c_003_header_15_nav .head_btn .icon{color: inherit;} #header.fixed.scroll-top #temp_c_003_header_15_nav .head_btn .cd_headline.scale i{color: inherit;} @media only screen and (max-width: 1460px) { #temp_c_003_header_15_nav .head_btn{display: none;} } /* 导航 */ /* #temp_c_003_header_15_nav .list {box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 10%);color: var(--head_fz_color);} */ #temp_c_003_header_15_nav .nav{height:100%;font-size: 0.18rem;} #temp_c_003_header_15_nav .nav .li{height:100%;padding: 0 0.2rem;} #temp_c_003_header_15_nav .nav .li a{border-bottom: 2px solid transparent;transition: all .3s;} #temp_c_003_header_15_nav .nav .li.cur{color: var(--hoverColor);} #temp_c_003_header_15_nav .nav.hoverBlock-b .li:hover, #temp_c_003_header_15_nav .nav.hoverBlock-b .li.nav_hover{color: #fff; background-color: var(--hoverColor);} #temp_c_003_header_15_nav .nav.hoverBlock-a .li:hover a, #temp_c_003_header_15_nav .nav.hoverBlock-a .li.nav_hover a{border-bottom-color: var(--hoverColor);color: var(--hoverColor);} /* #temp_c_003_header_15_nav .nav .li:first-child{padding-left: 0;} */ /* #temp_c_003_header_15_nav .nav .li:last-child{padding-right: 0;} */ #header.fixed.scroll-top #temp_c_003_header_15_nav .list{box-shadow: none;color: #fff;} #header.fixed.scroll-top.opacity_black #temp_c_003_header_15_nav .list{color: #333;} /* .temp_c_003_header_15{transition: .3s;position: absolute;top: 100%;width: 100%;} */ /* #header.scroll-center .temp_c_003_header_15{opacity: 1;top: 0;left: 0;width: 100%;height: auto;} */ /* #header .temp_c_003_header_15{opacity: 0;top: 1.7rem;height: 0;overflow: hidden;} */ @media only screen and (max-width: 750px) { #header .temp_c_003_header_15{opacity: 1;position: static;height: var(--head_top_height_app);} } /* 移动端菜单按钮 */ #temp_c_003_header_15_nav .head .menu{display: none;padding: 0.3rem 0.2rem;position: relative;cursor: pointer;margin-right: -0.2rem;} #temp_c_003_header_15_nav .head .menu i{width: 0.36rem;height: 2px;display: block;background: var(--head_fz_color);position: relative;transition: .3s;} #temp_c_003_header_15_nav .head .menu i::before{display: block;content: '';width: 100%;height: 2px;background: var(--head_fz_color);position: absolute;top: 0;transform: translateY(-0.14rem);transition: .3s;} #temp_c_003_header_15_nav .head .menu i::after{display: block;content: '';width: 100%;height: 2px;background: var(--head_fz_color);position: absolute;top: 0;transform: translateY(0.14rem);transition: .3s;} #header.fixed.scroll-top #temp_c_003_header_15_nav .head .menu i, #header.fixed.scroll-top #temp_c_003_header_15_nav .head .menu i::before, #header.fixed.scroll-top #temp_c_003_header_15_nav .head .menu i::after{background: #fff;} #header.fixed.scroll-top.opacity_black #temp_c_003_header_15_nav .head .menu i, #header.fixed.scroll-top.opacity_black #temp_c_003_header_15_nav .head .menu i::before, #header.fixed.scroll-top.opacity_black #temp_c_003_header_15_nav .head .menu i::after{background: #333;} /* menu_expand 侧边栏展开状态 pc_app 导航栏换行时，控制侧边栏按钮 */ /* 侧边栏菜单展开状态(右侧) */ #header.menu_expand #temp_c_003_header_15_nav .head{box-shadow: none !important;border-bottom-color: transparent !important;} #header.menu_expand #temp_c_003_header_15_nav .menu i{background: transparent !important;} #header.menu_expand #temp_c_003_header_15_nav .menu i::before{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(45deg);} #header.menu_expand #temp_c_003_header_15_nav .menu i::after{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(-45deg);} #header.menu_expand #temp_c_003_header_15_nav .head_btn{display: none;} /* 导航栏放不下时 */ #temp_c_003_header_15_nav.pc_app .nav .li{display: none;} #temp_c_003_header_15_nav.pc_app .menu{display: block;} @media only screen and (max-width: 1024px) { /* #temp_c_003_header_15_nav .head_nav .li{display: none;} */ /* #temp_c_003_header_15_nav .head .menu{display: block;} */ #temp_c_003_header_15_nav .list .nav{font-size: 0.16rem;} } @media only screen and (max-width: 900px) { #temp_c_003_header_15_nav .SearchLang .search i {font-size: 0.26rem;} #temp_c_003_header_15_nav .SearchLang .language{margin-right: 0.2rem;font-size: 0.2rem;} #temp_c_003_header_15_nav .SearchLang .language i {font-size: 0.26rem;margin-right: 0.1rem;} } @media only screen and (max-width: 750px) { #temp_c_003_header_15_nav .head{height: var(--head_top_height_app) !important;} #header_bg{height: var(--head_top_height_app) !important;} #temp_c_003_header_15_nav .SearchLang > * > i{font-size: var(--font-big-S);} #temp_c_003_header_15_nav .SearchLang .search i {font-size: var(--font-big-S);} #temp_c_003_header_15_nav .SearchLang .language{display: none;} #temp_c_003_header_15_nav .head .menu{padding: 0.3rem;} #temp_c_003_header_15_nav .head .menu i{width: 0.46rem;height: 3px;} #temp_c_003_header_15_nav .head .menu i::before{transform: translateY(-0.18rem);height: 3px;} #temp_c_003_header_15_nav .head .menu i::after{transform: translateY(0.18rem);height: 3px;} #header.menu_expand #temp_c_003_header_15_nav .weblogo{opacity: 0;} } @-webkit-keyframes temp_c_003_header_15-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 temp_c_003_header_15-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 temp_c_003_header_15-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 temp_c_003_header_15-scale-down { 0% {-webkit-transform: scale(1);opacity: 1;} 60% {-webkit-transform: scale(0);opacity: 0;} } @-moz-keyframes temp_c_003_header_15-scale-down { 0% {-moz-transform: scale(1);opacity: 1;} 60% {-moz-transform: scale(0);opacity: 0;} } @keyframes temp_c_003_header_15-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;} } #w001_index_hengfu_17 .slide .img_pc{width: 100%;} /* 铺满状态 */ #w001_index_hengfu_17.is_fill .slide .img_pc{height: 100vh;max-height: 100vw;object-fit:cover;} /* 自定义-PC端高度 */ #w001_index_hengfu_17.isHeight .slide{height: var(--hengfuHeightPc);overflow: hidden;} #w001_index_hengfu_17.isHeight .slide .img_pc{height: 100%;object-fit:cover;} #w001_index_hengfu_17 .type-a .slide .img_pc{transform: scale(1)!important;} #w001_index_hengfu_17 .type-c .slide .img_pc{transform:scale(1)!important;} /* 文字活动区域 */ #w001_index_hengfu_17 .slide .message_box{display: flex;height: calc( 100% - 1.6rem );position: absolute;top: 55%;left: 50%;transform: translate(-50%,-50%);pointer-events: none;} /* 文字定位样式 */ #w001_index_hengfu_17 .message{display: flex;flex-direction: column;max-width: 100%;} #w001_index_hengfu_17 .message_box[position="2"] .message, #w001_index_hengfu_17 .message_box[position="5"] .message, #w001_index_hengfu_17 .message_box[position="8"] .message{align-items: center;} #w001_index_hengfu_17 .message_box[position="3"] .message, #w001_index_hengfu_17 .message_box[position="6"] .message, #w001_index_hengfu_17 .message_box[position="9"] .message{align-items: flex-end;} #w001_index_hengfu_17 .message_box[position="2"] .message .name, #w001_index_hengfu_17 .message_box[position="5"] .message .name, #w001_index_hengfu_17 .message_box[position="8"] .message .name, #w001_index_hengfu_17 .message_box[position="2"] .message .brief, #w001_index_hengfu_17 .message_box[position="5"] .message .brief, #w001_index_hengfu_17 .message_box[position="8"] .message .brief{text-align: center;} #w001_index_hengfu_17 .message_box[position="3"] .message .name, #w001_index_hengfu_17 .message_box[position="6"] .message .name, #w001_index_hengfu_17 .message_box[position="9"] .message .name, #w001_index_hengfu_17 .message_box[position="3"] .message .brief, #w001_index_hengfu_17 .message_box[position="6"] .message .brief, #w001_index_hengfu_17 .message_box[position="9"] .message .brief{text-align: right;} #w001_index_hengfu_17 .message_box[position="1"] .message .name, #w001_index_hengfu_17 .message_box[position="4"] .message .name, #w001_index_hengfu_17 .message_box[position="7"] .message .name, #w001_index_hengfu_17 .message_box[position="1"] .message .brief, #w001_index_hengfu_17 .message_box[position="4"] .message .brief, #w001_index_hengfu_17 .message_box[position="7"] .message .brief{text-align: left;} /* 标题样式 */ #w001_index_hengfu_17 .message .name{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);} /* 简介样式 */ #w001_index_hengfu_17 .message .brief{margin: .29rem 0 0; 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);} #w001_index_hengfu_17 .message .button {font-size: .16rem;line-height: 1;width: 2.4rem;height: .57rem;padding: 0 .3rem;margin-top: .6rem;pointer-events: all; color: var(--btn_1st_font_color);background-color: var(--btn_1st_bg_color);border-radius:var(--btn_1st_border_radius);border-width: var(--btn_1st_border_width);border-style: var(--btn_1st_border_style);border-color: var(--btn_1st_border_color);} #w001_index_hengfu_17 .message .button:hover{color: var(--btn_1st_hover_color);background-color: var(--btn_1st_hover_bg_color);border-color: var(--btn_1st_hover_border_color);} /* 页数样式 */ #w001_index_hengfu_17 .swiper-pagination-bullets{bottom: .4rem;} #w001_index_hengfu_17 .swiper-pagination-bullet{width: .3rem; height: .1rem; background: transparent; margin: 0 .1rem;transition: .3s;border-radius: 0;} #w001_index_hengfu_17 .swiper-pagination-bullet::before{content: '';display: block;width: 100%;height: 2px;background: #fff;top: 4px;position: relative;opacity: 0.7;} #w001_index_hengfu_17 .container .swiper-pagination-bullet-active{width: .6rem;} #w001_index_hengfu_17 .swiper-pagination-bullet-active::before{background: var(--hoverColor);opacity: 1;} /* 按钮 */ #w001_index_hengfu_17 .btn{top:50%; transform: translateY(-50%);z-index: 2; width: 0.5rem;height: 0.5rem;border-radius: 50%;background-color: var(--prevNextBgColor);color: var(--prevNextIconColor);font-size: 0.16rem;opacity: 0;} #w001_index_hengfu_17 .prev{left: 4%;} #w001_index_hengfu_17 .next{right: 4%;} #w001_index_hengfu_17:hover .btn{opacity: 1;} @media screen and (max-width: 1024px){ #w001_index_hengfu_17 .message .name{font-size: .48rem;} #w001_index_hengfu_17 .message .brief{font-size: .21rem;} } @media screen and (max-width: 992px){ #w001_index_hengfu_17 .message .brief{margin-top: 0.2rem;} #w001_index_hengfu_17 .message .button{margin-top: 0.2rem;} } @media screen and (max-width: 768px){ #w001_index_hengfu_17{display: none;} } .w012_index_about_53_wrapper{padding-top:var(--paddingTop);display: flex; justify-content: space-between;} @media screen and (max-width:1200px) { .w012_index_about_53_wrapper{flex-direction: column;} } @media screen and (max-width:768px) { .w012_index_about_53_wrapper{padding-top: var(--appPaddingTop);} } #w012_index_about_53_title{width: 50%;padding-right: 1.3rem;} #w012_index_about_53_title .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: 0.38rem;} #w012_index_about_53_title .intro{font-size: var(--fontSubtitle_px);font-weight: var(--fontSubtitle_font_weight);color: var(--fontSubtitle_color);line-height: var(--fontSubtitle_line_height);font-style: var(--fontSubtitle_font_style);margin-bottom: 0.51rem;} #w012_index_about_53_title .brief{font-size: var(--fontBrief_px);line-height: var(--fontBrief_line_height);color: var(--fontBrief_color);font-weight: var(--fontBrief_font_weight);font-style: var(--fontBrief_font_style);} #w012_index_about_53_title .btn{ font-size: 0.16rem;width: 1.6rem;height: 0.6rem;transition: 0.3s;display: flex;justify-content:center;align-items: center;margin-top: 0.5rem; color: var(--btn_1st_font_color);background-color: var(--btn_1st_bg_color);border-radius:var(--btn_1st_border_radius);} #w012_index_about_53_title .btn .right{color:var(--btn_1st_font_color);margin-left:0.25rem;transition: 0.3s;} #w012_index_about_53_title.myleft{text-align: left;} #w012_index_about_53_title.myright{text-align: right;} #w012_index_about_53_title.mycenter{text-align: center;} #w012_index_about_53_title.myleft .btn{margin-right: auto;} #w012_index_about_53_title.myright .btn{margin-left: auto;} #w012_index_about_53_title.mycenter .btn{margin: 0.5rem auto 0;} @media screen and (max-width:1536px) { #w012_index_about_53_title{width: 40%;padding-right:0.5rem} } @media screen and (max-width:1366px) { #w012_index_about_53_title .brief{margin-bottom: 0.2rem;} } @media screen and (max-width:1200px) { #w012_index_about_53_title{width:100%} #w012_index_about_53_title .btn{margin-bottom: 0.3rem;margin-top: 0.2rem;} } @media screen and (max-width:768px) { #w012_index_about_53_title{padding-right: 0;} #w012_index_about_53_title .title{font-size: var(--font-big-S);line-height: var(--font-big-L);font-weight: var(--font-big-B);} #w012_index_about_53_title .intro{font-size: var(--font-sub-S)} #w012_index_about_53_title .brief{font-size: var(--font-txt-S);line-height:var(--font-txt-L)} #w012_index_about_53_title .btn{ font-size: var(--font-bri-S);width: 2.5rem;height: 0.8rem;border-radius:0.4rem;} #w012_index_about_53_title .btn .right{font-size: var(--font-txt-S);} } @media (any-hover: hover) { #w012_index_about_53_title .btn:hover{color: var(--btn_1st_hover_color);background-color: var(--btn_1st_hover_bg_color);} #w012_index_about_53_title .btn:hover .right{color:var(--btn_1st_hover_color);} } #w012_index_about_53_images{width:50%;} #w012_index_about_53_images .picture::before{padding-top:59.75%;} #w012_index_about_53_images .picture img{top: 0;} @media screen and (max-width:1536px) { #w012_index_about_53_images{width:60%;} } @media screen and (max-width:1200px) { #w012_index_about_53_images{width:100%;} } #w012_index_about_53_bottom{padding-top:0.93rem;margin-bottom:var(--paddingBottom);} #w012_index_about_53_bottom .number{padding:0.4rem 0.4rem 0.4rem 0.4rem;background-color: #f8f8f8;} #w012_index_about_53_bottom .li{position: relative;width:100%;margin-right:0.6rem;} #w012_index_about_53_bottom .li:last-child{margin-right: 0;} #w012_index_about_53_bottom .li::after{content:'';position: absolute;width: 2px;height: 0.9rem;background: #000000;opacity: 0.05;top: -0.1rem;right: 120%;} #w012_index_about_53_bottom .li:first-child:after{display: none;} #w012_index_about_53_bottom .li .num{font-size:var(--listFt1_px);font-weight: bold;position: relative;} #w012_index_about_53_bottom .li .num::after{content:'';position: absolute;width:5px;height:5px;top:0.05rem;transform: translateX(0.1rem);background-color:var(--point_color);border-radius: 50%;} #w012_index_about_53_bottom .li .tag{font-size: var(--listFt2_px); font-weight:500;margin-top: 0.15rem;color:#666666} @media screen and (max-width:992px) { #w012_index_about_53_bottom .number{padding-right: 0.4rem;} } @media screen and (max-width:768px) { #w012_index_about_53_bottom{padding-bottom: var(--appPaddingBottom);padding-top: 0.5rem;} #w012_index_about_53_bottom .number{display: grid;grid-template-columns: 100%;row-gap: 0.3rem;} #w012_index_about_53_bottom .li{text-align: center;} #w012_index_about_53_bottom .li::after{width: 100%;height: 2px;background-color: #333;} #w012_index_about_53_bottom .li .num{font-size:var(--font-big-S)} #w012_index_about_53_bottom .li .num::after{width: 0.1rem;height: 0.1rem;} #w012_index_about_53_bottom .li .simple{font-size:var(--font-txt-S)} #w012_index_about_53_bottom .li .tag{font-size: var(--font-txt-S);margin-top: 0.1rem;} } .w022_index_products_56Wrap {padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);} @media screen and (max-width:768px) { .w022_index_products_56Wrap {padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} } #w022_index_products_56_title .subtitle {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);} #w022_index_products_56_title .title {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);margin-top: 0.16rem;} #w022_index_products_56_title.myleft{text-align: left;} #w022_index_products_56_title.myright{text-align: right;} #w022_index_products_56_title.mycenter{text-align: center;} @media screen and (max-width:768px) { #w022_index_products_56_title .subtitle {font-size: var(--font-sub-S);line-height: var(--font-sub-L);} #w022_index_products_56_title .title {font-size: var(--font-sma-S);line-height: var(--font-sma-L);} } /* 网格公共样式 */ #w022_index_products_56_dl{display: grid;grid-template-columns: repeat(4,calc((100% - 0.6rem)/4));gap: 0.2rem;margin-top: 0.6rem;} #w022_index_products_56_dl .card{background: #f6f6f6;overflow: hidden;} #w022_index_products_56_dl .card .img{width: 100%;position: relative;background: url() no-repeat bottom/cover;} #w022_index_products_56_dl .card .img img{position: absolute;left: 50%;bottom: 0%;transform: translate(-50%);} #w022_index_products_56_dl .card .text{position: absolute;width: 100%;height: 100%;top: 0.3rem;left: 0;display: flex;flex-direction: column;justify-content: flex-end;color: var(--title_ft_color);padding: 0.4rem 0.36rem;transition: .3s;} #w022_index_products_56_dl .card .text::before{display: block;content: '';width: 100%;height: 100%;background: linear-gradient(to bottom,transparent,transparent,var(--bg_color));position: absolute;left: 0;bottom: -100%;transition: .3s;opacity: 0;} #w022_index_products_56_dl .card .text .name{font-size: var(--title_ft_px);color: var(--title_ft_color);font-weight: var(--title_ft_font_weight);} #w022_index_products_56_dl .card .text .btn{transform: translateY(150%);transition: transform .3s;} #w022_index_products_56_dl .card .text .brief{font-size: 0.18rem;line-height: 1.8;} #w022_index_products_56_dl .card .text .view{font-size: 0.16rem;margin-left: 0.1rem;} #w022_index_products_56_dl .card .text .view i{font-size: 0.2rem;margin-left: 0.1rem;} @media (any-hover: hover) { #w022_index_products_56_dl .card:hover .text{top: 0;color: var(--fontHoverColor);} #w022_index_products_56_dl .card:hover .text .name{color: var(--fontHoverColor);} #w022_index_products_56_dl .card:hover .text::before{bottom: 0;opacity: 1;} #w022_index_products_56_dl .card:hover .text .btn{transform: translateY(0);} } #w022_index_products_56_dl .card:nth-child(1){grid-row: 1 / span 2;grid-column: 1 / span 2;} #w022_index_products_56_dl .card:nth-child(1) .img{padding-top: 87.4680306%;} #w022_index_products_56_dl .card:nth-child(2){grid-column: 3 / span 2;} #w022_index_products_56_dl .card:nth-child(2) .img{padding-top: 41.5%;} #w022_index_products_56_dl .card:nth-child(3){} #w022_index_products_56_dl .card:nth-child(3) .img{padding-top: 85.3470437%;} #w022_index_products_56_dl .card:nth-child(4){} #w022_index_products_56_dl .card:nth-child(4) .img{padding-top: 85.3470437%;} @media screen and (max-width:1024px) { #w022_index_products_56_dl{grid-template-columns: repeat(2,1fr);} #w022_index_products_56_dl .card:nth-child(1){grid-row: initial;} #w022_index_products_56_dl .card:nth-child(2){grid-column: 1 / span 2;} #w022_index_products_56_dl .card .img{padding-top: 87.4680306%;} #w022_index_products_56_dl .card .text .view{display: flex;} } @media screen and (max-width:768px) { #w022_index_products_56_dl{grid-template-columns: 100%;} #w022_index_products_56_dl .card:nth-child(1){grid-column: initial;} #w022_index_products_56_dl .card:nth-child(2){grid-column: initial;} #w022_index_products_56_dl .card:nth-child(2) .img{padding-top: 85.3470437%;} #w022_index_products_56_dl .card .text{top: 0;color: #fff;} #w022_index_products_56_dl .card .text .name{font-size: var(--font-sma-S);color: #fff;} #w022_index_products_56_dl .card .text .btn{transform: translateY(0);} #w022_index_products_56_dl .card .text .brief{font-size: var(--font-bri-S);} #w022_index_products_56_dl .card .text .view{font-size: var(--font-bri-S);} #w022_index_products_56_dl .card .text .view i{font-size: var(--font-bri-S);} #w022_index_products_56_dl .card .text::before{bottom: 0;opacity: 1;} #w022_index_products_56_dl .card .text .btn{transform: translateY(0);} } /* 不同宽度下的样式 */ @media screen and (min-width:769px) { #w022_index_products_56_dl.cw1200 .card .text, #w022_index_products_56_dl.cw1280 .card .text{padding: 0.3rem 0.2rem;} #w022_index_products_56_dl.cw1200 .card .text .brief, #w022_index_products_56_dl.cw1280 .card .text .brief{font-size: 0.16rem;line-height: 1.667;} } #w011_chain_advantage_223 {padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);} #w011_chain_advantage_223 .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:0.5rem;} #w011_chain_advantage_223.myleft .title{text-align: left;} #w011_chain_advantage_223.myright .title{text-align: right;} #w011_chain_advantage_223.mycenter .title{text-align: center;} #w011_chain_advantage_223 .container{padding-bottom: 0.2rem;} #w011_chain_advantage_223 .slide .img {border-radius: 0.2rem;} #w011_chain_advantage_223 .slide .img::before {width: 100%;padding-top: 67.26%;} #w011_chain_advantage_223 .slide .name {font-size: var(--titleFt_px);color: var(--titleFt_color);line-height: 1.6;padding: 0.3rem 0;transition: .3s;} #w011_chain_advantage_223 .slide .brief {font-size: var(--briefFt_px);color: var(--briefFt_color);line-height: 1.875;margin-bottom: 0.55rem;} #w011_chain_advantage_223 .container .swiper-pagination {display: flex;align-items: center;justify-content: center;} #w011_chain_advantage_223 .container .swiper-pagination-bullet {width: 0.12rem;height: 0.12rem;background: var(--pageColor);opacity: 1;border: 2px solid #fff;transition: 0.3s;} #w011_chain_advantage_223 .container .swiper-pagination-bullet-active {background: #fff;border-color: var(--pageColor);} @media screen and (max-width:768px) { #w011_chain_advantage_223 {padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} #w011_chain_advantage_223 .title {font-size: var(--font-big-S);line-height: var(--font-big-L);font-weight: var(--font-big-B);} #w011_chain_advantage_223 .slide .name {font-size: var(--font-sma-S);} #w011_chain_advantage_223 .slide .brief {font-size: var(--font-txt-S);line-height: var(--font-txt-L);} #w011_chain_advantage_223 .container .swiper-pagination-bullet {width: 0.2rem;height: 0.2rem;margin: 0 0.1rem;} } #w005_index_case_list_105 {padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);background: #fff;} #w005_index_case_list_105 .title{margin-bottom: 0.6rem;} #w005_index_case_list_105 .title .u_name{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);} #w005_index_case_list_105 .title .u_tip{font-size: var(--fontBrief_px);line-height: var(--fontBrief_line_height);color: var(--fontBrief_color);font-weight: var(--fontBrief_font_weight);font-style: var(--fontBrief_font_style); margin-top: 0.3rem;} #w005_index_case_list_105.myleft .title{text-align: left;} #w005_index_case_list_105.mycenter .title{text-align: center;} #w005_index_case_list_105.myright .title{text-align: right;} #w005_index_case_list_105 .list{display: grid;grid-template-columns: repeat(3,calc((100% - 1rem)/3));gap: 0.6rem 0.5rem;} #w005_index_case_list_105 .li{padding-bottom: 0.4rem;transition: .3s;} #w005_index_case_list_105 .li::before{display: block;content: '';width: 100%;height: 2px;background: #333;position: absolute;bottom: 0;left: 0;} #w005_index_case_list_105 .li::after{display: block;content: '';height: 2px;background: var(--hoverColor);position: absolute;bottom: 0;left: 0;right: 100%;overflow: hidden;transition: .3s;} #w005_index_case_list_105 .li .img{padding-top: 62.4%;width: 100%;} #w005_index_case_list_105 .li .name{font-size: 0.24rem;color: #333;margin: 0.4rem 0 0.1rem;transition: .3s;} #w005_index_case_list_105 .li .category{font-size: 0.18rem;color: #626466;} #w005_index_case_list_105 .li:hover::after{right: 0;} #w005_index_case_list_105 .li:hover .name{color: var(--hoverColor);} @media screen and (max-width:1024px) { #w005_index_case_list_105 .title{margin-bottom: 0.5rem;} #w005_index_case_list_105 .list{display: grid;grid-template-columns: repeat(2,calc((100% - 0.5rem)/2));gap: 0.6rem 0.5rem;} } @media screen and (max-width:768px) { #w005_index_case_list_105 {padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} #w005_index_case_list_105 .title .u_name{font-size: var(--font-sub-S);line-height: var(--font-sub-L);font-weight: var(--font-sub-B);} #w005_index_case_list_105 .title .u_tip{font-size: var(--font-txt-S);line-height: var(--font-txt-L);} #w005_index_case_list_105 .list{display: block;} #w005_index_case_list_105 .li{margin-bottom: 0.5rem;display: block;} #w005_index_case_list_105 .li .img{padding-top: 62.4%;} #w005_index_case_list_105 .li .name{font-size: var(--font-sma-S);} #w005_index_case_list_105 .li .category{font-size: var(--font-txt-S);} } .w011_index_news_136_color {background: #faf9f6;} #w011_index_news_136 {padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);} #w011_index_news_136 .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: 0.5rem;} #w011_index_news_136.myleft .title{text-align: left;} #w011_index_news_136.myright .title{text-align: right;} #w011_index_news_136.mycenter .title{text-align: center;} #w011_index_news_136 .content {display: grid;grid-template-columns: repeat(3,calc((100% - 0.6rem)/3));gap: 0.3rem;} #w011_index_news_136 .content .box {border-radius: 0.2rem;overflow: hidden;background-color: #fff;transition: .3s;} #w011_index_news_136 .content .box .img::before {padding-top: 66.66%;} #w011_index_news_136 .content .box .img img {max-width: 100%;max-height: 100%;} #w011_index_news_136 .content .box .text {margin-top: 0.25rem;padding: 0 0.34rem 0.28rem 0;} #w011_index_news_136 .content .box .text .time {font-size: 0.16rem;line-height: 1;color: var(--btnBgColor);padding: 0 0.28rem;text-align: center;} #w011_index_news_136 .content .box .text .time .btime {font-size: 0.36rem;} #w011_index_news_136 .content .box .text .wenb {height: 1.75rem;position: relative;} #w011_index_news_136 .content .box .text .wenb .tit {font-size: 0.2rem;line-height: 1.5;color: #222;max-height: 0.6rem;transition: .3s;} #w011_index_news_136 .content .box .text .wenb .brief {font-size: 0.16rem;line-height: 1.75;color: #777;max-height: 0.56rem;margin-top: 0.1rem;} #w011_index_news_136 .content .box .text .wenb .button {font-size: 0.16rem;line-height: 1;color: #777;padding-bottom: 0.12rem;position: absolute;left: 0;bottom: 0;} #w011_index_news_136 .content .box .text .wenb .button .icon {margin-left: 0.1rem;transition: .3s;} @media screen and (min-width:751px) { #w011_index_news_136 .content .box:hover {box-shadow: 0 0 0.2rem #ccc;} #w011_index_news_136 .content .box:hover .text .wenb .tit {color: var(--btnBgColor);} #w011_index_news_136 .content .box:hover .text .wenb .button {color: var(--btnBgColor);} #w011_index_news_136 .content .box:hover .text .wenb .button .icon {margin-left: 0.2rem;} } @media screen and (max-width:1200px) { #w011_index_news_136 .content {grid-template-columns: repeat(2,calc((100% - 0.3rem)/2));} } @media screen and (max-width:750px) { #w011_index_news_136 {padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} #w011_index_news_136 .title {font-size: var(--font-big-S);line-height: var(--font-big-L);font-weight: var(--font-big-B);} #w011_index_news_136 .content {grid-template-columns: 100%;} #w011_index_news_136 .content .box .text .time {font-size: var(--font-txt-S);} #w011_index_news_136 .content .box .text .time .btime {font-size: var(--font-sub-S);} #w011_index_news_136 .content .box .text .wenb {height: auto;} #w011_index_news_136 .content .box .text .wenb .tit {font-size: var(--font-sma-S);line-height: var(--font-sma-L);max-height: calc(var(--font-sma-L)*2);} #w011_index_news_136 .content .box .text .wenb .brief {font-size: var(--font-txt-S);line-height: var(--font-txt-L);max-height: calc(var(--font-txt-L)*2);} #w011_index_news_136 .content .box .text .wenb .button {font-size: var(--font-txt-S);display: none;} #w011_index_news_136 .content .box .text .wenb .button .icon {font-size: var(--font-bri-S);} } .temp_wcb_footer_footer04_16_footer_wrap{background: var(--bg_color);color: var(--font_color_1);padding-top: var(--paddingTop);overflow: hidden;} @media only screen and (max-width: 750px) { .temp_wcb_footer_footer04_16_footer_wrap{padding-top: var(--appPaddingTop);} } .temp_wcb_footer_footer04_16_guild {display: grid;grid-template-columns: auto 3.7rem;gap: 0 0.3rem;} #temp_wcb_footer_footer04_16_nav{display: flex;flex-wrap: wrap;gap: 0.4rem 1rem;} #temp_wcb_footer_footer04_16_nav .dl .dt{font-size: 0.18rem;line-height: 1;margin-bottom: 0.36rem;font-weight: bold;} #temp_wcb_footer_footer04_16_nav .dd{font-size: 0.16rem;color: var(--font_color_2);line-height: 0.3rem;margin-bottom: 0.08rem;transition: 0.3s;} @media (any-hover: hover){ #temp_wcb_footer_footer04_16_nav .dd:hover{color:var(--navHoverColor);text-decoration:underline;} } @media only screen and (max-width: 750px) { .temp_wcb_footer_footer04_16_guild{display: block;padding-top: 0px;} #temp_wcb_footer_footer04_16_nav{display: none;} } #temp_wcb_footer_footer04_16_nav_app{display: none;} @media only screen and (max-width: 750px) { #temp_wcb_footer_footer04_16_nav_app{display: block;margin-bottom: 0.6rem;} #temp_wcb_footer_footer04_16_nav_app .dl{color: var(--font_color_2);} #temp_wcb_footer_footer04_16_nav_app .dl .dt{font-size: var(--font-sma-S);line-height: var(--font-sma-L);padding: 0.2rem 0;border-bottom: 1px solid rgba(255, 255, 255,0.2);} #temp_wcb_footer_footer04_16_nav_app .dl .dt > i{font-size: var(--font-txt-S);transition: .3s;} #temp_wcb_footer_footer04_16_nav_app .dl .dt.cur > i{transform: rotateZ(90deg);} /* 展开项 */ #temp_wcb_footer_footer04_16_nav_app .dd .a{color: var(--font_color_2);font-size: var(--font-txt-S);line-height: var(--font-txt-L);padding: 0.2rem 0;padding-left: 0.15rem;border-bottom: 1px solid rgba(255, 255, 255,0.2);} } #temp_wcb_footer_footer04_16_third{display: flex;flex-direction: column;font-size: 0.16rem;line-height: 1.8;color: var(--font_color_2);margin-bottom: 0.35rem;} #temp_wcb_footer_footer04_16_third .title{margin-bottom: 0.3rem;font-size: 0.18rem;line-height: 1;font-weight: bold;color: var(--font_color_1);} #temp_wcb_footer_footer04_16_third .phone{color: var(--numColor);font-size: 0.16rem;font-weight: bold;line-height: 1.5;margin-bottom: 0.24rem;} #temp_wcb_footer_footer04_16_third .phone span{font-size: 0.28rem;} #temp_wcb_footer_footer04_16_third .list{display: flex;flex-wrap: wrap;gap: 0.1rem 0.4rem;margin-top: 0.3rem;} #temp_wcb_footer_footer04_16_third .qr .img{width: 1.2rem;height: 1.2rem;overflow: hidden;} #temp_wcb_footer_footer04_16_third .qr .img img{max-width: 100%;max-height: 100%;} #temp_wcb_footer_footer04_16_third .qr .tip{font-size: 0.16rem;color: var(--font_color_2);margin-top: 0.12rem;} @media only screen and (max-width: 750px) { #temp_wcb_footer_footer04_16_third{font-size: var(--font-bri-S);line-height: var(--font-bri-L);} #temp_wcb_footer_footer04_16_third .title{font-size: var(--font-sma-S);line-height: var(--font-sma-L);font-weight: var(--font-sma-B);} #temp_wcb_footer_footer04_16_third .phone{font-size: var(--font-bri-S);line-height: var(--font-bri-L);margin-bottom: 0.1rem;} #temp_wcb_footer_footer04_16_third .phone span{font-size: var(--font-sma-S);line-height: var(--font-sma-L);} #temp_wcb_footer_footer04_16_third .qr .img{width: 2.4rem;height: 2.4rem;} #temp_wcb_footer_footer04_16_third .qr .tip{font-size: var(--font-bri-S);line-height: var(--font-bri-L);} } #temp_wcb_footer_footer04_16_links{font-size: 0.16rem;height: 0.72rem;border-top: 1px solid var(--font_color_3);margin-top: 0.35rem;} #temp_wcb_footer_footer04_16_links .fd_link{display: flex;flex-wrap: wrap;gap: 0.1rem 0.26rem;} #temp_wcb_footer_footer04_16_links .fd_link span{font-weight: bold;} @media only screen and (max-width: 750px) { #temp_wcb_footer_footer04_16_links{font-size: var(--font-bri-S);line-height: var(--font-bri-L);height: auto;padding: 0.16rem 0;} } #temp_wcb_footer_footer04_16_copyright{min-height: 0.85rem;padding: 0.16rem 0;font-size: 0.16rem;line-height: 1.5;color: var(--font_color_2);border-top: 1px solid var(--font_color_3);} #temp_wcb_footer_footer04_16_copyright > *{gap: 0.1rem 0.2rem;flex-wrap: wrap;} #temp_wcb_footer_footer04_16_copyright > * > *{display: flex;align-items: center;flex-wrap: wrap;gap: 0.1rem 0.2rem;} @media only screen and (max-width: 750px) { #temp_wcb_footer_footer04_16_copyright{font-size: var(--font-bri-S);line-height: var(--font-bri-L);} }