/* fixed 不占位 scroll-top 头部触顶状态 -> 白字导航 opacity_black 头部触顶状态2 -> 黑字导航 */ #temp_wcb_header_header01_6_nav{transition:padding-top .3s;} #temp_wcb_header_header01_6_nav .head{height: var(--head_center_height);width: 100%;padding: 0 calc(4% + 20px);color: var(--head_fz_color);position: relative;} #header.fixed.scroll-top #temp_wcb_header_header01_6_nav{padding-top: 60px;} #header.fixed.scroll-top #temp_wcb_header_header01_6_nav .head{height: var(--head_top_height);} #temp_wcb_header_header01_6_nav .head::before{height: 100%;position: absolute;top: 0;left: 0;transition:width .3s,margin .3s,border-radius .3s,background .3s;display: block;content: '';pointer-events: none;background: var(--head_bg_color);width: 100%;margin: 0;border-radius: 0;} #header.fixed.scroll-top #temp_wcb_header_header01_6_nav .head::before{width: 92%;margin: 0 4%;border-radius: 15px;} /* 背景色 */ #header_bg{background: var(--head_bg_color);height: var(--head_center_height);width: 100%;margin: 0;border-radius: 0;opacity: 0;transition: .3s;} #header.fixed.scroll-top #header_bg{background: var(--head_bg_color);height: var(--head_top_height);width: 92%;margin: 60px 4% 0;border-radius: 15px;} /* logo部分 */ #temp_wcb_header_header01_6_nav .weblogo{height: 100%;overflow: hidden;} #temp_wcb_header_header01_6_nav .weblogo .logo_w{max-height: 90%;display: var(--head_logo_w);} #temp_wcb_header_header01_6_nav .weblogo .logo_b{max-height: 90%;display: var(--head_logo_b);} /* 导航栏目 */ #temp_wcb_header_header01_6_nav .head_nav{flex: 1;margin: 0 var(--paddingLeft);position: relative;} #temp_wcb_header_header01_6_nav .head_nav .li{font-size: var(--font_1st_px);height: var(--head_top_height);border-bottom: 3px solid transparent;margin-left: var(--paddingLeft);transition: .3s ease-out;} #temp_wcb_header_header01_6_nav .head_nav .li > a{line-height: 2;} #temp_wcb_header_header01_6_nav .head_nav .li:first-of-type{margin-left: 0;} #temp_wcb_header_header01_6_nav .head_nav .li:hover, #temp_wcb_header_header01_6_nav .head_nav .li.cur{color: var(--hoverColor);border-color: var(--hoverColor);} /* 对比导航 */ .temp_wcb_header_header01_6_nav_width_compare{display: inline-flex;pointer-events: none;position: absolute;top: 0;left: 0;visibility: hidden;opacity: 0;} .temp_wcb_header_header01_6_nav_width_compare .head_nav{margin: 0 var(--paddingLeft);} .temp_wcb_header_header01_6_nav_width_compare .head_nav .li{font-size: var(--font_1st_px);margin-left: var(--paddingLeft);} .temp_wcb_header_header01_6_nav_width_compare .head_nav .li:first-of-type{margin-left: 0;} /* 按钮部分 */ #temp_wcb_header_header01_6_nav .head_btn{display: flex;align-items: center;font-size: 16px;position: relative;} #temp_wcb_header_header01_6_nav .head_btn > *{padding: 10px 15px;} #temp_wcb_header_header01_6_nav .head_btn > *:last-child{padding-right: 0;} #temp_wcb_header_header01_6_nav .head_btn > * > i{font-size: 20px;} #temp_wcb_header_header01_6_nav .head_btn .language i{margin-right: 6px;} /* 移动端菜单按钮 */ #temp_wcb_header_header01_6_nav .head .menu{display: none;padding: 30px 20px;position: relative;cursor: pointer;margin-right: -20px;} #temp_wcb_header_header01_6_nav .head .menu i{width: 36px;height: 2px;display: block;position: relative;transition: .3s;background: var(--head_fz_color);} #temp_wcb_header_header01_6_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_wcb_header_header01_6_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;} /* menu_expand 侧边栏展开状态 pc_app 导航栏换行时，控制侧边栏按钮 */ /* 头部整体 侧边栏展开 */ #header.fixed.menu_expand #temp_wcb_header_header01_6_nav{padding-top: 0px;} #header.fixed.menu_expand #temp_wcb_header_header01_6_nav .head{height: var(--head_center_height);} #header.menu_expand #temp_wcb_header_header01_6_nav .head::before {background: transparent;} #header.menu_expand #header_bg {height: var(--head_center_height) !important;width: 100% !important;margin: 0 !important;border-radius: 0 !important;opacity: 1 !important;} /* 菜单按钮 侧边栏展开 */ #header.menu_expand #temp_wcb_header_header01_6_nav .menu i{background: transparent !important;} #header.menu_expand #temp_wcb_header_header01_6_nav .menu i::before{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(45deg);} #header.menu_expand #temp_wcb_header_header01_6_nav .menu i::after{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(-45deg);} /* 导航按钮 侧边栏展开 */ #header.menu_expand #temp_wcb_header_header01_6_nav .head_btn{display: none;} /* 导航nav 导航按钮 导航栏换行时 */ .temp_wcb_header_header01_6.pc_app #temp_wcb_header_header01_6_nav .head_nav {visibility: hidden;opacity: 0;} .temp_wcb_header_header01_6.pc_app #temp_wcb_header_header01_6_nav .head .menu{display: block;} @media only screen and (max-width: 1024px) { #temp_wcb_header_header01_6_nav .head_nav .li{margin: 0 8px;} #temp_wcb_header_header01_6_nav .head_nav {display: none;} #temp_wcb_header_header01_6_nav .head .menu{display: block;} #temp_wcb_header_header01_6_nav .head_btn{flex: 1;justify-content: flex-end;} } @media only screen and (max-width: 900px) { #temp_wcb_header_header01_6_nav .head_btn .search i {font-size: 26px;} #temp_wcb_header_header01_6_nav .head_btn .language{margin-right: 20px;font-size: 20px;} #temp_wcb_header_header01_6_nav .head_btn .language i {font-size: 26px;margin-right: 10px;} } @media only screen and (max-width: 750px) { #temp_wcb_header_header01_6_nav .head{height: var(--head_top_height_app);} #header.menu_expand #header_bg{height: var(--head_top_height_app) !important;} #temp_wcb_header_header01_6_nav .head .menu{padding: 30px;} #temp_wcb_header_header01_6_nav .head .menu i{width: 46px;height: 3px;} #temp_wcb_header_header01_6_nav .head .menu i::before{transform: translateY(-18px);height: 3px;} #temp_wcb_header_header01_6_nav .head .menu i::after{transform: translateY(18px);height: 3px;} #temp_wcb_header_header01_6_nav .head_btn .search i {font-size: var(--font-big-S);} #temp_wcb_header_header01_6_nav .head_btn .language{display: none;} #header.menu_expand #temp_wcb_header_header01_6_nav .weblogo{opacity: 0;} } .w010_case_detail_detail_28_wrapper{padding-top:var(--paddingTop);padding-bottom: var(--paddingBottom);} .w010_case_detail_detail_28_wrapper #w010_case_detail_detail_28_detail:nth-child(n+2){margin-top:80px;} @media screen and (max-width: 751px){ .w010_case_detail_detail_28_wrapper{padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} } /* 轮播大图 */ #w010_case_detail_detail_28 .container{padding-bottom:65px;} #w010_case_detail_detail_28 .slide .images{padding-top: 49.47916666%;} #w010_case_detail_detail_28 .box{position: absolute;z-index: 5;bottom: 50%;width:1400px;padding: 0 20px;opacity: 0.3;transition: .6s;} #w010_case_detail_detail_28 .box i{font-size: 16px;color:#fff;width: 55px;height: 55px;background-color: #333;border-radius: 35px;opacity: 0.5;} #w010_case_detail_detail_28 .circle-page{border-radius: 25px ; border:1px solid red} #w010_case_detail_detail_28 .swiper-pagination-bullet{width: 20px;height: 20px;margin: 0 20px;} #w010_case_detail_detail_28 .swiper-pagination-bullet-active{background-color: #fff; border: 1px solid #595959; border-radius: 50%;} @media screen and (max-width:1500px){ #w010_case_detail_detail_28 .box{display: none;} } @media screen and (max-width: 751px){ } @media (any-hover: hover) { #w010_case_detail_detail_28:hover .box{opacity: 1;} } /* 结束 */ /* 详情区 */ #w010_case_detail_detail_28_detail{margin-top:130px} #w010_case_detail_detail_28_detail .title_en{font-size: 36px;font-weight: 600;} #w010_case_detail_detail_28_detail .title_cn{font-size: 24px;color: #999999;padding: 20px 0;} #w010_case_detail_detail_28_detail .line{border-top:1px solid #333333;width: 20px;height: 1px;margin-bottom: 45px;} #w010_case_detail_detail_28_detail .briefDes{font-size: 16px;width: 59.21%;line-height: 1.8;} #w010_case_detail_detail_28_detail .pic{height: 630px;margin-top: 60px;transition: .6s;} #w010_case_detail_detail_28_detail .editor{font-size: 16px;line-height: 1.8;} @media screen and (max-width:1000px){ #w010_case_detail_detail_28_detail .briefDes{width: 100%;} } @media screen and (max-width:751px){ #w010_case_detail_detail_28_detail .title_en{font-size:var(--font-sma-S)} #w010_case_detail_detail_28_detail .title_cn{font-size:var(--font-txt-S);padding-top: 40px;line-height:var(--font-txt-L)} #w010_case_detail_detail_28_detail .briefDes{font-size: var(--font-txt-S);line-height:var(--font-txt-L)} #w010_case_detail_detail_28_detail .editor{font-size:var(--font-txt-S);line-height:var(--font-txt-L)} } /* 结束 */ #w010_case_detail_detail_28_bottom{margin-top: 65px;} #w010_case_detail_detail_28_bottom .brief{width: 55.14%;font-size: 16px;} #w010_case_detail_detail_28_bottom .title{font-size: 30px;font-weight: bold;} @media screen and (max-width:751px){ #w010_case_detail_detail_28_bottom{flex-direction: column-reverse;} #w010_case_detail_detail_28_bottom .brief{width: 100%;font-size: var(--font-txt-S);line-height:var(--font-txt-L)} #w010_case_detail_detail_28_bottom .title{font-size:var(--font-big-S);text-align: center;margin-bottom: 30px;} } .temp_wcb_footer_footer02_12_footer_wrap{padding-top: var(--paddingTop);background: var(--bg_color);color: var(--font_color_1);overflow: hidden;} @media only screen and (max-width: 750px) { .temp_wcb_footer_footer02_12_footer_wrap{padding-top: var(--appPaddingTop);} } #temp_wcb_footer_footer02_12_title {} #temp_wcb_footer_footer02_12_title .title{font-size: 48px;line-height: 1.2;font-weight: bold;} #temp_wcb_footer_footer02_12_title .brief{font-size: 16px;line-height: 1.6;text-align: right;max-width: 50%;} @media only screen and (max-width: 750px) { #temp_wcb_footer_footer02_12_title{flex-direction: column;} #temp_wcb_footer_footer02_12_title .title{font-size: var(--font-sub-S);line-height: var(--font-sub-L);margin-bottom: 20px;text-align: center;} #temp_wcb_footer_footer02_12_title .brief{font-size: var(--font-bri-S);line-height: var(--font-bri-L);max-width: initial;text-align: center;} } #temp_wcb_footer_footer02_12_contact{display: flex;align-items: center;justify-content: space-between;padding: 120px 0;gap: 40px;position: relative;} #temp_wcb_footer_footer02_12_contact::before{display: block;content: '”';font-size: 200px;color: var(--numColor);position: absolute;right: 0;top: 0;} #temp_wcb_footer_footer02_12_contact .qr{align-self: flex-end;} #temp_wcb_footer_footer02_12_contact .qr .img{max-width: 164px;max-height: 164px;} #temp_wcb_footer_footer02_12_contact .qr .tip{font-size: 14px;color:var(--font_color_2);margin-top: 20px;} #temp_wcb_footer_footer02_12_contact .text{display: flex;flex-direction: column;flex-wrap: wrap;gap: 70px 0;} #temp_wcb_footer_footer02_12_contact .text dt{font-size: 14px;line-height: 2;} #temp_wcb_footer_footer02_12_contact .text dd{font-size: 16px;line-height: 1.6;} #temp_wcb_footer_footer02_12_contact .text .phone dd{color: var(--numColor);font-size: 30px;font-weight: bold;} #temp_wcb_footer_footer02_12_contact .map{max-height: 300px;width: 40.625%;} @media only screen and (max-width: 980px) { #temp_wcb_footer_footer02_12_contact{flex-direction: column;} #temp_wcb_footer_footer02_12_contact .qr{align-self: center;} #temp_wcb_footer_footer02_12_contact .text{gap: 20px 0;text-align: center;} #temp_wcb_footer_footer02_12_contact .map{max-height: initial;width: 100%;} } @media only screen and (max-width: 750px) { #temp_wcb_footer_footer02_12_contact{padding: 60px 0;} #temp_wcb_footer_footer02_12_contact .qr{} #temp_wcb_footer_footer02_12_contact .qr .img{max-width: 240px;max-height: 240px;} #temp_wcb_footer_footer02_12_contact .qr .tip{font-size: var(--font-bri-S);line-height: var(--font-bri-L);} #temp_wcb_footer_footer02_12_contact .text{gap: 30px 0;} #temp_wcb_footer_footer02_12_contact .text dt{font-size: var(--font-bri-S);line-height: var(--font-bri-L);} #temp_wcb_footer_footer02_12_contact .text dd{font-size: var(--font-txt-S);line-height: var(--font-txt-L);} #temp_wcb_footer_footer02_12_contact .text .phone dd{font-size: var(--font-sma-S);line-height: var(--font-sma-L);} #temp_wcb_footer_footer02_12_contact .map{display: none;} } #temp_wcb_footer_footer02_12_links{font-size: 16px;height: 72px;border-top: 1px solid var(--font_color_2);margin-top: 35px;} #temp_wcb_footer_footer02_12_links .fd_link{display: flex;flex-wrap: wrap;gap: 10px 26px;color: var(--font_color_2);} #temp_wcb_footer_footer02_12_links .fd_link span{font-weight: bold;} @media only screen and (max-width: 750px) { #temp_wcb_footer_footer02_12_links{font-size: var(--font-bri-S);line-height: var(--font-bri-L);height: auto;padding: 16px 0;} } #temp_wcb_footer_footer02_12_copyright{border-top: 1px solid var(--font_color_2);color: var(--font_color_2);min-height: 112px;gap: 20px;} #temp_wcb_footer_footer02_12_copyright .copyright{font-size: 14px;line-height: 30px;gap: 10px 20px;} #temp_wcb_footer_footer02_12_copyright .third {gap: 0 20px;} #temp_wcb_footer_footer02_12_copyright .third .a i{font-size: 20px;} @media only screen and (max-width: 750px) { #temp_wcb_footer_footer02_12_copyright{flex-direction: column;align-items: center;padding: 30px 0 60px;} #temp_wcb_footer_footer02_12_copyright .copyright{font-size: var(--font-bri-S);line-height: var(--font-bri-L);text-align: center;} #temp_wcb_footer_footer02_12_copyright .third{margin-top: 40px;gap: 0 50px;} #temp_wcb_footer_footer02_12_copyright .third .a i{font-size: var(--font-sub-S);} }