.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_11_nav{transition: background-color .3s;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} #w001_index_header_11_nav::before{border-bottom: 1px solid transparent;content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;pointer-events: none;} #w001_index_header_11_nav .head{height: var(--head_top_height);color: var(--head_fz_color);} #header.fixed.scroll-top #w001_index_header_11_nav{box-shadow: none;} #header.fixed.scroll-top #w001_index_header_11_nav::before{border-bottom-color: rgba(255, 255, 255, 0.2);} #header.fixed.scroll-top #w001_index_header_11_nav .head{color: #fff;} #header.fixed.scroll-top.opacity_black #w001_index_header_11_nav .head{color: #333;} #w001_index_header_11_nav .stockCode{margin-left: 10px;font-size: 16px;line-height: 1.5;opacity: 0.6;} #w001_index_header_11_nav .btnCS{padding: 0.1rem 0.2rem;border-radius: 5px;background: var(--mainColor);color: #fff;transition: .3s;font-size: 0.14rem;} #w001_index_header_11_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_11_nav .weblogo{height: 100%;overflow: hidden;} #w001_index_header_11_nav .weblogo .logo_w{max-height: 90%;display: var(--head_logo_w);} #w001_index_header_11_nav .weblogo .logo_b{max-height: 90%;display: var(--head_logo_b);} #header.fixed.scroll-top #w001_index_header_11_nav .weblogo .logo_w{display: block;} #header.fixed.scroll-top #w001_index_header_11_nav .weblogo .logo_b{display: none;} #header.fixed.scroll-top.opacity_black #w001_index_header_11_nav .weblogo .logo_w{display: none;} #header.fixed.scroll-top.opacity_black #w001_index_header_11_nav .weblogo .logo_b{display: block;} /* 导航栏目 */ #w001_index_header_11_nav .nav{ --padding: var(--paddingLeft); flex: 1;margin: 0 var(--paddingLeft); --hoverColor: var(--hover_color); } /* 按钮部分 */ #w001_index_header_11_nav .head_btn{display: flex;align-items: center;font-size: 16px;} #w001_index_header_11_nav .head_btn > *{padding: 10px 15px;} #w001_index_header_11_nav .head_btn > *:last-child{padding-right: 0;} #w001_index_header_11_nav .head_btn > * > i{font-size: 20px;} #w001_index_header_11_nav .head_btn .language i{margin-right: 6px;} /* 移动端菜单按钮 */ #w001_index_header_11_nav .head .menu{display: none;padding: 30px 20px;position: relative;cursor: pointer;margin-right: -20px;} #w001_index_header_11_nav .head .menu i{width: 36px;height: 2px;display: block;background: var(--head_fz_color);position: relative;transition: .3s;} #w001_index_header_11_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;} #w001_index_header_11_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 #w001_index_header_11_nav .head .menu i, #header.fixed.scroll-top #w001_index_header_11_nav .head .menu i::before, #header.fixed.scroll-top #w001_index_header_11_nav .head .menu i::after{background: #fff;} #header.fixed.scroll-top.opacity_black #w001_index_header_11_nav .head .menu i, #header.fixed.scroll-top.opacity_black #w001_index_header_11_nav .head .menu i::before, #header.fixed.scroll-top.opacity_black #w001_index_header_11_nav .head .menu i::after{background: #333;} /* menu_expand 侧边栏展开状态 pc_app 导航栏换行时，控制侧边栏按钮 */ /* 侧边栏菜单展开状态(右侧) */ #header.menu_expand #w001_index_header_11_nav{box-shadow: none !important;border-bottom-color: transparent !important;} #header.menu_expand #w001_index_header_11_nav .menu i{background: transparent !important;} #header.menu_expand #w001_index_header_11_nav .menu i::before{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(45deg);} #header.menu_expand #w001_index_header_11_nav .menu i::after{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(-45deg);} #header.menu_expand #w001_index_header_11_nav .head_btn{display: none;} /* 导航栏放不下时 */ .w001_index_header_11.pc_app #w001_index_header_11_nav .head_nav .li{display: none;} .w001_index_header_11.pc_app #w001_index_header_11_nav .head .menu{display: block;} #w001_index_header_11_nav .mblanguage{display: none;} @media only screen and (max-width: 1024px) { #w001_index_header_11_nav .head_nav .li{display: none;} #w001_index_header_11_nav .head .menu{display: block;} /* #w001_index_header_11_nav .head_btn{flex: 1;justify-content: flex-end;} */ } @media only screen and (max-width: 900px) { #w001_index_header_11_nav .head_btn .search i {font-size: 26px;} #w001_index_header_11_nav .head_btn .language{margin-right: 20px;font-size: 20px;} #w001_index_header_11_nav .head_btn .language i {font-size: 26px;margin-right: 10px;} #w001_index_header_11_nav .btnCS{display: none;} } @media only screen and (max-width: 750px) { #w001_index_header_11_nav .head{height: var(--head_top_height_app);} #header_bg{height: var(--head_top_height_app);} #w001_index_header_11_nav .head_btn .search i {font-size: var(--font-big-S);} #w001_index_header_11_nav .head_btn .language{display: none;} #w001_index_header_11_nav .mblanguage{margin-right: 20px;font-size: 36px;display: flex;} #w001_index_header_11_nav .head .menu{padding: 30px;} #w001_index_header_11_nav .head .menu i{width: 46px;height: 3px;} #w001_index_header_11_nav .head .menu i::before{transform: translateY(-18px);height: 3px;} #w001_index_header_11_nav .head .menu i::after{transform: translateY(18px);height: 3px;} #header.menu_expand #w001_index_header_11_nav .weblogo{opacity: 0;} #header.menu_expand #w001_index_header_11_nav .mblanguage{opacity: 0;} } /* 左侧出现的状态 head_menu_left */ .head_menu_left #w001_index_header_11_nav .head_nav{display: none;} .head_menu_left #w001_index_header_11_nav .head_btn{flex: initial;} /* 需要隐藏menu的时机 */ .head_menu_left #w001_index_header_11_nav .head .menu{display: none;} .head_menu_left.pc_app #w001_index_header_11_nav .head .menu{display: none;} .w001_index_header_11 #w001_index_header_11_nav .head .menu._left_{display: none;margin-right: 0;margin-left: -20px;} /* 需要展示 menu._left_ 的时机 */ .head_menu_left #w001_index_header_11_nav .head .menu._left_{display: block;} @media only screen and (max-width: 1024px) { .head_menu_left #w001_index_header_11_nav .head .menu{display: none;} .head_menu_left #w001_index_header_11_nav .head .menu._left_{display: block;} .head_menu_left #w001_index_header_11_nav .head_btn{flex: initial;} } #w001_index_hengfu_12 .slide .img_pc{width: 100%;} /* 铺满状态 */ #w001_index_hengfu_12.is_fill .slide .img_pc{height: 100vh;max-height: 100vw;object-fit:cover;} #w001_index_hengfu_12 .type-a .slide .img_pc{transform: scale(1)!important;} #w001_index_hengfu_12 .type-c .slide .img_pc{transform:scale(1)!important;} /* 文字活动区域 */ #w001_index_hengfu_12 .slide .message_box{display: flex;height: calc( 100% - 160px );position: absolute;top: 55%;left: 50%;transform: translate(-50%,-50%);pointer-events: none;} /* 文字定位样式 */ #w001_index_hengfu_12 .message{display: flex;flex-direction: column;max-width: 100%;} #w001_index_hengfu_12 .message_box[position="2"] .message, #w001_index_hengfu_12 .message_box[position="5"] .message, #w001_index_hengfu_12 .message_box[position="8"] .message{align-items: center;} #w001_index_hengfu_12 .message_box[position="3"] .message, #w001_index_hengfu_12 .message_box[position="6"] .message, #w001_index_hengfu_12 .message_box[position="9"] .message{align-items: flex-end;} #w001_index_hengfu_12 .message_box[position="2"] .message .name, #w001_index_hengfu_12 .message_box[position="5"] .message .name, #w001_index_hengfu_12 .message_box[position="8"] .message .name, #w001_index_hengfu_12 .message_box[position="2"] .message .brief, #w001_index_hengfu_12 .message_box[position="5"] .message .brief, #w001_index_hengfu_12 .message_box[position="8"] .message .brief{text-align: center;} #w001_index_hengfu_12 .message_box[position="3"] .message .name, #w001_index_hengfu_12 .message_box[position="6"] .message .name, #w001_index_hengfu_12 .message_box[position="9"] .message .name, #w001_index_hengfu_12 .message_box[position="3"] .message .brief, #w001_index_hengfu_12 .message_box[position="6"] .message .brief, #w001_index_hengfu_12 .message_box[position="9"] .message .brief{text-align: right;} #w001_index_hengfu_12 .message_box[position="1"] .message .name, #w001_index_hengfu_12 .message_box[position="4"] .message .name, #w001_index_hengfu_12 .message_box[position="7"] .message .name, #w001_index_hengfu_12 .message_box[position="1"] .message .brief, #w001_index_hengfu_12 .message_box[position="4"] .message .brief, #w001_index_hengfu_12 .message_box[position="7"] .message .brief{text-align: left;} /* 标题样式 */ #w001_index_hengfu_12 .message .name{font-size: var(--font_1st_px);color: var(--font_1st_color);font-weight: var(--font_1st_font_weight);font-style: var(--font_1st_font_style);line-height: var(--font_1st_line_height);} /* 简介样式 */ #w001_index_hengfu_12 .message .brief{margin: 29px 0 0; font-size: var(--font_2nd_px);color: var(--font_2nd_color);font-weight: var(--font_2nd_font_weight);font-style: var(--font_2nd_font_style);line-height: var(--font_2nd_line_height);} #w001_index_hengfu_12 .message .button {font-size: 16px;line-height: 1;width: 240px;height: 57px;padding: 0 30px;margin-top: 60px;pointer-events: all; color: var(--btn_1st_font_color);background-color: var(--btn_1st_bg_color);border-radius:var(--btn_1st_border_radius);border-width: var(--btn_1st_border_width);border-style: var(--btn_1st_border_style);border-color: var(--btn_1st_border_color);} #w001_index_hengfu_12 .message .button:hover{color: var(--btn_1st_hover_color);background-color: var(--btn_1st_hover_bg_color);border-color: var(--btn_1st_hover_border_color);} /* 页数样式 */ #w001_index_hengfu_12 .swiper-pagination-bullets{bottom: 40px;} #w001_index_hengfu_12 .swiper-pagination-bullet{width: 30px; height: 10px; background: transparent; margin: 0px 10px;transition: .3s;border-radius: 0;} #w001_index_hengfu_12 .swiper-pagination-bullet::before{content: '';display: block;width: 100%;height: 2px;background: #fff;top: 4px;position: relative;opacity: 0.7;} #w001_index_hengfu_12 .container .swiper-pagination-bullet-active{width: 60px;} #w001_index_hengfu_12 .swiper-pagination-bullet-active::before{background: var(--hoverColor);opacity: 1;} @media screen and (max-width: 1024px){ #w001_index_hengfu_12 .message_box .message .name{font-size: 48px;} #w001_index_hengfu_12 .message_box .message .brief{font-size: 21px;margin:60px 0 0;} } @media screen and (max-width: 750px){ #w001_index_hengfu_12{display: none;} } /* 全局 */ .w012_index_about_15_wrapper{padding-top:var(--paddingTop);display: flex; justify-content: space-between;} @media screen and (max-width:1200px) { .w012_index_about_15_wrapper{flex-direction: column;} } @media screen and (max-width:751px) { .w012_index_about_15_wrapper{padding-top: var(--appPaddingTop);} } /* 结束 */ /* 标题区 */ #w012_index_about_15_title{width: 50%;padding-right: 130px;} #w012_index_about_15_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: 38px;} #w012_index_about_15_title .intro{font-size: 24px;font-weight: 500;margin-bottom: 51px;} #w012_index_about_15_title .brief{font-size: 16px;color:#6B6E73;line-height: 30px;} #w012_index_about_15_title .btn{ font-size: 16px;width: 160px;height: 60px;transition: 0.3s;display: flex;justify-content:center;align-items: center;margin-top: 50px; color: var(--btn_1st_font_color);background-color: var(--btn_1st_bg_color);border-radius:var(--btn_1st_border_radius);} #w012_index_about_15_title .btn .right{color:#333333;margin-left:25px;transition: 0.3s;} #w012_index_about_15_title.myleft{text-align: left;} #w012_index_about_15_title.myright{text-align: right;} #w012_index_about_15_title.mycenter{text-align: center;} #w012_index_about_15_title.myleft .btn{margin-right: auto;} #w012_index_about_15_title.myright .btn{margin-left: auto;} #w012_index_about_15_title.mycenter .btn{margin: 50px auto 0;} @media screen and (max-width:1500px) { #w012_index_about_15_title{width: 40%;padding-right:50px} } @media screen and (max-width:1300px) { #w012_index_about_15_title .brief{margin-bottom: 20px;} } @media screen and (max-width:1200px) { #w012_index_about_15_title{width:100%} #w012_index_about_15_title .btn{margin-bottom: 30px;margin-top: 20px;} } @media screen and (max-width:751px) { #w012_index_about_15_title{padding-right: 0;} #w012_index_about_15_title .title{font-size: var(--font-big-S);line-height: var(--font-big-L);font-weight: var(--font-big-B);} #w012_index_about_15_title .intro{font-size: var(--font-sub-S)} #w012_index_about_15_title .brief{font-size: var(--font-txt-S);line-height:var(--font-txt-L)} #w012_index_about_15_title .btn{ font-size: var(--font-bri-S);width: 250px;height: 80px;border-radius:0.4rem;} #w012_index_about_15_title .btn .right{font-size: var(--font-txt-S);} } @media (any-hover: hover) { #w012_index_about_15_title .btn:hover{color: var(--btn_1st_hover_color);background-color: var(--btn_1st_hover_bg_color);} #w012_index_about_15_title .btn:hover .right{color:#fff} } /* 结束 */ /* 图片区 */ #w012_index_about_15_images{width:50%;} #w012_index_about_15_images .picture::before{padding-top:59.75%;} #w012_index_about_15_images .picture img{top: 0;} @media screen and (max-width:1500px) { #w012_index_about_15_images{width:60%;} } @media screen and (max-width:1200px) { #w012_index_about_15_images{width:100%;} } /* 结束 */ /* 底部数字区 */ #w012_index_about_15_bottom{padding-top:93px;margin-bottom:var(--paddingBottom);} #w012_index_about_15_bottom .number{padding:40px 40px 40px 40px;background-color: #f8f8f8;} #w012_index_about_15_bottom .number .li{position: relative;width:100%;margin-right:60px;} #w012_index_about_15_bottom .number .li:last-child{margin-right: 0;} #w012_index_about_15_bottom .number .li::after{content:'';position: absolute;width: 2px;height: 90px;background: #000000;opacity: 0.05;top: -10px;right: 120%;} #w012_index_about_15_bottom .number .li:first-child:after{display: none;} #w012_index_about_15_bottom .number .li .num{font-size:var(--listFt1_px);font-weight: bold;position: relative;} #w012_index_about_15_bottom .number .li .num::after{content:'';position: absolute;width:5px;height:5px;top:5px;transform: translateX(10px);background-color:var(--point_color);border-radius: 50%;} #w012_index_about_15_bottom .number .li .tag{font-size: var(--listFt2_px);; font-weight:500;margin-top: 15px;color:#666666} @media screen and (max-width:850px) { #w012_index_about_15_bottom .number{padding-right: 40px;} } @media screen and (max-width:751px) { #w012_index_about_15_bottom{padding-bottom: var(--appPaddingBottom);padding-top: 50px;} #w012_index_about_15_bottom .number{display: grid;grid-template-columns: 100%;row-gap: 30px;} #w012_index_about_15_bottom .number .li{text-align: center;} #w012_index_about_15_bottom .number .li::after{width: 100%;height: 2px;background-color: #333;} #w012_index_about_15_bottom .number .li .num{font-size:var(--font-big-S)} #w012_index_about_15_bottom .number .li .num::after{width: 10px;height: 10px;} #w012_index_about_15_bottom .number .li .simple{font-size:var(--font-txt-S)} #w012_index_about_15_bottom .number .li .tag{font-size: var(--font-txt-S);margin-top: 10px;} } /* 结束 */ /* 全局 */ .w006_products_detail_realtive_34 {padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);background: var(--background_path) no-repeat center / cover var(--background_color);} @media screen and (max-width:750px) { .w006_products_detail_realtive_34 {padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} } #w006_products_detail_realtive_34_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: 46px;} #w006_products_detail_realtive_34_list {display: flex;gap: 40px;} #w006_products_detail_realtive_34_list .li {width: calc((100% - 120px) / 4);border-radius: 10px;background: #fff;transition: .3s;cursor: pointer;padding: 40px 20px;} #w006_products_detail_realtive_34_list .li .img{padding-top: 75.67567%;} #w006_products_detail_realtive_34_list .li .text{display: flex;align-items: center;gap: 30px;margin-top: 40px;} #w006_products_detail_realtive_34_list .li .text .name {flex: 1;max-width: calc(100% - 80px);overflow: hidden;} #w006_products_detail_realtive_34_list .li .text .name .tit{font-size: 22px;color:#333;font-weight: bold;margin-bottom: 10px;} #w006_products_detail_realtive_34_list .li .text .name .brief{font-size: 16px;color:#999;} #w006_products_detail_realtive_34_list .li .text .more {height: 50px;width: 50px; font-size: 16px;color: #fff;background:var(--btnColor);border-radius: 50%;opacity: 0;transition: .3s;} @media (any-hover:hover){ #w006_products_detail_realtive_34_list .li:hover {transform: translateY(-10px);} #w006_products_detail_realtive_34_list .li:hover .text .more{opacity: 1;} } @media screen and (max-width:1600px) { #w006_products_detail_realtive_34_list {display: flex;gap: 20px;} #w006_products_detail_realtive_34_list .li {width: calc((100% - 60px) / 4);padding: 40px 20px;} } @media screen and (max-width:1400px) { #w006_products_detail_realtive_34_list .li .text .name {max-width:100%;} #w006_products_detail_realtive_34_list .li .text .more{display: none;} } @media screen and (max-width:750px) { #w006_products_detail_realtive_34_title {font-size: 36px;font-weight: bold;} #w006_products_detail_realtive_34_list {flex-direction: column;gap: 30px;} #w006_products_detail_realtive_34_list .li {width: 100%;padding: 30px;} #w006_products_detail_realtive_34_list .li .text .name .tit{font-size: var(--font-txt-S);line-height: var(--font-txt-L);} #w006_products_detail_realtive_34_list .li .text .name .brief{font-size: var(--font-bri-S);line-height: var(--font-bri-L);max-height: calc(3 * var(--font-bri-L));display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 3;white-space: initial;} } #temp_a_page19_ly000321_2_46_case {padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);} @media screen and (max-width:750px) { #temp_a_page19_ly000321_2_46_case {padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} } #temp_a_page19_ly000321_2_46_case{padding-top: 70px;} #temp_a_page19_ly000321_2_46_case .tit{ margin-bottom: 50px; line-height: var(--font_1st_line_height); 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);} #temp_a_page19_ly000321_2_46_case .slide{background: #fff;} #temp_a_page19_ly000321_2_46_case .slide .left{width: 51.25%; padding-top: 45px;} #temp_a_page19_ly000321_2_46_case .slide .left .title{margin-bottom: 20px; font-size: 28px; color: #222; line-height: 47px; font-weight: 500;} #temp_a_page19_ly000321_2_46_case .slide .left .brief{font-size: 16px; color: #777; line-height: 30px;} #temp_a_page19_ly000321_2_46_case .slide .pic{width: 42.5%; padding-top: 26.56%; border-radius: 30px;} #temp_a_page19_ly000321_2_46_case .pageBox{position: absolute; bottom: 60px; left: 0; z-index: 5;} #temp_a_page19_ly000321_2_46_case .page{ width: 50px; height: 50px; border: 1px solid #e9e9e9; border-radius: 50%;} #temp_a_page19_ly000321_2_46_case .page.next-btn{margin-left: 20px;} #temp_a_page19_ly000321_2_46_case .page .icon{ font-size: 25px;} #temp_a_page19_ly000321_2_46_case.myleft .tit{text-align: left;} #temp_a_page19_ly000321_2_46_case.mycenter .tit{text-align: center;} #temp_a_page19_ly000321_2_46_case.myright .tit{text-align: right;} @media (any-hover: hover) { #temp_a_page19_ly000321_2_46_case .page:hover{ border-color: var(--hover_color);} } @media (max-width: 1366px) { #temp_a_page19_ly000321_2_46_case .pageBox{bottom: 30px;} } @media (max-width: 1366px) { #temp_a_page19_ly000321_2_46_case .tit{font-size: 36px; line-height: 40px;} #temp_a_page19_ly000321_2_46_case .pageBox{bottom: 20px;} } @media (max-width: 1024px) { #temp_a_page19_ly000321_2_46_case .slide .left{width: 52%; padding-top: 0;} #temp_a_page19_ly000321_2_46_case .pageBox{bottom: 0;} } @media (max-width: 750px) { #temp_a_page19_ly000321_2_46_case{padding: 80px 0;} #temp_a_page19_ly000321_2_46_case .tit{font-size: var(--font-sub-S); line-height: 1.5; font-weight: bold;} #temp_a_page19_ly000321_2_46_case .slide{flex-direction: column-reverse;} #temp_a_page19_ly000321_2_46_case .slide .left{width: 100%;margin-top: 40px;} #temp_a_page19_ly000321_2_46_case .slide .left .title{font-size: var(--font-txt-S); line-height: 1.5; font-weight: bold;} #temp_a_page19_ly000321_2_46_case .slide .left .brief{font-size: var(--font-bri-S) ; line-height: 1.5;} #temp_a_page19_ly000321_2_46_case .slide .pic{width: 100%; padding-top: 62.56%;} #temp_a_page19_ly000321_2_46_case .pageBox{justify-content: space-between; margin-top: 40px; position: inherit; bottom: inherit; left: inherit;} #temp_a_page19_ly000321_2_46_case .page{width: 80px; height: 80px;} #temp_a_page19_ly000321_2_46_case .page i{background-size: 22px;} } #w004_index_news_41 {padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);background: var(--contentBgColor);} #w004_index_news_41 .box .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: 12px;} #w004_index_news_41 .box .subtitle .tip{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);} #w004_index_news_41 .box .more{font-size: 16px;color: #333;} #w004_index_news_41 .box .more .more_i{width: 30px; height: 30px; background: #ccc; border-radius: 50%;transition: 0.3s;color: #fff;margin-left: 15px;} #w004_index_news_41 .box .more:hover .more_i > i{font-size: 20px;} #w004_index_news_41.myleft .box{} #w004_index_news_41.myleft .box .subtitle{} #w004_index_news_41.mycenter .box{text-align: center;} #w004_index_news_41.mycenter .box .subtitle{flex-direction: column;justify-content: center;} #w004_index_news_41.myright .box{text-align: right;} #w004_index_news_41.myright .box .subtitle{flex-direction: row-reverse;} #w004_index_news_41 .box .graphic{display: grid;grid-template-columns: repeat(3,calc((100% - 70px)/3));gap: 35px;margin-top: 50px;} #w004_index_news_41 .graphic .dl{background: var(--listBgColor);} #w004_index_news_41 .graphic .dl .dt{padding-top: 60.784313%;} #w004_index_news_41 .graphic .dl .dd{padding: 36px 30px 30px;} #w004_index_news_41 .graphic .dl .dd .time{font-size: 18px;color: #888;} #w004_index_news_41 .graphic .dl .dd .name{font-size: 24px;line-height: 32px;color: #333;font-weight: bold;transition: .3s;margin: 26px 0 20px;height: 64px;} #w004_index_news_41 .graphic .dl .dd .brief{font-size: 16px;line-height: 24px;color: #666666;} #w004_index_news_41 .graphic .list{background: var(--listBgColor);padding: 10px 22px;} #w004_index_news_41 .graphic .list .li{font-size: 20px;line-height: 30px;color: #333;margin: 30px 0;} #w004_index_news_41 .graphic .list .li .name{font-weight: bold;transition: .3s;max-height: 60px;} #w004_index_news_41 .graphic .list .li .time{font-size: 16px;line-height: 1;color: #888;margin-top: 5px;} @keyframes slide-right { 0% { margin-left: 0px; opacity: 1; } 50% { margin-left: 20px; opacity: 0; } 75% { margin-left: -20px; opacity: 0; } 100%{margin-left: 0;opacity: 1;} } @media (any-hover: hover){ #w004_index_news_41 .graphic .dl .dd .name:hover{color: var(--hoverFontColor);} #w004_index_news_41 .graphic .dl .dt:hover img{transform: scale(1.1);} #w004_index_news_41 .graphic .list .li:hover .name{color: var(--hoverFontColor);} #w004_index_news_41 .box .more:hover .more_i{background-color: var(--moreBgColor);} #w004_index_news_41 .box .more:hover .more_i .rightt{animation-name: slide-right;animation-duration: 0.6s;} } @media screen and (max-width: 1050px){ #w004_index_news_41 .box .graphic{grid-template-columns: repeat(2,calc((100% - 35px)/2));gap: 35px;} #w004_index_news_41 .graphic .list{grid-column: 1 / span 2;} } @media screen and (max-width: 750px){ #w004_index_news_41 {padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} #w004_index_news_41 .box .title{font-size: var(--font-sma-S);line-height: var(--font-sma-L);margin-bottom: 16px;} #w004_index_news_41 .box .subtitle{display: block;} #w004_index_news_41 .box .subtitle .tip{font-size: var(--font-sub-S);line-height: var(--font-sub-L);margin-bottom: 20px;} #w004_index_news_41 .box .more{font-size: var(--font-bri-S);display: inline-flex;} #w004_index_news_41 .box .more .more_i{width: 70px; height: 70px; background: var(--moreBgColor);} #w004_index_news_41 .box .more .more_i > i{font-size: var(--font-txt-S);} #w004_index_news_41 .box .graphic{display: block;} #w004_index_news_41 .graphic .dl{margin-bottom: 30px;} #w004_index_news_41 .graphic .dl .dd .time{font-size: var(--font-bri-S);} #w004_index_news_41 .graphic .dl .dd .name{font-size: var(--font-sma-S);line-height: var(--font-sma-L);max-height: calc(2 * var(--font-sma-L));height: initial;} #w004_index_news_41 .graphic .dl .dd .brief{font-size: var(--font-txt-S);line-height: var(--font-txt-L);max-height: calc(2 * var(--font-txt-L));} #w004_index_news_41 .graphic .list .li{font-size: var(--font-sma-S);line-height: var(--font-sma-L);margin: 30px 0 50px;} #w004_index_news_41 .graphic .list .li .name{max-height: calc(2 * var(--font-sma-L));} #w004_index_news_41 .graphic .list .li .time{font-size: var(--font-bri-S);margin-top: 10px;} } #w000_brand_story_brand_agent_39 .box{padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);text-align: center;} #w000_brand_story_brand_agent_39 .box .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: 0 0 32px;} #w000_brand_story_brand_agent_39 .box .brief{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: 0 auto 60px;max-width: 1198px;} #w000_brand_story_brand_agent_39 .box .btn{width: 300px;height: 80px;margin: 0 auto;display: flex;align-items: center;justify-content: center; color: var(--btn_1st_font_color);background: var(--btn_1st_bg_color);border-radius:var(--btn_1st_border_radius);} #w000_brand_story_brand_agent_39 .box .btn .span{font-size: 26px;line-height: 80px;font-weight: 500;font-style: italic;} #w000_brand_story_brand_agent_39 .box .btn .img{margin-left: 16px;} #w000_brand_story_brand_agent_39 .box .btn .img *{fill: var(--btn_1st_font_color);} #w000_brand_story_brand_agent_39.myleft .box .title{text-align: left;} #w000_brand_story_brand_agent_39.myleft .box .brief{text-align: left;} #w000_brand_story_brand_agent_39.myleft .box .btn{margin: 0 auto 0 0;} #w000_brand_story_brand_agent_39.mycenter .box .title{text-align: center;} #w000_brand_story_brand_agent_39.mycenter .box .brief{text-align: center;} #w000_brand_story_brand_agent_39.mycenter .box .btn{margin: 0 auto;} #w000_brand_story_brand_agent_39.myright .box .title{text-align: right;} #w000_brand_story_brand_agent_39.myright .box .brief{text-align: right;} #w000_brand_story_brand_agent_39.myright .box .btn{margin: 0 0 0 auto;} @media only screen and (max-width: 750px) { #w000_brand_story_brand_agent_39{padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} /* #w000_brand_story_brand_agent_39 .box .title{font-size: 36px;line-height: 1.7;font-weight: 700;} #w000_brand_story_brand_agent_39 .box .brief{margin: 30px 0;font-size: 28px;line-height: 1.7;} */ #w000_brand_story_brand_agent_39 .box .title{font-size: var(--font_1st_mobile_px);color: var(--font_1st_mobile_color);font-weight: var(--font_1st_mobile_font_weight);font-style: var(--font_1st_mobile_font_style);line-height: var(--font_1st_mobile_line_height);} #w000_brand_story_brand_agent_39 .box .brief{font-size: var(--font_2nd_mobile_px);color: var(--font_2nd_mobile_color);font-weight: var(--font_2nd_mobile_font_weight);font-style: var(--font_2nd_mobile_font_style);line-height: var(--font_2nd_mobile_line_height);} } /* 模块布局 */ .default_index_other_0005_54Wrap{padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);background: var(--backgroundImg_path) no-repeat center / cover var(--backgroundImg_color);} #default_index_other_0005_54Title{text-align: center;display: flex;flex-direction: column;align-items: center;gap: 16px;margin-bottom: 64px;} #default_index_other_0005_54Title .title{font-size: var(--titleFont_px);color: var(--titleFont_color);font-weight: 700;line-height: 1.2;} #default_index_other_0005_54Title .desc{font-size: var(--briefFont_px);color: var(--briefFont_color);line-height: 1.6;} #default_index_other_0005_54Con{display: flex;justify-content: space-between;gap: 32px;flex-wrap: wrap;} #default_index_other_0005_54Con .item{flex: 1;background-color: rgb(17,24,39,0.4);border-radius: 16px;padding: 40px;transition: all 0.3s ease;cursor: pointer;border: 1px solid rgba(255, 255, 255, 0.1);} #default_index_other_0005_54Con .item .icon{width: 64px;height: 64px;border-radius: 12px;background-color: var(--iconBg);} #default_index_other_0005_54Con .item .icon svg{max-width: 50%;max-height: 50%;} #default_index_other_0005_54Con .item .tit{font-size: 24px;font-weight: 600;color: #fff;margin: 32px 0 16px;} #default_index_other_0005_54Con .item .txt{font-size: 16px;color: #ccc;line-height: 1.6;} @media (any-hover: hover) { #default_index_other_0005_54Con .item:hover{border-color: var(--hoverColor);} #default_index_other_0005_54Con .item:hover .icon{transform: scale(1.2);} } @media (max-width: 1440px){ #default_index_other_0005_54Title { gap: 10px; margin-bottom: 40px;} #default_index_other_0005_54Title .title{font-size: 46px;} #default_index_other_0005_54Con{gap: 30px;} #default_index_other_0005_54Con .item .tit{margin: 28px 0 15px; font-size: 22px;} } @media (max-width: 1366px) { #default_index_other_0005_54Title .title{font-size: 42px;} #default_index_other_0005_54Con{gap: 25px;} #default_index_other_0005_54Con .item{ padding: 30px;} } @media (max-width: 1050px) { #default_index_other_0005_54Title .title{font-size: 38px;} #default_index_other_0005_54Con .item{ padding: 20px;} } @media(max-width: 992px){ #default_index_other_0005_54Con{flex-wrap: wrap;} #default_index_other_0005_54Title .title{font-size: .3182rem;} #default_index_other_0005_54Title .desc{font-size: .1364rem;} #default_index_other_0005_54Con{gap: .1515rem; flex-wrap: wrap;} #default_index_other_0005_54Con .item{ padding: .1894rem;} #default_index_other_0005_54Con .item .tit{margin: .1515rem 0 .0909rem; font-size: .1667rem;} #default_index_other_0005_54Con .item .txt{font-size: .1364rem;} } @media(max-width: 768px){ .default_index_other_0005_54Wrap{padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} #default_index_other_0005_54Title{gap: .15rem; margin-bottom: .4rem;} #default_index_other_0005_54Title .title{font-size: .42rem;} #default_index_other_0005_54Title .desc{font-size: .28rem;} #default_index_other_0005_54Con{gap: .3rem;} #default_index_other_0005_54Con .item {width: 100%; flex: none; padding: .4rem;} #default_index_other_0005_54Con .item .tit{margin: .3rem 0; font-size: .3rem;} #default_index_other_0005_54Con .item .txt{font-size: .28rem;} } /* 模块布局 */ .default_index_other_0005_55Wrap{padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);background: var(--backgroundImg_path) no-repeat center / cover var(--backgroundImg_color);} #default_index_other_0005_55Title{text-align: center;display: flex;flex-direction: column;align-items: center;gap: 16px;margin-bottom: 64px;} #default_index_other_0005_55Title .title{font-size: var(--titleFont_px);color: var(--titleFont_color);font-weight: 700;line-height: 1.2;} #default_index_other_0005_55Title .desc{font-size: var(--briefFont_px);color: var(--briefFont_color);line-height: 1.6;} #default_index_other_0005_55Con{display: flex;justify-content: space-between;gap: 32px;flex-wrap: wrap;} #default_index_other_0005_55Con .item{flex: 1;background-color: rgb(17,24,39,0.4);border-radius: 16px;padding: 40px;transition: all 0.3s ease;cursor: pointer;border: 1px solid rgba(255, 255, 255, 0.1);} #default_index_other_0005_55Con .item .icon{width: 64px;height: 64px;border-radius: 12px;background-color: var(--iconBg);} #default_index_other_0005_55Con .item .icon svg{max-width: 50%;max-height: 50%;} #default_index_other_0005_55Con .item .tit{font-size: 24px;font-weight: 600;color: #fff;margin: 32px 0 16px;} #default_index_other_0005_55Con .item .txt{font-size: 16px;color: #ccc;line-height: 1.6;} @media (any-hover: hover) { #default_index_other_0005_55Con .item:hover{border-color: var(--hoverColor);} #default_index_other_0005_55Con .item:hover .icon{transform: scale(1.2);} } @media (max-width: 1440px){ #default_index_other_0005_55Title { gap: 10px; margin-bottom: 40px;} #default_index_other_0005_55Title .title{font-size: 46px;} #default_index_other_0005_55Con{gap: 30px;} #default_index_other_0005_55Con .item .tit{margin: 28px 0 15px; font-size: 22px;} } @media (max-width: 1366px) { #default_index_other_0005_55Title .title{font-size: 42px;} #default_index_other_0005_55Con{gap: 25px;} #default_index_other_0005_55Con .item{ padding: 30px;} } @media (max-width: 1050px) { #default_index_other_0005_55Title .title{font-size: 38px;} #default_index_other_0005_55Con .item{ padding: 20px;} } @media(max-width: 992px){ #default_index_other_0005_55Con{flex-wrap: wrap;} #default_index_other_0005_55Title .title{font-size: .3182rem;} #default_index_other_0005_55Title .desc{font-size: .1364rem;} #default_index_other_0005_55Con{gap: .1515rem; flex-wrap: wrap;} #default_index_other_0005_55Con .item{ padding: .1894rem;} #default_index_other_0005_55Con .item .tit{margin: .1515rem 0 .0909rem; font-size: .1667rem;} #default_index_other_0005_55Con .item .txt{font-size: .1364rem;} } @media(max-width: 768px){ .default_index_other_0005_55Wrap{padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} #default_index_other_0005_55Title{gap: .15rem; margin-bottom: .4rem;} #default_index_other_0005_55Title .title{font-size: .42rem;} #default_index_other_0005_55Title .desc{font-size: .28rem;} #default_index_other_0005_55Con{gap: .3rem;} #default_index_other_0005_55Con .item {width: 100%; flex: none; padding: .4rem;} #default_index_other_0005_55Con .item .tit{margin: .3rem 0; font-size: .3rem;} #default_index_other_0005_55Con .item .txt{font-size: .28rem;} } .default_footer_0002_18Wrap{padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);background: var(--backgroundColor);} @media (max-width: 768px) { .default_footer_0002_18Wrap{padding: var(--appPaddingTop) 0 var(--appPaddingBottom);} } #default_footer_0002_18{display: flex;justify-content: space-between;} #default_footer_0002_18 .title{font-size: 30px;color: var(--titleFontColor);font-weight: 600;margin-bottom: 40px;} #default_footer_0002_18 .left{max-width: 500px;} #default_footer_0002_18 .left .dd{margin-bottom: 15px;font-size: 18px;color: var(--contactFontColor);line-height: 1.667;} #default_footer_0002_18 .left .dd:last-child{margin-bottom: 0;} #default_footer_0002_18 .left .dd:hover{color: var(--mainColor);} #default_footer_0002_18 .links{display: flex;align-items: center;margin-top: 17px;} #default_footer_0002_18 .links.hide{display: none;} #default_footer_0002_18 .links .a{margin-right: 20px;width: 38px;height: 38px;border: 2px solid #92959D;border-radius: 50%;transition: .3s;} #default_footer_0002_18 .links .a i{font-size: 20px;color: #fff;} #default_footer_0002_18 .links .a:hover{background: var(--hoverFontColor);border-color: var(--hoverFontColor);} #default_footer_0002_18 .nav{} #default_footer_0002_18 .nav .item{font-size: 18px;color: var(--navFontColor);line-height: 1.667;margin-bottom: 15px;} #default_footer_0002_18 .nav .item:last-child{margin-bottom: 0;} #default_footer_0002_18 .nav .item .a:hover{color: var(--mainColor);} #default_footer_0002_18 .right{width: 345px;} #default_footer_0002_18 .right .txt{font-size: 18px;color: var(--newsletterTipsFontColor);line-height: 1.667;} #default_footer_0002_18 .form{margin-top: 20px;} #default_footer_0002_18 .form .input{width: 100%;height: 46px;border-radius: 23px;padding: 0 25px;background-color: var(--searchBgColor);font-size: 16px;color: var(--searchFontColor);margin-bottom: 25px;} #default_footer_0002_18 .form .submit{width: 100%;height: 46px;background-color: var(--searchBtnBgColor);font-size: 18px;color: var(--searchBtnFontColor);border-radius: 23px;} #default_footer_0002_18 .form .submit .ico{font-size: 24px;margin-left: 3px;} @media (max-width: 1024px) { #default_footer_0002_18{flex-wrap: wrap;} #default_footer_0002_18 .right{width: 100%;margin-top: 30px;} } @media (max-width: 992px) { #default_footer_0002_18 .title{font-size: .227rem;margin-bottom: .303rem;} #default_footer_0002_18 .left{max-width: 3.788rem;} #default_footer_0002_18 .left .dd{margin-bottom: .114rem;font-size: .136rem;} #default_footer_0002_18 .links{margin-top: .129rem;} #default_footer_0002_18 .links .a{margin-right: .152rem;width: .288rem;height: .288rem;border-width: .015rem;} #default_footer_0002_18 .links .a i{font-size: .152rem;} #default_footer_0002_18 .nav .item{font-size: .136rem;margin-bottom: .114rem;} #default_footer_0002_18 .right{margin-top: .227rem;} #default_footer_0002_18 .right .txt{font-size: .136rem;} #default_footer_0002_18 .form{margin-top: .152rem;} #default_footer_0002_18 .form .input{height: .348rem;border-radius: .174rem;padding: 0 .189rem;font-size: .121rem;margin-bottom: .189rem;} #default_footer_0002_18 .form .submit{height: .348rem;font-size: .136rem;border-radius: .174rem;} #default_footer_0002_18 .form .submit .ico{font-size: .182rem;margin-left: .023rem;} } @media (max-width: 768px) { #default_footer_0002_18 .title{font-size: .36rem;margin-bottom: .4rem;} #default_footer_0002_18 .left{max-width: 100%;width: 100%;} #default_footer_0002_18 .left .dd{margin-bottom: .25rem;font-size: .3rem;} #default_footer_0002_18 .links{margin-top: .3rem;} #default_footer_0002_18 .links .a{margin-right: .3rem;width: .65rem;height: .65rem;border-width: .03rem;} #default_footer_0002_18 .links .a i{font-size: .36rem;} #default_footer_0002_18 .nav{width: 100%;margin-top: .4rem;} #default_footer_0002_18 .nav .item{font-size: .3rem;margin-bottom: .25rem;} #default_footer_0002_18 .right{margin-top: .4rem;} #default_footer_0002_18 .right .txt{font-size: .3rem;} #default_footer_0002_18 .form{margin-top: .25rem;} #default_footer_0002_18 .form .input{height: .65rem;border-radius: .325rem;padding: 0 .3rem;font-size: .3rem;margin-bottom: .3rem;} #default_footer_0002_18 .form .submit{height: .65rem;border-radius: .325rem;font-size: .3rem;} #default_footer_0002_18 .form .submit .ico{font-size: .36rem;margin-left: .046rem;} }