/* 滚动到一定距离，将导航隐藏 */ /* .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: 20px;} #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: 18px;margin-left: 30px;} #temp_c_003_header_15_nav .SearchLang > *{padding: 10px 15px;} #temp_c_003_header_15_nav .SearchLang > *:last-child{padding-right: 0;} #temp_c_003_header_15_nav .SearchLang > * > i{font-size: 24px;} #temp_c_003_header_15_nav .SearchLang .language i{margin-right: 6px;} /* 电话 */ #temp_c_003_header_15_nav .head_btn{font-size: 16px;margin-left: 40px;} #temp_c_003_header_15_nav .head_btn .icon{font-size: 46px;margin-right: 15px;} #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:34px;/*color: var(--hoverColor);*/font-weight:bold;font-family:Arial, Helvetica, sans-serif;} #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: 18px;} #temp_c_003_header_15_nav .nav .li{height:100%;padding: 0 20px;} #temp_c_003_header_15_nav .nav .li.cur{color: var(--hoverColor);} #temp_c_003_header_15_nav .nav .li:hover, #temp_c_003_header_15_nav .nav .li.nav_hover{color: #fff; background-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: 170px;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: 30px 20px;position: relative;cursor: pointer;margin-right: -20px;} #temp_c_003_header_15_nav .head .menu i{width: 36px;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(-14px);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(14px);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: 16px;} } @media only screen and (max-width: 900px) { #temp_c_003_header_15_nav .SearchLang .search i {font-size: 26px;} #temp_c_003_header_15_nav .SearchLang .language{margin-right: 20px;font-size: 20px;} #temp_c_003_header_15_nav .SearchLang .language i {font-size: 26px;margin-right: 10px;} } @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: 30px;} #temp_c_003_header_15_nav .head .menu i{width: 46px;height: 3px;} #temp_c_003_header_15_nav .head .menu i::before{transform: translateY(-18px);height: 3px;} #temp_c_003_header_15_nav .head .menu i::after{transform: translateY(18px);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;} } #w005_case_detail_detail_72 {padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);background: #F7F8F8;} #w005_case_detail_detail_72 .title{width: 960px;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: 0 auto;margin-bottom: 30px;} #w005_case_detail_detail_72.myleft .title{text-align: left;} #w005_case_detail_detail_72.mycenter .title{text-align: center;} #w005_case_detail_detail_72.myright .title{text-align: right;} #w005_case_detail_detail_72 .detail{width: 960px;margin: 0 auto;} #w005_case_detail_detail_72 .page{display: flex;align-items: center;justify-content: space-between;padding: 50px 0;max-width: 960px;margin: 0 auto;} #w005_case_detail_detail_72 .page .prev, #w005_case_detail_detail_72 .page .next{border: 1px solid transparent;background: #fff;padding: 30px 40px;width: 48%;transition: .3s;color: #333;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} #w005_case_detail_detail_72 .page .prev.cur, #w005_case_detail_detail_72 .page .next.cur{color: #ccc;} #w005_case_detail_detail_72 .page .text{flex: 1;overflow: hidden;} #w005_case_detail_detail_72 .page .text .tip{font-size: 20px;margin-bottom: 10px;} #w005_case_detail_detail_72 .page .text .name{font-size: 16px;line-height: 20px;} #w005_case_detail_detail_72 .page i{font-size: 20px;transition: .3s;} #w005_case_detail_detail_72 .page .prev{} #w005_case_detail_detail_72 .page .prev .text{text-align: right;} #w005_case_detail_detail_72 .page .next{flex-direction: row-reverse;} #w005_case_detail_detail_72 .page .next .text{} #w005_case_detail_detail_72 .page .prev.not_cur, #w005_case_detail_detail_72 .page .next.not_cur{pointer-events: none;} @media (any-hover: hover){ #w005_case_detail_detail_72 .page .prev:hover{border-color: var(--btnFontColor);color: var(--btnFontColor);transform: translateY(-5px);} #w005_case_detail_detail_72 .page .next:hover{border-color: var(--btnFontColor);color: var(--btnFontColor);transform: translateY(-5px);} #w005_case_detail_detail_72 .page .prev:hover .prev_i{transform: translateX(-10px);} #w005_case_detail_detail_72 .page .next:hover .next_i{transform: translateX(10px);} } @media screen and (max-width:750px) { #w005_case_detail_detail_72 {padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} #w005_case_detail_detail_72 .title{font-size: var(--font-big-S);width: 100%;} #w005_case_detail_detail_72 .detail, #w005_case_detail_detail_72 .detail *{font-size: var(--font-txt-S) !important;width: 100%;} #w005_case_detail_detail_72 .page{flex-direction: column;} #w005_case_detail_detail_72 .page .text .tip{font-size: var(--font-sma-S);line-height: var(--font-sma-L);} #w005_case_detail_detail_72 .page .text .name{font-size: var(--font-txt-S);line-height: var(--font-txt-L);} #w005_case_detail_detail_72 .page i{font-size: var(--font-txt-S);} #w005_case_detail_detail_72 .page .prev{width: 100%;margin-bottom: 30px;} #w005_case_detail_detail_72 .page .next{width: 100%;} } #w034_case_related_125{padding: var(--paddingTop) 0 var(--paddingBottom);} @media screen and (max-width:750px) { #w034_case_related_125{padding: var(--appPaddingTop) 0 var(--appPaddingBottom);} } /* 推荐产品 */ #w034_case_related_125 {padding: 20px 0 80px;} #w034_case_related_125 .head {display: flex;align-items: center;justify-content: space-between;} #w034_case_related_125 .head .title {padding-left: 30px;line-height: 50px;font-weight: bold;font-size: 28px;color: var(--mainColor);position: relative;} #w034_case_related_125 .head .title::before {content: '';position: absolute;width: 10px;height: 30px;background: var(--mainColor);left: 0;top: 50%;margin-top: -14px;} #w034_case_related_125 .head .btn {width: 104px;line-height: 34px;font-size: 16px;text-align: center;border: var(--btn_1st_border_width) var(--btn_1st_border_style) var(--btn_1st_border_color);color: var(--btn_1st_font_color);background: var(--btn_1st_bg_color);border-radius: var(--btn_1st_border_radius);} #w034_case_related_125 .content {display: flex;margin-top: 20px;flex-wrap: wrap;} #w034_case_related_125 .content .box {width: 23.58%;border: 1px solid #dcdcdc;margin-right: 1.6%;} #w034_case_related_125 .content .box:last-child {margin-right: 0;} #w034_case_related_125 .content .box .img {padding-top: 74.911%;position: relative;} #w034_case_related_125 .content .box .name {padding: 0 10px;background: #f2f2f2;line-height: 50px;font-size: 16px;color: #333333;text-align: center;} @media (any-hover:hover) { #w034_case_related_125 .head .btn:hover {background: var(--btn_1st_hover_bg_color);border-color: var(--btn_1st_hover_border_color);color: var(--btn_1st_hover_color);} } @media screen and (max-width:750px) { #w034_case_related_125 .head .title {font-size: 36px;} #w034_case_related_125 .head .btn {width: 150px;font-size: 26px;line-height: 60px;} #w034_case_related_125 .content {justify-content: space-between;} #w034_case_related_125 .content .box {width: 49%;margin-top: 30px;} #w034_case_related_125 .content .box .name {font-size: var(--font-txt-S);line-height: 60px;} } .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 370px;gap: 0 30px;} #temp_wcb_footer_footer04_16_nav{display: flex;flex-wrap: wrap;gap: 40px 100px;} #temp_wcb_footer_footer04_16_nav .dl .dt{font-size: 18px;line-height: 1;margin-bottom: 36px;font-weight: bold;} #temp_wcb_footer_footer04_16_nav .dd{font-size: 16px;color: var(--font_color_2);line-height: 30px;margin-bottom: 8px;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: 60px;} #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: 20px 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: 20px 0;padding-left: 15px;border-bottom: 1px solid rgba(255, 255, 255,0.2);} } #temp_wcb_footer_footer04_16_third{display: flex;flex-direction: column;font-size: 16px;line-height: 1.8;color: var(--font_color_2);margin-bottom: 35px;} #temp_wcb_footer_footer04_16_third .title{margin-bottom: 30px;font-size: 18px;line-height: 1;font-weight: bold;color: var(--font_color_1);} #temp_wcb_footer_footer04_16_third .phone{color: var(--numColor);font-size: 16px;font-weight: bold;line-height: 1.5;margin-bottom: 24px;} #temp_wcb_footer_footer04_16_third .phone span{font-size: 28px;} #temp_wcb_footer_footer04_16_third .list{display: flex;flex-wrap: wrap;gap: 10px 40px;margin-top: 30px;} #temp_wcb_footer_footer04_16_third .qr .img{width: 120px;height: 120px;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: 16px;color: var(--font_color_2);margin-top: 12px;} @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: 10px;} #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: 240px;height: 240px;} #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: 16px;height: 72px;border-top: 1px solid var(--font_color_3);margin-top: 35px;} #temp_wcb_footer_footer04_16_links .fd_link{display: flex;flex-wrap: wrap;gap: 10px 26px;} #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: 16px 0;} } #temp_wcb_footer_footer04_16_copyright{min-height: 85px;padding: 16px 0;font-size: 16px;line-height: 1.5;color: var(--font_color_2);border-top: 1px solid var(--font_color_3);} #temp_wcb_footer_footer04_16_copyright > *{gap: 10px 20px;flex-wrap: wrap;} #temp_wcb_footer_footer04_16_copyright > * > *{display: flex;align-items: center;flex-wrap: wrap;gap: 10px 20px;} @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);} }