.lyuiheader_nav_001{ --padding: 20px; max-height: 100%; --font_1st_px: 16px; --head_top_height: 40px; --hoverColor: var(--mainColor); overflow: hidden } .lyuiheader_nav_001-li{font-size: var(--font_1st_px);height: var(--head_top_height);border-bottom: 1px solid transparent;padding: 0 var(--padding);transition: .3s ease-out;white-space: nowrap;} .lyuiheader_nav_001-li-a{line-height: 2;} .lyuiheader_nav_001-li:hover, .lyuiheader_nav_001-li.cur{border-bottom-color: var(--hoverColor);color: var(--hoverColor);} .lyuiheader_nav_001-hoverBlock-b .lyuiheader_nav_001-li:hover{border-bottom-color: var(--hoverColor);background-color: var(--hoverColor);color: #fff;} .lyuiheader_nav_001.hide-active{opacity: 0;pointer-events: none;} .lyuiheader_nav_001.hide-active *{pointer-events: none!important;} /* fixed 不占位 scroll-top 头部触顶状态 -> 白字导航 opacity_black 头部触顶状态2 -> 黑字导航 */ #w001_index_header_16_nav{transition: background-color .3s;box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);} #w001_index_header_16_nav::before{border-bottom: 1px solid transparent;content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;pointer-events: none;} #w001_index_header_16_nav .head{height: var(--head_top_height);color: var(--head_fz_color);} #header.fixed.scroll-top #w001_index_header_16_nav{box-shadow: none;} #header.fixed.scroll-top #w001_index_header_16_nav::before{border-bottom-color: rgba(255, 255, 255, 0.2);} #header.fixed.scroll-top #w001_index_header_16_nav .head{color: #fff;} #header.fixed.scroll-top.opacity_black #w001_index_header_16_nav .head{color: #333;} #w001_index_header_16_nav .stockCode{margin-left: 0.1rem;font-size: 0.16rem;line-height: 1.5;opacity: 0.6;} #w001_index_header_16_nav .btnCS{padding: 0.1rem 0.2rem;border-radius: 5px;background: var(--mainColor);color: #fff;transition: .3s;font-size: 0.14rem;} #w001_index_header_16_nav .btnCS:hover{opacity: 0.8;} /* 背景色 */ #header_bg{height: var(--head_top_height);width: 100%;pointer-events: none;transition:background .3s;background: var(--head_bg_color);} #header.fixed.scroll-top #header_bg{background: transparent;} /* logo部分 */ #w001_index_header_16_nav .weblogo{height: 100%;overflow: hidden;} #w001_index_header_16_nav .weblogo .logo_w{max-height: 90%;display: var(--head_logo_w);} #w001_index_header_16_nav .weblogo .logo_b{max-height: 90%;display: var(--head_logo_b);} #header.fixed.scroll-top #w001_index_header_16_nav .weblogo .logo_w{display: block;} #header.fixed.scroll-top #w001_index_header_16_nav .weblogo .logo_b{display: none;} #header.fixed.scroll-top.opacity_black #w001_index_header_16_nav .weblogo .logo_w{display: none;} #header.fixed.scroll-top.opacity_black #w001_index_header_16_nav .weblogo .logo_b{display: block;} /* 导航栏目 */ #w001_index_header_16_nav .nav{ --padding: var(--paddingLeft); flex: 1;margin: 0 var(--paddingLeft); --hoverColor: var(--hover_color); } /* 按钮部分 */ #w001_index_header_16_nav .head_btn{display: flex;align-items: center;font-size: 0.16rem;} #w001_index_header_16_nav .head_btn > *{padding: 0.1rem 0.15rem;} #w001_index_header_16_nav .head_btn > *:last-child{padding-right: 0;} #w001_index_header_16_nav .head_btn > * > i{font-size: 0.2rem;} #w001_index_header_16_nav .head_btn .language i{margin-right: 0.06rem;} /* 移动端菜单按钮 */ #w001_index_header_16_nav .head .menu{display: none;padding: 0.3rem 0.2rem;position: relative;cursor: pointer;margin-right: -0.2rem;} #w001_index_header_16_nav .head .menu i{width: 0.36rem;height: 2px;display: block;background: var(--head_fz_color);position: relative;transition: .3s;} #w001_index_header_16_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;} #w001_index_header_16_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 #w001_index_header_16_nav .head .menu i, #header.fixed.scroll-top #w001_index_header_16_nav .head .menu i::before, #header.fixed.scroll-top #w001_index_header_16_nav .head .menu i::after{background: #fff;} #header.fixed.scroll-top.opacity_black #w001_index_header_16_nav .head .menu i, #header.fixed.scroll-top.opacity_black #w001_index_header_16_nav .head .menu i::before, #header.fixed.scroll-top.opacity_black #w001_index_header_16_nav .head .menu i::after{background: #333;} /* menu_expand 侧边栏展开状态 pc_app 导航栏换行时，控制侧边栏按钮 */ /* 侧边栏菜单展开状态(右侧) */ #header.menu_expand #w001_index_header_16_nav{box-shadow: none !important;border-bottom-color: transparent !important;} #header.menu_expand #w001_index_header_16_nav .menu i{background: transparent !important;} #header.menu_expand #w001_index_header_16_nav .menu i::before{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(45deg);} #header.menu_expand #w001_index_header_16_nav .menu i::after{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(-45deg);} #header.menu_expand #w001_index_header_16_nav .head_btn{display: none;} /* 导航栏放不下时 */ .w001_index_header_16.pc_app #w001_index_header_16_nav .head_nav .li{display: none;} .w001_index_header_16.pc_app #w001_index_header_16_nav .head .menu{display: block;} #w001_index_header_16_nav .mblanguage{display: none;} @media only screen and (max-width: 1024px) { #w001_index_header_16_nav .head_nav .li{display: none;} #w001_index_header_16_nav .head .menu{display: block;} /* #w001_index_header_16_nav .head_btn{flex: 1;justify-content: flex-end;} */ } @media only screen and (max-width: 900px) { #w001_index_header_16_nav .head_btn .search i {font-size: 0.26rem;} #w001_index_header_16_nav .head_btn .language{margin-right: 0.2rem;font-size: 0.2rem;} #w001_index_header_16_nav .head_btn .language i {font-size: 0.26rem;margin-right: 0.1rem;} #w001_index_header_16_nav .btnCS{display: none;} } @media only screen and (max-width: 750px) { #w001_index_header_16_nav .head{height: var(--head_top_height_app);} #header_bg{height: var(--head_top_height_app);} #w001_index_header_16_nav .head_btn .search i {font-size: var(--font-big-S);} #w001_index_header_16_nav .head_btn .language{display: none;} #w001_index_header_16_nav .mblanguage{margin-right: 0.2rem;font-size: 0.36rem;display: flex;} #w001_index_header_16_nav .head .menu{padding: 0.3rem;} #w001_index_header_16_nav .head .menu i{width: 0.46rem;height: 3px;} #w001_index_header_16_nav .head .menu i::before{transform: translateY(-0.18rem);height: 3px;} #w001_index_header_16_nav .head .menu i::after{transform: translateY(0.18rem);height: 3px;} #header.menu_expand #w001_index_header_16_nav .weblogo{opacity: 0;} #header.menu_expand #w001_index_header_16_nav .mblanguage{opacity: 0;} } /* 左侧出现的状态 head_menu_left */ .head_menu_left #w001_index_header_16_nav .head_nav{display: none;} .head_menu_left #w001_index_header_16_nav .head_btn{flex: initial;} /* 需要隐藏menu的时机 */ .head_menu_left #w001_index_header_16_nav .head .menu{display: none;} .head_menu_left.pc_app #w001_index_header_16_nav .head .menu{display: none;} .w001_index_header_16 #w001_index_header_16_nav .head .menu._left_{display: none;margin-right: 0;margin-left: -0.2rem;} /* 需要展示 menu._left_ 的时机 */ .head_menu_left #w001_index_header_16_nav .head .menu._left_{display: block;} @media only screen and (max-width: 1024px) { .head_menu_left #w001_index_header_16_nav .head .menu{display: none;} .head_menu_left #w001_index_header_16_nav .head .menu._left_{display: block;} .head_menu_left #w001_index_header_16_nav .head_btn{flex: initial;} } #w005_service_picture_5 .img{min-height: 4rem;} #w005_service_picture_5 .img img{width: 100%;display: block;} #w005_service_picture_5 .imgApp{display: none;min-height: 4.8rem;} #w005_service_picture_5 .imgApp img{width: 100%;display: block;} #w005_service_picture_5 .box{top: 0;overflow: hidden;height: 100%;pointer-events: none;} #w005_service_picture_5 .position_box{width: 100%;height: 100%;position: absolute;left: 0%;bottom: 0%;} #w005_service_picture_5.height_change .position_box{width: 100%;height: calc((100% - 1rem));position: absolute;left: 50%;bottom: 0%;transform: translateX(-50%);} #w005_service_picture_5 .text{display: flex;flex-direction: column;width: 100%;padding: .15rem 0;} #w005_service_picture_5 .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;} #w005_service_picture_5 .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;} #w005_service_picture_5 .position_box[position="2"], #w005_service_picture_5 .position_box[position="5"], #w005_service_picture_5 .position_box[position="8"]{text-align: center;} #w005_service_picture_5 .position_box[position="3"], #w005_service_picture_5 .position_box[position="6"], #w005_service_picture_5 .position_box[position="9"]{text-align: right;} @media screen and (max-width:751px) { #w005_service_picture_5 .img{display: none;} #w005_service_picture_5 .imgApp{display: block;} #w005_service_picture_5 .text .name{font-size: var(--small_mobile_px);color: var(--small_mobile_color);font-weight: var(--small_mobile_font_weight);font-style: var(--small_mobile_font_style);} #w005_service_picture_5 .text .subname{font-size: var(--big_mobile_px);color: var(--big_mobile_color);font-weight: var(--big_mobile_font_weight);font-style: var(--big_mobile_font_style);} #w005_service_picture_5.height_change .position_box{height: calc((100% - 1.2rem));} } /* w004_contact_us_contact_6 */ .w004_contact_us_contact_6_wrap{padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);} #w004_contact_us_contact_6 .content {padding: 0 0 0.8rem;} #w004_contact_us_contact_6 .tag {font-size: var(--font_0st_px);color: var(--font_0st_color);font-weight: var(--font_0st_font_weight);font-style: var(--font_0st_font_style);line-height: var(--font_0st_line_height);text-align: center;} #w004_contact_us_contact_6 .text {font-size: var(--font_1st_px);color: var(--font_1st_color);font-weight: var(--font_1st_font_weight);font-style: var(--font_1st_font_style);line-height: var(--font_1st_line_height);text-align: center;} #w004_contact_us_contact_6 .box {margin-top: 1.2rem;display: flex;justify-content: center;align-items: flex-start;} #w004_contact_us_contact_6 .box .item {flex: 1;text-align: center;border-left: 1px solid #e8e8e8;max-width: 4rem;padding: 0 0.3rem;} #w004_contact_us_contact_6 .box .item:first-child{border-left:none;} #w004_contact_us_contact_6 .box .item .img {width: 0.8rem;height: 0.8rem;background: var(--iconBgColor);border-radius: 50%;overflow: hidden;font-size: 0.3rem;} #w004_contact_us_contact_6 .box .item .img .icon_svg{max-width: 50%;max-height: 50%;} #w004_contact_us_contact_6 .box .item .img .icon_svg *{fill: #fff;} #w004_contact_us_contact_6 .box .item .name {font-size: 0.16rem; color: #1a1a1a;line-height: 1.5;margin: 0.3rem 0;} #w004_contact_us_contact_6 .box .item .txt {font-size: 0.16rem;color: #1a1a1a;line-height: 1.5;margin: 0 auto 0.35rem;} #w004_contact_us_contact_6.myleft .tag{text-align: left;} #w004_contact_us_contact_6.myleft .text{text-align: left;} #w004_contact_us_contact_6.myleft .box{justify-content: flex-start;} #w004_contact_us_contact_6.myleft .box .item{align-items: flex-start;text-align: left;} #w004_contact_us_contact_6.mycenter .tag{text-align: center;} #w004_contact_us_contact_6.mycenter .text{text-align: center;} #w004_contact_us_contact_6.mycenter .box{justify-content: center;} #w004_contact_us_contact_6.mycenter .box .item{align-items: center;text-align: center;} #w004_contact_us_contact_6.myright .tag{text-align: right;} #w004_contact_us_contact_6.myright .text{text-align: right;} #w004_contact_us_contact_6.myright .box{justify-content: flex-end;} #w004_contact_us_contact_6.myright .box .item{align-items: flex-end;text-align: right;} #w004_contact_us_contact_6_map .map{width: 100%;height: 5.9rem;} @media screen and (max-width:750px) { .w004_contact_us_contact_6_wrap {padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} #w004_contact_us_contact_6 .content {margin-top: 0.5rem;padding: 0.6rem 0;} #w004_contact_us_contact_6 .tag {font-size: var(--font-txt-S);line-height: var(--font-txt-L);font-weight: var(--font-txt-B);} #w004_contact_us_contact_6 .text {font-size: var(--titleFtMb_px);line-height: var(--titleFtMb_line_height);font-weight: var(--titleFtMb_font_weight);} #w004_contact_us_contact_6 .box {display: block;margin-top: 0.2rem;} #w004_contact_us_contact_6 .box .item{max-width: 100%;padding: 0.5rem 0;border: none;border-top: 1px solid #e6e6e6;} #w004_contact_us_contact_6 .box .item:first-child{border-top: none;} #w004_contact_us_contact_6 .box .item .txt {font-size: var(--font-txt-S);line-height: var(--font-txt-L);margin-bottom: 0px;} #w004_contact_us_contact_6 .box .item .name {font-size: var(--font-txt-S);margin-top: 0.1rem;margin-bottom: 0.25rem;} #w004_contact_us_contact_6 .box .item .img {font-size: var(--font-sub-S);margin: 0 0.4rem;width: 1.2rem;height: 1.2rem;} } /* w005_contact_feedback_40 */ #w005_contact_feedback_40_form{padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);} #w005_contact_feedback_40_form .form{display: flex;flex-wrap: wrap;justify-content: space-between;} #w005_contact_feedback_40_form .form .item{flex: 1 1 calc(50% - 0.25rem);margin-top: 0.5rem;} #w005_contact_feedback_40_form .form .item:nth-child(even){margin-left: 0.5rem;} #w005_contact_feedback_40_form .form .item:last-of-type{flex: 2 1 100%;margin-left: 0;} #w005_contact_feedback_40_form .form .item .tip{font-size: 0.16rem;color: #626466;margin-bottom: 0.2rem;display: flex;justify-content: space-between;align-items: center;} /* 错误信息提示样式 */ #w005_contact_feedback_40_form .form .item .tip .error_tip{color: #cc0000;} #w005_contact_feedback_40_form .form .item .input{height: 0.4rem;border-bottom: 1px solid #E5E5E5;display: block;color: #333;transition: .3s;} #w005_contact_feedback_40_form .form .item .input input{font-size: 0.2rem;line-height: 0.4rem;width: 100%;} #w005_contact_feedback_40_form .form .item .textarea{height: 1.6rem;border-bottom: 1px solid #E5E5E5;display: block;color: #333;transition: .3s;} #w005_contact_feedback_40_form .form .item .textarea textarea{font-size: 0.2rem;line-height: 0.4rem;width: 100%;height: 100%;} #w005_contact_feedback_40_form .form .submit{width: 1.9rem; height: 0.6rem; margin: 0 auto;margin-top: 0.5rem; color: var(--btn_1st_font_color);background-color: var(--btn_1st_bg_color);border-radius:var(--btn_1st_border_radius);} #w005_contact_feedback_40_form .form .submit input{font-size: 0.16rem;} #w005_contact_feedback_40_form .form .submit .submit_i{margin-left: 0.15rem;font-size: 0.2rem;transition: .3s;} /* 表单聚焦颜色 */ #w005_contact_feedback_40_form .form .item .input.focus{border-bottom-color: var(--formColor);} #w005_contact_feedback_40_form .form .item .textarea.focus{border-bottom-color: var(--formColor);} /* 错误验证样式 */ #w005_contact_feedback_40_form .form .item .input.is-error{border-bottom-color: #cc0000;} #w005_contact_feedback_40_form .form .item .textarea.is-error{border-bottom-color: #cc0000;} @media (any-hover:hover){ #w005_contact_feedback_40_form .form .submit:hover .submit_i{transform: translateX(0.1rem);} } @media screen and (max-width:750px) { #w005_contact_feedback_40_form {padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} #w005_contact_feedback_40_form .form{display: block;} #w005_contact_feedback_40_form .form .item{} #w005_contact_feedback_40_form .form .item:nth-child(even){margin-left: 0;} #w005_contact_feedback_40_form .form .item .tip{font-size: var(--font-txt-S);} #w005_contact_feedback_40_form .form .item .tip .error_tip > i{font-size: var(--font-bri-S);} #w005_contact_feedback_40_form .form .item .input{height: auto;} #w005_contact_feedback_40_form .form .item .input input{font-size: var(--font-txt-S);line-height: var(--font-txt-L);} #w005_contact_feedback_40_form .form .item .textarea{height: 2rem;} #w005_contact_feedback_40_form .form .item .textarea textarea{font-size: var(--font-txt-S);line-height: var(--font-txt-L);} #w005_contact_feedback_40_form .form .submit{width: 100%; height: 0.7rem;border-radius: 0.35rem;margin: 0 auto;margin-top: 0.5rem;} #w005_contact_feedback_40_form .form .submit input{font-size: var(--font-txt-S);} #w005_contact_feedback_40_form .form .submit .submit_i{font-size: var(--font-txt-S);} } .default_footer_0004_17Wrap{padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);overflow:hidden;background: var(--backgroundImg_path) no-repeat center / cover var(--backgroundImg_color);overflow: hidden;} @media (max-width: 768px) { .default_footer_0004_17Wrap{padding: var(--appPaddingTop) 0 var(--appPaddingBottom);} } #default_footer_0004_17Top{} #default_footer_0004_17Top .logo{max-width: 2.5rem;margin-right: .3rem;} #default_footer_0004_17Top .txt{font-size: .18rem;color: var(--fontColor1);} #default_footer_0004_17Top .info{gap: .2rem .9rem;} #default_footer_0004_17Top .item{font-size: .2rem;color: var(--fontColor1);gap: .12rem;} #default_footer_0004_17Top .item:first-child{font-weight: 700;} #default_footer_0004_17Top .item .svg, #default_footer_0004_17Top .item .svg *{fill: var(--fontColor1);} @media(max-width: 1280px){ #default_footer_0004_17Top .logo{margin-right: .2rem;} #default_footer_0004_17Top .info{gap: .2rem .3rem;} } @media(max-width: 1100px){ #default_footer_0004_17Top{flex-direction: column;align-items: flex-start;gap: .3rem;} #default_footer_0004_17Top .info{flex-direction: column;} } @media(max-width: 768px){ #default_footer_0004_17Top .logoBox{flex-direction: column;gap: .2rem;align-items: flex-start;} #default_footer_0004_17Top .logo{max-width: 60%;margin-right: 0;} #default_footer_0004_17Top .txt{font-size: .3rem;} #default_footer_0004_17Top .info{gap: .3rem;} #default_footer_0004_17Top .item{font-size: .3rem;gap: .2rem;} } #default_footer_0004_17Nav{padding: .46rem 0 .36rem;border: 1px solid var(--fontColor5);border-left: 0;border-right: 0;margin: .4rem 0 .42rem;} #default_footer_0004_17Nav .navBox{width: calc(100% - 2.5rem);} #default_footer_0004_17Nav .nav{max-width: 20%;padding-right: .2rem;} #default_footer_0004_17Nav .nav:last-child{padding-right: 0;} #default_footer_0004_17Nav .nav_one .one_a{font-size: .16rem;color: var(--fontColor1);} #default_footer_0004_17Nav .nav_two{margin-top: .24rem;} #default_footer_0004_17Nav .nav_two .two_a{width: fit-content;font-size: .14rem;color: var(--fontColor2);line-height: 1.24;word-break: break-all;margin-bottom: .16rem;position: relative;} #default_footer_0004_17Nav .nav_two .two_a::after{content: "";position: absolute;right: 0;bottom: -2px;width: 0;height: 1px;background: var(--fontColor1);transition: all .3s ease;} #default_footer_0004_17Nav .qrcode{width: 0.85rem;} @media (any-hover:hover){ #default_footer_0004_17Nav .nav_two .two_a:hover{color: var(--navHoverColor);} #default_footer_0004_17Nav .nav_two .two_a:hover::after{right: auto;left: 0;width: 100%;} } @media(max-width: 1280px){ #default_footer_0004_17Nav .navBox{width: calc(100% - 1.8rem);} } @media(max-width: 1100px){ #default_footer_0004_17Nav .navBox{display: flex;flex-direction: column;width: 100%;} #default_footer_0004_17Nav .nav{max-width: 100%;width: 100%;padding-right: 0;} #default_footer_0004_17Nav .nav_one{border-bottom: 1px solid var(--fontColor5);} #default_footer_0004_17Nav .nav_one .one_a{font-size: .151rem;line-height: 7vw;} #default_footer_0004_17Nav .nav_one .jt{display: block; width: 2.2vw;} #default_footer_0004_17Nav .nav_one .svg{fill: var(--fontColor1); transform: scale(1) rotate(180deg);} #default_footer_0004_17Nav .nav.cur .jt .svg{transform: scale(1) rotate(90deg);} #default_footer_0004_17Nav .nav_two{margin-top: 0;height: 0;overflow: hidden;} #default_footer_0004_17Nav .nav_two .two_a{width: 100%;font-size: .121rem;margin-bottom: 0;padding: 1vw 3vw; margin-top: 0; font-size: .1212rem; line-height: 5vw; border-bottom:1px solid var(--fontColor5);} #default_footer_0004_17Nav .qrcode{margin-top: .3rem;} } @media(max-width: 768px){ #default_footer_0004_17Nav .nav_one .one_a{font-size: .36rem; line-height: 13vw;} #default_footer_0004_17Nav .nav_two .two_a{font-size: .3rem; line-height: 10vw;} #default_footer_0004_17Nav .nav_one .jt{width: 4.2vw;} #default_footer_0004_17Nav .qrcode{width: 1.5rem;margin-top: .4rem;} } #default_footer_0004_17Bot{} #default_footer_0004_17Bot .info{font-size: .14rem;color: var(--fontColor4);gap: .2rem;} #default_footer_0004_17Bot .third{display: flex;align-items: center;} #default_footer_0004_17Bot .third.hide{display: none;} #default_footer_0004_17Bot .third .a{margin-left: .1rem;width: .34rem;height: .34rem;border-radius: 50%;transition: .3s;background-color: var(--fontColor3);} #default_footer_0004_17Bot .third .a i{font-size: .2rem;color: #b7b7b7;} #default_footer_0004_17Bot .third .a:hover{background: var(--hoverThirdColor);} @media(max-width: 1100px){ #default_footer_0004_17Bot{flex-direction: column-reverse;gap: .3rem;} } @media (max-width: 768px) { #default_footer_0004_17Bot .info{font-size: .26rem;flex-direction: column;align-items: center;} #default_footer_0004_17Bot .third .a{margin-right: .3rem;width: .65rem;height: .65rem;border-width: .03rem;} #default_footer_0004_17Bot .third .a i{font-size: .36rem;} }