/* fixed 不占位 scroll-top 头部触顶状态 -> 白字导航 opacity_black 头部触顶状态2 -> 黑字导航 */ /* 头部默认透明样式 */ #default_header_0002_63_nav{width: 100%;height: var(--head_top_height);transition: border-color,color,height .3s;border-bottom: 1px solid rgba(255, 255, 255, 0.2);color: #333;} #default_header_0002_63_nav .head{} #header.scroll-top #default_header_0002_63_nav .head{} #header.fixed.scroll-top #default_header_0002_63_nav{color: #fff;} #header.fixed.scroll-top.opacity_black #default_header_0002_63_nav{color: #333;} #header.scroll-center #default_header_0002_63_nav{background-color: #fff;} #header.scroll-center #default_header_0002_63_nav{box-shadow: 0 0 5px 0 rgba(0,0,0,.1);} #header.scroll-center #default_header_0002_63_nav .top{transform: translateY(-100%);position: absolute;} #header.scroll-center #default_header_0002_63_nav .head{height: var(--head_center_height);} /* 背景色 */ #header_bg{height: var(--head_center_height);width: 100%;background: #fff;transition:background .3s;} #header.scroll-top #header_bg{height: var(--head_top_height);} #header.fixed.scroll-top #header_bg, #header.fixed.scroll-top.opacity_black #header_bg{background: transparent;} #header.scroll-center #default_header_0002_63_nav{height: var(--head_center_height);} #default_header_0002_63_nav .top{width: 100%;background-color: var(--head_top_bg);color: var(--headTopFontColor);} /* logo部分 */ #default_header_0002_63_nav .head .logo_box{height: 100%;width: var(--logoWidth);overflow: hidden;} #default_header_0002_63_nav .weblogo{height: 100%;overflow: hidden;} #default_header_0002_63_nav .weblogo .logo_w{width: 100%;display: none;max-height: 90%;} #default_header_0002_63_nav .weblogo .logo_b{width: 100%;display: block;max-height: 90%;} #header.fixed.scroll-top #default_header_0002_63_nav .weblogo .logo_w{display: block;} #header.fixed.scroll-top #default_header_0002_63_nav .weblogo .logo_b{display: none;} #header.fixed.scroll-top.opacity_black #default_header_0002_63_nav .weblogo .logo_w{display: none;} #header.fixed.scroll-top.opacity_black #default_header_0002_63_nav .weblogo .logo_b{display: block;} /* 按钮部分 */ #default_header_0002_63_nav .head_btn{display: flex;align-items: center;font-size: 0.16rem;} #default_header_0002_63_nav .head_btn > *{padding: 0.1rem 0.15rem;} #default_header_0002_63_nav .head_btn > * > i{font-size: 0.2rem;} #default_header_0002_63_nav .head_btn .language i{margin-right: 0.06rem;} #default_header_0002_63_nav .phone{font-size: var(--phoneFont_px);height: 100%;} #default_header_0002_63_nav .phone .phone_i{font-size: var(--phoneFont_px);margin-right: 0.1rem;} #header.fixed.scroll-top #default_header_0002_63_nav .form{} #default_header_0002_63_nav .form{background-color: rgba(0,0,0,.3);} #default_header_0002_63_nav .form .label i{font-size: .22rem;color: #fff;} /* 导航栏目 */ #default_header_0002_63_nav .head_nav{flex: 1;} #default_header_0002_63_nav .head_nav .li{font-size: var(--font_1st_px);height: 100%;border-bottom: 0.02rem solid transparent;margin-left: var(--paddingLeft);transition: .3s ease-out;} #default_header_0002_63_nav .head_nav .li > a{line-height: 2;} #default_header_0002_63_nav .head_nav .li:first-of-type{margin-left: 0;} #default_header_0002_63_nav .head_nav .li:hover, #default_header_0002_63_nav .head_nav .li.cur{border-bottom-color: var(--hoverColor);color: var(--hoverColor);} /* 对比导航 */ .default_header_0002_63_nav_width_compare{display: inline-flex;pointer-events: none;position: absolute;top: 0;left: 0;visibility: hidden;opacity: 0;} .default_header_0002_63_nav_width_compare .head_nav{} .default_header_0002_63_nav_width_compare .head_nav .li{font-size: var(--font_1st_px);margin-left: var(--paddingLeft);} .default_header_0002_63_nav_width_compare .head_nav .li:first-of-type{margin-left: 0;} /* 移动端菜单按钮 */ #default_header_0002_63_nav .head .menu{display: none;padding: 0.3rem 0.2rem;position: relative;cursor: pointer;margin-right: -0.2rem;} #default_header_0002_63_nav .head .menu i{width: 0.36rem;height: 0.02rem;display: block;background: #333;position: relative;transition: .3s;} #default_header_0002_63_nav .head .menu i::before{display: block;content: '';width: 100%;height: 0.02rem;background: #333;position: absolute;top: 0;transform: translateY(-0.14rem);transition: .3s;} #default_header_0002_63_nav .head .menu i::after{display: block;content: '';width: 100%;height: 0.02rem;background: #333;position: absolute;top: 0;transform: translateY(0.14rem);transition: .3s;} #header.fixed.scroll-top #default_header_0002_63_nav .head .menu i, #header.fixed.scroll-top #default_header_0002_63_nav .head .menu i::before, #header.fixed.scroll-top #default_header_0002_63_nav .head .menu i::after{background: #fff;} #header.fixed.scroll-top.opacity_black #default_header_0002_63_nav .head .menu i, #header.fixed.scroll-top.opacity_black #default_header_0002_63_nav .head .menu i::before, #header.fixed.scroll-top.opacity_black #default_header_0002_63_nav .head .menu i::after{background: #333;} /* nav盒子 */ #default_header_0002_63_nav .head .nav_box{height: 100%;width: 100%;} #default_header_0002_63_nav .head .nav_box .weblogo{max-height: 50%;transition: .3s;visibility: hidden;transform: translateY(-100%);} #default_header_0002_63_nav .head .nav_box .head_nav{height: 100%;transition-property:height,transform;transition-duration: .3s;} #header.scroll-center #default_header_0002_63_nav .head .nav_box{position: relative;} #header.scroll-center #default_header_0002_63_nav .head .nav_box .head_nav{} #header.scroll-top #default_header_0002_63_nav .head .nav_box .weblogo{visibility: visible;transform: translateY(0);} #header.scroll-top #default_header_0002_63_nav .head .nav_box .head_nav{height: 50%;} /* menu_expand 侧边栏展开状态 pc_app 导航栏换行时，控制侧边栏按钮 */ /* 菜单按钮 侧边栏展开 */ #header.menu_expand #default_header_0002_63_nav .menu i{background: transparent !important;} #header.menu_expand #default_header_0002_63_nav .menu i::before{background: #333 !important;transform: translateY(0rem) rotateZ(45deg);} #header.menu_expand #default_header_0002_63_nav .menu i::after{background: #333 !important;transform: translateY(0rem) rotateZ(-45deg);} /* 隐藏导航按钮部分 侧边栏展开 */ #header.menu_expand #default_header_0002_63_nav .head_btn{display: none;} /* 控制侧边栏按钮 导航栏放不下时 */ .default_header_0002_63.pc_app #default_header_0002_63_nav .nav_box {display: none;} .default_header_0002_63.pc_app #default_header_0002_63_nav .head .menu{display: block;} /* nav盒子 */ .default_header_0002_63.pc_app #default_header_0002_63_nav .head .nav_box {display: none !important;} /* btn盒子 */ .default_header_0002_63.pc_app #default_header_0002_63_nav .head .btns_box{width: initial !important;height: 100% !important;} /* pc_app状态下无法控制背景颜色高度 */ /* 导航高度 */ #header.scroll-top.pc_app #default_header_0002_63_nav .head{height: var(--head_center_height) !important;} #header.scroll-top.pc_app #header_bg{height: var(--head_center_height) !important;} @media only screen and (max-width: 1024px) { #default_header_0002_63_nav .head_nav .li{margin: 0 0.08rem;} #default_header_0002_63_nav .nav_box {display: none;} #default_header_0002_63_nav .head .menu{display: block;} /* nav盒子 */ #default_header_0002_63_nav .head .nav_box {display: none;} #default_header_0002_63_nav .head .nav_box .head_nav{height: 100%;width: 100%;margin: 0 auto;} /* btn盒子 */ #default_header_0002_63_nav .head .btns_box{width: initial;height: 100%;} /* 导航高度 */ #default_header_0002_63_nav .head{height: var(--head_center_height);} #header_bg{height: var(--head_center_height);} } @media only screen and (max-width: 900px) { #default_header_0002_63_nav .phone{font-size: 0.26rem;} #default_header_0002_63_nav .phone .phone_i{font-size: 0.26rem;} #default_header_0002_63_nav .head_btn .search i {font-size: 0.26rem;} #default_header_0002_63_nav .head_btn .language{margin-right: 0.2rem;font-size: 0.2rem;} #default_header_0002_63_nav .head_btn .language i {font-size: 0.26rem;margin-right: 0.1rem;} } @media only screen and (max-width: 768px) { #default_header_0002_63_nav .top{display: none;} #default_header_0002_63_nav, #header #default_header_0002_63_nav .head, #header #header_bg{height: var(--head_top_height_app) !important;} #default_header_0002_63_nav .btns_box .search{display: block;} #default_header_0002_63_nav .btns_box .search i {font-size: var(--font-sub-S);} #default_header_0002_63_nav .btns_box .lang_box{display: block;font-size: var(--font-sma-S);margin-right: .2rem;} #default_header_0002_63_nav .btns_box .lang_box i{font-size: var(--font-sub-S);} #default_header_0002_63_nav .head .menu{padding: 0.3rem;} #default_header_0002_63_nav .head .menu i{width: 0.46rem;height: 0.03rem;} #default_header_0002_63_nav .head .menu i::before{transform: translateY(-0.18rem);height: 0.03rem;} #default_header_0002_63_nav .head .menu i::after{transform: translateY(0.18rem);height: 0.03rem;} #header.menu_expand #default_header_0002_63_nav .weblogo{opacity: 0;} } #temp_wcb_inner_hf_hengfu01_111 .img{min-height: 4rem;} #temp_wcb_inner_hf_hengfu01_111 .img img{width: 100%;display: block;} #temp_wcb_inner_hf_hengfu01_111 .imgApp{display: none;min-height: 4.8rem;} #temp_wcb_inner_hf_hengfu01_111 .imgApp img{width: 100%;display: block;} #temp_wcb_inner_hf_hengfu01_111 .box{top: 0;overflow: hidden;height: 100%;pointer-events: none;} #temp_wcb_inner_hf_hengfu01_111 .position_box{width: 100%;height: 100%;position: absolute;left: 0%;bottom: 0%;} #temp_wcb_inner_hf_hengfu01_111.height_change .position_box{width: 100%;height: calc((100% - 1rem));position: absolute;left: 50%;bottom: 0%;transform: translateX(-50%);} #temp_wcb_inner_hf_hengfu01_111 .text{display: flex;flex-direction: column;width: 100%;padding: .15rem 0;} #temp_wcb_inner_hf_hengfu01_111 .text .name{font-size: var(--small_px);color: var(--small_color);font-weight: var(--small_font_weight);font-style: var(--small_font_style);line-height: var(--small_line_height);margin-bottom: .26rem;pointer-events: all;} #temp_wcb_inner_hf_hengfu01_111 .text .subname{font-size: var(--big_px);color: var(--big_color);font-weight: var(--big_font_weight);font-style: var(--big_font_style);line-height: var(--big_line_height);pointer-events: all;} #temp_wcb_inner_hf_hengfu01_111 .position_box[position="2"], #temp_wcb_inner_hf_hengfu01_111 .position_box[position="5"], #temp_wcb_inner_hf_hengfu01_111 .position_box[position="8"]{text-align: center;} #temp_wcb_inner_hf_hengfu01_111 .position_box[position="3"], #temp_wcb_inner_hf_hengfu01_111 .position_box[position="6"], #temp_wcb_inner_hf_hengfu01_111 .position_box[position="9"]{text-align: right;} @media screen and (max-width:751px) { #temp_wcb_inner_hf_hengfu01_111 .img{display: none;} #temp_wcb_inner_hf_hengfu01_111 .imgApp{display: block;} #temp_wcb_inner_hf_hengfu01_111 .text .name{font-size: var(--small_mobile_px);color: var(--small_mobile_color);font-weight: var(--small_mobile_font_weight);max-height: calc(2 * var(--small_mobile_line_height));} #temp_wcb_inner_hf_hengfu01_111 .text .subname{font-size: var(--big_mobile_px);color: var(--big_mobile_color);font-weight: var(--big_mobile_font_weight);max-height: calc(2 * var(--big_mobile_line_height));} #temp_wcb_inner_hf_hengfu01_111.height_change .position_box{height: calc((100% - 1.2rem));} } #w018_about_detail_53 {padding: var(--paddingTop) 0 var(--paddingBottom);background: 0/cover;} #w018_about_detail_53 .text {padding: 1rem 1.4rem 1rem 0.5rem;} #w018_about_detail_53 .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);} #w018_about_detail_53 .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); margin: 0.65rem 0 0.6rem;} #w018_about_detail_53 .button .icon {font-size: 0.14rem;line-height: 1;color: transparent;-webkit-text-stroke: 1px var(--moreIconColor);-webkit-text-fill-color: transparent;margin-right: 0.1rem;} #w018_about_detail_53 .button .btn_text {font-size: 0.14rem;line-height: 2;color: var(--moreTextColor);border-bottom: 1px solid var(--moreTextColor);} #w018_about_detail_53 .list {gap: 0.65rem;} #w018_about_detail_53 .numb {font-size: 0.48rem;line-height: 1;color: var(--dataColor);font-weight: bold;} #w018_about_detail_53 .numb .unit, #w018_about_detail_53 .numb .icon {font-size: 0.3rem;} #w018_about_detail_53 .name {font-size: 0.14rem;line-height: 1.6;color: var(--dataTextColor);margin-top: 0.15rem;} @media screen and (max-width:1440px) { #w018_about_detail_53 .text {padding: 0.5rem;} #w018_about_detail_53 .data {padding: 0 0.5rem;} } @media screen and (max-width:1200px) { #w018_about_detail_53 > div{display: block;} #w018_about_detail_53 .text {width: 100%;padding:0 0 0.5rem 0;} #w018_about_detail_53 .brief{margin: 0.3rem 0;} #w018_about_detail_53 .data {width: 100%;padding: 0;display: block;} #w018_about_detail_53 .list{flex-direction: row;gap: 0.5rem;} } @media screen and (max-width:768px) { #w018_about_detail_53 {padding: var(--appPaddingTop) 0 var(--appPaddingBottom);} #w018_about_detail_53 .title {font-size: var(--font-big-S);line-height: var(--font-big-L);font-weight: var(--font-big-B);} #w018_about_detail_53 .brief {font-size: var(--font-txt-S);} #w018_about_detail_53 .button .icon, #w018_about_detail_53 .button .btn_text {font-size: var(--font-bri-S);} #w018_about_detail_53 .list{flex-wrap: wrap;} #w018_about_detail_53 .numb {font-size: var(--font-big-S);} #w018_about_detail_53 .numb .unit, #w018_about_detail_53 .numb .icon {font-size: var(--font-sub-S);} #w018_about_detail_53 .name {font-size: var(--font-bri-S);line-height: var(--font-bri-L);} } .w012_index_about_142_wrapper{padding-top:var(--paddingTop);display: flex; justify-content: space-between;} @media screen and (max-width:1200px) { .w012_index_about_142_wrapper{flex-direction: column;} } @media screen and (max-width:768px) { .w012_index_about_142_wrapper{padding-top: var(--appPaddingTop);} } #w012_index_about_142_title{width: 50%;padding-right: 1.3rem;} #w012_index_about_142_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_142_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_142_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_142_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_142_title .btn .right{color:var(--btn_1st_font_color);margin-left:0.25rem;transition: 0.3s;} #w012_index_about_142_title.myleft{text-align: left;} #w012_index_about_142_title.myright{text-align: right;} #w012_index_about_142_title.mycenter{text-align: center;} #w012_index_about_142_title.myleft .btn{margin-right: auto;} #w012_index_about_142_title.myright .btn{margin-left: auto;} #w012_index_about_142_title.mycenter .btn{margin: 0.5rem auto 0;} @media screen and (max-width:1536px) { #w012_index_about_142_title{width: 40%;padding-right:0.5rem} } @media screen and (max-width:1366px) { #w012_index_about_142_title .brief{margin-bottom: 0.2rem;} } @media screen and (max-width:1200px) { #w012_index_about_142_title{width:100%} #w012_index_about_142_title .btn{margin-bottom: 0.3rem;margin-top: 0.2rem;} } @media screen and (max-width:768px) { #w012_index_about_142_title{padding-right: 0;} #w012_index_about_142_title .title{font-size: var(--font-big-S);line-height: var(--font-big-L);font-weight: var(--font-big-B);} #w012_index_about_142_title .intro{font-size: var(--font-sub-S)} #w012_index_about_142_title .brief{font-size: var(--font-txt-S);line-height:var(--font-txt-L)} #w012_index_about_142_title .btn{ font-size: var(--font-bri-S);width: 2.5rem;height: 0.8rem;border-radius:0.4rem;} #w012_index_about_142_title .btn .right{font-size: var(--font-txt-S);} } @media (any-hover: hover) { #w012_index_about_142_title .btn:hover{color: var(--btn_1st_hover_color);background-color: var(--btn_1st_hover_bg_color);} #w012_index_about_142_title .btn:hover .right{color:var(--btn_1st_hover_color);} } #w012_index_about_142_images{width:50%;} #w012_index_about_142_images .picture::before{padding-top:59.75%;} #w012_index_about_142_images .picture img{top: 0;} @media screen and (max-width:1536px) { #w012_index_about_142_images{width:60%;} } @media screen and (max-width:1200px) { #w012_index_about_142_images{width:100%;} } #w012_index_about_142_bottom{padding-top:0.93rem;margin-bottom:var(--paddingBottom);} #w012_index_about_142_bottom .number{padding:0.4rem 0.4rem 0.4rem 0.4rem;background-color: #f8f8f8;} #w012_index_about_142_bottom .li{position: relative;width:100%;margin-right:0.6rem;} #w012_index_about_142_bottom .li:last-child{margin-right: 0;} #w012_index_about_142_bottom .li::after{content:'';position: absolute;width: 2px;height: 0.9rem;background: #000000;opacity: 0.05;top: -0.1rem;right: 120%;} #w012_index_about_142_bottom .li:first-child:after{display: none;} #w012_index_about_142_bottom .li .num{font-size:var(--listFt1_px);font-weight: bold;position: relative;} #w012_index_about_142_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_142_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_142_bottom .number{padding-right: 0.4rem;} } @media screen and (max-width:768px) { #w012_index_about_142_bottom{padding-bottom: var(--appPaddingBottom);padding-top: 0.5rem;} #w012_index_about_142_bottom .number{display: grid;grid-template-columns: 100%;row-gap: 0.3rem;} #w012_index_about_142_bottom .li{text-align: center;} #w012_index_about_142_bottom .li::after{width: 100%;height: 2px;background-color: #333;} #w012_index_about_142_bottom .li .num{font-size:var(--font-big-S)} #w012_index_about_142_bottom .li .num::after{width: 0.1rem;height: 0.1rem;} #w012_index_about_142_bottom .li .simple{font-size:var(--font-txt-S)} #w012_index_about_142_bottom .li .tag{font-size: var(--font-txt-S);margin-top: 0.1rem;} } .w014_index_products_143_wrap{padding-top:var(--paddingTop);padding-bottom: var(--paddingBottom);background-color:var(--bgColor);} /* 按钮部分 */ .w014_index_products_143_wrap .box{width:94%;display: flex;justify-content: space-between;position: absolute;top:50%;left: 50%;transform: translateX(-50%);z-index:5;} .w014_index_products_143_wrap .box i{font-size: 0.16rem;color:#fff;width: 0.3rem;height: 0.3rem;background-color: #999999;;border-radius: 0.35rem;transition: .6s;} .w014_index_products_143_wrap .btn{ font-size: 0.16rem;width: 1.6rem;height:0.5rem;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);} .w014_index_products_143_wrap .btn .right{margin-left:0.1rem;transition: 0.3s;} /* @media screen and (max-width:1700px){ .w014_index_products_143_wrap .box{width: 100%;} } */ @media screen and (max-width: 768px){ .w014_index_products_143_wrap{padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} .w014_index_products_143_wrap .box{display: none;} .w014_index_products_143_wrap .btn{width: 2.5rem;height: 0.8rem;font-size:var(--font-txt-S) ;border-radius: 0.4rem;} .w014_index_products_143_wrap .btn .right{font-size: var(--font-txt-S);} } @media (any-hover: hover) { .w014_index_products_143_wrap .box i:hover{background-color: var(--hoverColor);color: #fff;} .w014_index_products_143_wrap .btn:hover .right{margin-left:0.25rem;color: #fff;} .w014_index_products_143_wrap .btn:hover{background-color: var(--hoverColor);color: #fff;} } /* 标题部分 */ #w014_index_products_143_text {font-size: 0.16rem;} #w014_index_products_143_text .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);} #w014_index_products_143_text .title_en{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-bottom:0.55rem;margin-top:0.35rem;} #w014_index_products_143_text .nav{padding-top: 0.35rem;margin-bottom: 0.65rem; font-size: 0.16rem;} #w014_index_products_143_text .nav ul{gap: 0.3rem 0.65rem;} #w014_index_products_143_text .nav li{color:#666666;font-size:0.18rem;} #w014_index_products_143_text .nav li.cur{color:var(--hoverColor);position: relative;} #w014_index_products_143_text .nav li.cur::before{content: '';width: 5px;height: 5px;background-color: var(--hoverColor);position: absolute;bottom: -55%;;left: 50%;transform: translateX(-50%);border-radius: 50%;} #w014_index_products_143_text.myleft{text-align: left;} #w014_index_products_143_text.myright{text-align: right;} #w014_index_products_143_text.mycenter{text-align: center;} #w014_index_products_143_text.myleft .nav ul{justify-content: flex-start;} #w014_index_products_143_text.myright .nav ul{justify-content: flex-end;} #w014_index_products_143_text.mycenter .nav ul{justify-content: center;} @media screen and (max-width: 768px){ #w014_index_products_143_text .title{font-size: var(--font-sub-S);line-height: var(--font-sub-L);font-weight: var(--font-sub-B);} #w014_index_products_143_text .title_en{font-size: var(--font-sub-S);line-height: var(--font-sub-L);} #w014_index_products_143_text .nav li{font-size:var(--font-bri-S);} } #w014_index_products_143_decoration .show .container{padding-top:0.15rem} #w014_index_products_143_decoration .slide{height: 4rem;position: relative;background-color: #fff;color:#404040;transition: 0.3s;} #w014_index_products_143_decoration .slide .name{font-size:0.18rem; font-weight: 500;text-align: center;margin: 0.15rem 0.2rem 0.43rem 0.15rem;} #w014_index_products_143_decoration .slide .showImg{height:3.18rem;width: 100%;transition:0.75s;} @media screen and (max-width: 768px){ #w014_index_products_143_decoration .container .slide{ width: 6.75rem;height:7rem;} #w014_index_products_143_decoration .slide{height: 7.37rem;} #w014_index_products_143_decoration .slide .showImg{height: 6rem;} #w014_index_products_143_decoration .slide .name{font-size: var(--font-txt-S); } #w014_index_products_143_text .nav ul{display: grid;grid-template-columns: repeat(3,calc((100% - 0.2rem)/3));gap: 0.2rem;row-gap: 0.3rem;} #w014_index_products_143_text .nav li.cur::before{bottom: -50%;/*left: 30%;*/width: 0.1rem;height: 0.1rem;} } @media (any-hover: hover) { #w014_index_products_143_decoration .slide:hover{transform: translateY(-5px);box-shadow: 0 0 0.2rem rgba(0,0,0,10%);z-index: 3;color: var(--hoverColor);} } /* 不同宽度下的样式 */ #w014_index_products_143_decoration .show .container.cw1200 ~ .box{width: 80%;} #w014_index_products_143_decoration .show .container.cw1280 ~ .box{width: 84%;} #w014_index_products_143_decoration .show .container.cw1440 ~ .box{width: 88%;} @media screen and (max-width: 1680px){ #w014_index_products_143_decoration .show .container.cw1200 ~ .box{width: 86%;} #w014_index_products_143_decoration .show .container.cw1280 ~ .box{width: 90%;} #w014_index_products_143_decoration .show .container.cw1440 ~ .box{width: 94%;} } @media screen and (max-width: 1440px){ #w014_index_products_143_decoration .show .container.cw1200 ~ .box, #w014_index_products_143_decoration .show .container.cw1280 ~ .box{width: 94%;} } .default_history_0000_88Wrap{padding: var(--paddingTop) 0 var(--paddingBottom);background: var(--backgroundImg_path) no-repeat center / cover var(--backgroundImg_color);} @media (max-width: 768px) { .default_history_0000_88Wrap{padding: var(--appPaddingTop) 0 var(--appPaddingBottom);} } .default_history_0000_88Wrap.myleft #default_history_0000_88Title{text-align: left;} .default_history_0000_88Wrap.mycenter #default_history_0000_88Title{text-align: center;} .default_history_0000_88Wrap.myright #default_history_0000_88Title{text-align: right;} #default_history_0000_88Title .title {font-size: var(--titleFont_px);color: var(--titleFont_color);font-weight: var(--titleFont_font_weight);line-height: var(--titleFont_line_height);font-style: var(--titleFont_font_style);} #default_history_0000_88Title .txt {font-size: var(--briefFont_px); color: var(--briefFont_color);font-weight: var(--briefFont_font_weight);line-height: var(--briefFont_line_height);font-style: var(--briefFont_font_style); margin-top: .18rem;} #default_history_0000_88Con {margin-top: .55rem;position: relative;width: 100%;z-index: 2} #default_history_0000_88Con .main {position: relative;z-index: 2} #default_history_0000_88Con .main .slide {background: #fff;border: 1px solid #eaeaea;border-radius: .15rem;height: auto;overflow: hidden;position: relative;transition: all .4s;z-index: 1} #default_history_0000_88Con .main .slide .public-img {border-radius: .1rem;opacity: 0;transition: all .4s;width: 100%} #default_history_0000_88Con .main .slide .public-img:before {padding-top: 139.1304347826%} #default_history_0000_88Con .main .slide .tbox {padding: .35rem .4rem;position: absolute;top: 0;left: 0;width: 100%;z-index: 2} #default_history_0000_88Con .main .slide .tbox .t1 {font-size: var(--listNameFont_px);color: var(--listNameFont_color);line-height: var(--listNameFont_line_height);font-weight: var(--listNameFont_font_weight);transition: all .4s} #default_history_0000_88Con .main .slide .tbox .t2 {font-size: var(--listBriefFont_px);color: var(--listBriefFont_color);line-height: var(--listBriefFont_line_height);font-weight: var(--listBriefFont_font_weight); margin-top: .15rem;transition: all .4s} #default_history_0000_88Con .main .slide:hover {background: var(--hoverBgColor)} #default_history_0000_88Con .main .slide:hover .public-img {opacity: .4} #default_history_0000_88Con .main .slide:hover .tbox .t1, #default_history_0000_88Con .main .slide:hover .tbox .t2 {color: var(--hoverColor)} /* 年份列表 */ #default_history_0000_88Con .boxs {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 3;pointer-events: none;} #default_history_0000_88Con .boxs *{pointer-events: none;} #default_history_0000_88Con .li {position: relative;z-index: 1;width: 25%;} #default_history_0000_88Con .li .tbox2 {bottom: .6rem;left: 0;position: absolute;width: 100%;z-index: 1} #default_history_0000_88Con .li .tbox2 .year {font-size: 0.18rem;height: 0.41rem;padding-bottom: 6px;position: relative;text-align: center;z-index: 1} #default_history_0000_88Con .li .tbox2 .year:before {background: url("/module/default/history/0000/images/iconBg.png") top no-repeat;background-size: 100%;content: "";width: 1.6rem;height: 1.3rem;left: 50%;position: absolute;top: 60%;transform: translate(-50%,-50%);z-index: 1} #default_history_0000_88Con .li .tbox2 .year span {color: var(--yearColor);font-weight: 700;position: relative;transition: all .4s;z-index: 2} #default_history_0000_88Con .li .tbox2 .dian {background: var(--yearColor);border: 3px solid #fff;border-radius: 50%;box-shadow: 0 0 .15rem var(--yearColor);width: .16rem;height: .16rem;margin: .15rem auto 0;} @media (max-width: 992px) { #default_history_0000_88Con .main .slide .public-img:before {padding-top:120%} #default_history_0000_88Con .li {width: 50%;flex-shrink: 0;} } @media (max-width: 768px) { #default_history_0000_88Title .title{--titleFont_px:.52rem} #default_history_0000_88Title .txt{--briefFont_px:.28rem} #default_history_0000_88Con .main .slide .tbox .t1{--listNameFont_px:.36rem} #default_history_0000_88Con .main .slide .tbox .t2{--listBriefFont_px:.28rem} #default_history_0000_88Con .main .slide .public-img:before {padding-top:100%} #default_history_0000_88Con .main .slide.swiper-slide-active {background: var(--hoverBgColor)} #default_history_0000_88Con .main .slide.swiper-slide-active .public-img {opacity: .4} #default_history_0000_88Con .main .slide.swiper-slide-active .tbox .t1, #default_history_0000_88Con .main .slide.swiper-slide-active .tbox .t2 {color: var(--hoverColor)} #default_history_0000_88Con .li{width: 100%;} #default_history_0000_88Con .li .tbox2 .year{font-size: .36rem;height: .68rem;} #default_history_0000_88Con .li .tbox2 .year:before {width: 2.8rem;height: 2.2rem;} } /* 年份列表响应式位置 */ #default_history_0000_88Con .li:nth-child(1) .tbox2 {bottom: .6rem} #default_history_0000_88Con .li:nth-child(2) .tbox2 {bottom: .82rem} #default_history_0000_88Con .li:nth-child(3) .tbox2 {bottom: 1.28rem} #default_history_0000_88Con .li:nth-child(4) .tbox2 {bottom: 2.02rem} @media (max-width: 1536px) { #default_history_0000_88Con .li:nth-child(1) .tbox2 {bottom:.66rem} #default_history_0000_88Con .li:nth-child(4) .tbox2 {bottom:2.07rem} } @media (max-width: 1440px) { #default_history_0000_88Con .li:nth-child(3) .tbox2 {bottom:1.23rem} #default_history_0000_88Con .li:nth-child(4) .tbox2 {bottom:1.96rem} } @media (max-width: 1366px) { #default_history_0000_88Con .li:nth-child(1) .tbox2 {bottom: .5rem} #default_history_0000_88Con .li:nth-child(2) .tbox2 {bottom: .68rem} #default_history_0000_88Con .li:nth-child(3) .tbox2 {bottom: 1.06rem} #default_history_0000_88Con .li:nth-child(4) .tbox2 {bottom: 1.76rem} } @media (max-width: 1280px) { #default_history_0000_88Con .li:nth-child(1) .tbox2 {bottom: .38rem} #default_history_0000_88Con .li:nth-child(2) .tbox2 {bottom: .5rem} #default_history_0000_88Con .li:nth-child(3) .tbox2 {bottom: 0.9rem} #default_history_0000_88Con .li:nth-child(4) .tbox2 {bottom: 1.53rem} } @media (max-width: 1200px) { #default_history_0000_88Con .li:nth-child(1) .tbox2 {bottom: .33rem} #default_history_0000_88Con .li:nth-child(2) .tbox2 {bottom: .45rem} #default_history_0000_88Con .li:nth-child(3) .tbox2 {bottom: 0.8rem} #default_history_0000_88Con .li:nth-child(4) .tbox2 {bottom: 1.42rem} } @media (max-width: 1024px) { #default_history_0000_88Con .li:nth-child(1) .tbox2 {bottom: .18rem} #default_history_0000_88Con .li:nth-child(2) .tbox2 {bottom: .27rem} #default_history_0000_88Con .li:nth-child(3) .tbox2 {bottom: 0.6rem} #default_history_0000_88Con .li:nth-child(4) .tbox2 {bottom: 1.1rem} } @media (max-width: 992px) { #default_history_0000_88Con .li:nth-child(1) .tbox2 {bottom:.16rem} #default_history_0000_88Con .li:nth-child(2) .tbox2 {bottom:0.6rem} } @media (max-width: 768px) { #default_history_0000_88Con .li:nth-child(1) .tbox2 {bottom:.28rem} } /* 图片设置 */ #default_history_0000_88Con .bg1, #default_history_0000_88Con .bg2 {bottom: -3.6rem;height: 6.8rem;left: 0;pointer-events: none;position: absolute;width: 100%;z-index: 1} #default_history_0000_88Con .bg2 {z-index: 2} #default_history_0000_88Con .line {bottom: 8%;height: 2.7rem;left: 0;pointer-events: none;position: absolute;width: 100%;z-index: 2} #default_history_0000_88Con .line .line_svg stop{stop-color: var(--yearColor)} @media (max-width: 1680px) { #default_history_0000_88Con .bg1, #default_history_0000_88Con .bg2 {bottom:-4rem} #default_history_0000_88Con .line {bottom: 5.5%;} } @media (max-width: 1440px) { #default_history_0000_88Con .bg1, #default_history_0000_88Con .bg2 {bottom:-4.2rem} #default_history_0000_88Con .line {bottom:4%} } @media (max-width: 1366px) { #default_history_0000_88Con .bg1, #default_history_0000_88Con .bg2 {bottom:-4.4rem} #default_history_0000_88Con .line {bottom:0%} } @media (max-width: 1280px) { #default_history_0000_88Con .bg1, #default_history_0000_88Con .bg2 {bottom:-4.7rem} #default_history_0000_88Con .line {bottom:-5%} } @media (max-width: 1200px) { #default_history_0000_88Con .bg1, #default_history_0000_88Con .bg2 {bottom:-4.9rem} #default_history_0000_88Con .line {bottom:-8%} } @media (max-width: 1024px) { #default_history_0000_88Con .bg1, #default_history_0000_88Con .bg2 {bottom:-5.2rem} #default_history_0000_88Con .line {bottom:-18%} } @media (max-width: 992px) { #default_history_0000_88Con .bg1, #default_history_0000_88Con .bg2 {bottom:-5.6rem} } @media (max-width: 768px) { #default_history_0000_88Con .bg1, #default_history_0000_88Con .bg2 {bottom:-1.5rem;height: auto} #default_history_0000_88Con .line {bottom:1%;height: auto} } /* 全局 */ .w008_about_culture_culture_89Wrap{padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);background: var(--backgroundImg_path) no-repeat center / cover var(--backgroundImg_color);overflow: hidden;} #w008_about_culture_culture_89 {display: flex;justify-content: space-between;} @media screen and (max-width:1024px) { #w008_about_culture_culture_89 {flex-direction: column;} } @media screen and (max-width:768px) { .w008_about_culture_culture_89Wrap{padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} } /* 主体 */ #w008_about_culture_culture_89 .text{padding-top: 0.62rem;width: 55%;} #w008_about_culture_culture_89 .li{margin-bottom: 0.67rem;} #w008_about_culture_culture_89 .li .svgg{margin-right: 0.4rem;} #w008_about_culture_culture_89 .li .svgg svg{width: 0.4rem;height: 0.4rem;} #w008_about_culture_culture_89 .li .title{font-size: var(--titleFont_px);color: var(--titleFont_color);font-weight: var(--titleFont_font_weight);line-height: var(--titleFont_line_height);margin-bottom: 0.3rem;} #w008_about_culture_culture_89 .li .brief{font-size: var(--briefFont_px);color: var(--briefFont_color);font-weight: var(--briefFont_font_weight);line-height: var(--briefFont_line_height);} #w008_about_culture_culture_89 .img{height: 7.5rem;width: 39.14%;} @media screen and (max-width:1024px) { #w008_about_culture_culture_89 .text{width: 100%;} #w008_about_culture_culture_89 .li .svgg{margin-right: 0;} } @media screen and (max-width:768px) { #w008_about_culture_culture_89 .text{padding: 0;margin: 0;width: 100%;} #w008_about_culture_culture_89 .li .title{font-size:var(--font-sma-S);line-height: var(--font-sma-L);margin-bottom: 0.15rem;} #w008_about_culture_culture_89 .li .brief{font-size:var(--font-txt-S);line-height: var(--font-txt-L) ;} #w008_about_culture_culture_89 .li .svgg svg{width: 1rem;height: 1rem;margin-right: 0.3rem;} #w008_about_culture_culture_89 .img{width: 100%;} } .default_footer_0005_64Wrap{padding: var(--paddingTop) 0 var(--paddingBottom);background:var(--backgroundColor);position: relative;z-index: 9;} @media (max-width: 768px) { .default_footer_0005_64Wrap{padding: var(--appPaddingTop) 0 var(--appPaddingBottom);} } #default_footer_0005_64Con{width: 100%;padding: 0 0 0.64rem;} #default_footer_0005_64Con .info{width: 2.7rem;} #default_footer_0005_64Con .logo img{max-width: 1.7rem;} #default_footer_0005_64Con .cont{width: 100%;margin-top: 0.3rem;} #default_footer_0005_64Con .items{margin-top: 0.14rem;} #default_footer_0005_64Con .items:first-child{margin-top: 0;} #default_footer_0005_64Con .items .icon{width: 0.34rem;height: 0.24rem;padding-right: 0.08rem;} #default_footer_0005_64Con .items .text{flex:1;max-width: 100%;font-size: var(--contactFont_px);color:var(--contactFont_color);line-height: var(--contactFont_line_height);font-weight: var(--contactFont_font_weight);font-style: var(--contactFont_font_style);} #default_footer_0005_64Con .items .text p{width: 100%;margin-top: 0.06rem;} #default_footer_0005_64Con .items .text p:first-child{margin-top: 0;} #default_footer_0005_64Con .items .text p a{position: relative;} /* #default_footer_0005_64Con .items .text p a::after{content: "";position: absolute;width: 100%;height: 1px;background:var(--contactFont_color);left: 0;bottom: 2px;} */ /* 分享 */ #default_footer_0005_64Con .share{width: 100%;font-size: 0;margin-top: 0.42rem;} #default_footer_0005_64Con .share a{width: 0.3rem;flex-shrink: 0;height: 0.3rem;margin-left: 0.07rem;border-radius: 0.05rem;background: var(--shareBgColor);transition: all .4s ease;} #default_footer_0005_64Con .share a i{font-size: 0.22rem;color: var(--shareIconColor);} #default_footer_0005_64Con .share a:first-child{margin-left: 0;} #default_footer_0005_64Con .share .qrcode{display: none;width: 1.52rem;height: 1.52rem;padding: 0.06rem;position: absolute;bottom: 0.42rem;left: 50%;margin-left: -0.76rem;background: #fff;border-radius: 4px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);} #default_footer_0005_64Con .share .qrcode::after{content: "";display: block;width: 0px;height: 0px;border: 0.08rem solid transparent;border-top-color: #fff;position: absolute;bottom: -0.16rem;left: 50%;margin-left: -0.08rem;} #default_footer_0005_64Con .share a:hover .qrcode{display: block;animation: default_footer_0005_64Qrcode .5s ease-in-out both;} #default_footer_0005_64Con .share a:hover{background: var(--hoverShareBgColor);} @keyframes default_footer_0005_64Qrcode{0%{transform: translateY(-0.14rem);}100%{transform: translateY(0);}} /* 导航 */ #default_footer_0005_64Con .navbar{min-width: 8.3rem;max-width: calc(100% - 3rem);} #default_footer_0005_64Con .navbar ul{gap: 0.2rem .3rem;} #default_footer_0005_64Con .menu{font-size: var(--oneNavFont_px);color: var(--oneNavFont_color);line-height: var(--oneNavFont_line_height);font-weight: var(--oneNavFont_font_weight);font-style: var(--oneNavFont_font_style); transition: all .4s ease;} #default_footer_0005_64Con .menu span{position: relative;} #default_footer_0005_64Con .menu span::after{content: "";position: absolute;width: 0;height: 1px;background: var(--oneNavFont_color);right: 0;bottom: -4px;opacity: 0;transition: width .4s ease,opacity .1s ease .4s;} #default_footer_0005_64Con .menu:hover span::after{width: 100%;opacity: 1;transition: width .4s ease .1s,opacity .1s ease;right: auto;left: 0;} /* 二级导航 */ #default_footer_0005_64Con .drop{width: 100%;padding-top: 0.14rem;} #default_footer_0005_64Con .drop a{display: block;font-size: var(--twoNavFont_px);color: var(--twoNavFont_color);line-height: var(--twoNavFont_line_height);font-weight: var(--twoNavFont_font_weight);font-style: var(--twoNavFont_font_style);padding: 0.09rem 0;transition: all .4s ease;} #default_footer_0005_64Con .drop a:hover{color: var(--twoNavHoverColor);} /* 版权 */ #default_footer_0005_64Copyright{width: 100%;gap: 0.2rem;border-top: 1px solid var(--copyrightBorderColor);padding: 0.24rem 0 0;color: var(--footerFont_color);font-size: var(--footerFont_px);font-style: var(--footerFont_font_style);font-weight: var(--footerFont_font_weight);line-height: var(--footerFont_line_height);} #default_footer_0005_64Copyright .info p{margin-left: 0.12rem;} #default_footer_0005_64Copyright .info p:first-child{margin-left: 0;} #default_footer_0005_64Copyright .link a{position: relative;transition: all .4s ease;margin-right: 0.2rem;} #default_footer_0005_64Copyright .link a:last-child{margin-right: 0;} #default_footer_0005_64Copyright .link a:first-child:before{display: none;} #default_footer_0005_64Copyright .link a:hover{color: var(--footerFontHoverColor);} @media screen and (max-width: 1024px) { #default_footer_0005_64Con{display: block;} #default_footer_0005_64Con .info{width: 100%;} #default_footer_0005_64Con .navbar{width: 100%;margin-top: 0.5rem;min-width: auto;max-width: auto;} } @media screen and (max-width: 768px) { #default_footer_0005_64Con .logo img{max-width: 2.6rem;width: 100%;} #default_footer_0005_64Con .items .icon{width: 0.6rem;height: 0.4rem;padding-right: 0.2rem;} #default_footer_0005_64Con .items .icon img{width: 100%;} #default_footer_0005_64Con .items .text{font-size: 0.3rem;} #default_footer_0005_64Con .share a{width: 0.6rem;height: 0.6rem;border-radius: 0.1rem;margin-right: 0.1rem;} #default_footer_0005_64Con .share a i{font-size: 0.4rem;} #default_footer_0005_64Con .share .qrcode{bottom: 0.75rem;} #default_footer_0005_64Con .navbar ul{display: block;} #default_footer_0005_64Con .navbar li{width: 100%;} #default_footer_0005_64Con .navbar .arrow{display: block;font-size: 0.3rem;color: var(--oneNavFont_color);} #default_footer_0005_64Con .nav_one{border-bottom: 2px solid var(--copyrightBorderColor);} #default_footer_0005_64Con .menu{font-size: 0.36rem;line-height: 13vw;} #default_footer_0005_64Con .drop{height: 0;overflow: hidden;padding-top: 0;} #default_footer_0005_64Con .drop a{font-size: 0.3rem;line-height: 10vw;padding: 1vw 3vw;border-bottom: 2px dashed var(--copyrightBorderColor);} #default_footer_0005_64Copyright{font-size: 0.28rem;line-height: 1.667;border:none;padding-top: 0;} }