.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 .lyuiheader_nav_001-li{display: none;} /* fixed 不占位 scroll-top 头部触顶状态 -> 白字导航 opacity_black 头部触顶状态2 -> 黑字导航 */ #w001_index_header_40_nav{} #w001_index_header_40_nav .head{height: var(--head_top_height);width: 100%;padding: 0 4%;transition: background-color .3s;border-bottom: 1px solid transparent;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);color: var(--head_fz_color);} #header.fixed.scroll-top #w001_index_header_40_nav .head{border-bottom-color: rgba(255, 255, 255, 0.2);box-shadow: none;color: #fff;} #header.fixed.scroll-top.opacity_black #w001_index_header_40_nav .head{color: #333;} #w001_index_header_40_nav .stockCode{margin-left: 10px;font-size: 16px;line-height: 1.5;opacity: 0.6;} /* 背景色 */ #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_40_nav .weblogo{height: 100%;overflow: hidden;} #w001_index_header_40_nav .weblogo .logo_w{max-height: 90%;display: var(--head_logo_w);} #w001_index_header_40_nav .weblogo .logo_b{max-height: 90%;display: var(--head_logo_b);} #header.fixed.scroll-top #w001_index_header_40_nav .weblogo .logo_w{display: block;} #header.fixed.scroll-top #w001_index_header_40_nav .weblogo .logo_b{display: none;} #header.fixed.scroll-top.opacity_black #w001_index_header_40_nav .weblogo .logo_w{display: none;} #header.fixed.scroll-top.opacity_black #w001_index_header_40_nav .weblogo .logo_b{display: block;} /* 导航栏目 */ #w001_index_header_40_nav .nav{ --padding: var(--paddingLeft); flex: 1;margin: 0 var(--paddingLeft); --hoverColor: var(--hover_color); } /* 按钮部分 */ #w001_index_header_40_nav .head_btn{display: flex;align-items: center;font-size: 16px;} #w001_index_header_40_nav .head_btn > *{padding: 10px 15px;} #w001_index_header_40_nav .head_btn > *:last-child{padding-right: 0;} #w001_index_header_40_nav .head_btn > * > i{font-size: 20px;} #w001_index_header_40_nav .head_btn .language i{margin-right: 6px;} /* 移动端菜单按钮 */ #w001_index_header_40_nav .head .menu{display: none;padding: 30px 20px;position: relative;cursor: pointer;margin-right: -20px;} #w001_index_header_40_nav .head .menu i{width: 36px;height: 2px;display: block;background: var(--head_fz_color);position: relative;transition: .3s;} #w001_index_header_40_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_40_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_40_nav .head .menu i, #header.fixed.scroll-top #w001_index_header_40_nav .head .menu i::before, #header.fixed.scroll-top #w001_index_header_40_nav .head .menu i::after{background: #fff;} #header.fixed.scroll-top.opacity_black #w001_index_header_40_nav .head .menu i, #header.fixed.scroll-top.opacity_black #w001_index_header_40_nav .head .menu i::before, #header.fixed.scroll-top.opacity_black #w001_index_header_40_nav .head .menu i::after{background: #333;} /* menu_expand 侧边栏展开状态 pc_app 导航栏换行时，控制侧边栏按钮 */ /* 侧边栏菜单展开状态(右侧) */ #header.menu_expand #w001_index_header_40_nav .head{box-shadow: none !important;border-bottom-color: transparent !important;} #header.menu_expand #w001_index_header_40_nav .menu i{background: transparent !important;} #header.menu_expand #w001_index_header_40_nav .menu i::before{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(45deg);} #header.menu_expand #w001_index_header_40_nav .menu i::after{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(-45deg);} #header.menu_expand #w001_index_header_40_nav .head_btn{display: none;} /* 导航栏放不下时 */ .w001_index_header_40.pc_app #w001_index_header_40_nav .head_nav .li{display: none;} .w001_index_header_40.pc_app #w001_index_header_40_nav .head .menu{display: block;} @media only screen and (max-width: 1024px) { #w001_index_header_40_nav .head_nav .li{display: none;} #w001_index_header_40_nav .head .menu{display: block;} /* #w001_index_header_40_nav .head_btn{flex: 1;justify-content: flex-end;} */ } @media only screen and (max-width: 900px) { #w001_index_header_40_nav .head_btn .search i {font-size: 26px;} #w001_index_header_40_nav .head_btn .language{margin-right: 20px;font-size: 20px;} #w001_index_header_40_nav .head_btn .language i {font-size: 26px;margin-right: 10px;} } @media only screen and (max-width: 750px) { #w001_index_header_40_nav .head{height: var(--head_top_height_app);} #header_bg{height: var(--head_top_height_app);} #w001_index_header_40_nav .head_btn .search i {font-size: var(--font-big-S);} #w001_index_header_40_nav .head_btn .language{display: none;} #w001_index_header_40_nav .head .menu{padding: 30px;} #w001_index_header_40_nav .head .menu i{width: 46px;height: 3px;} #w001_index_header_40_nav .head .menu i::before{transform: translateY(-18px);height: 3px;} #w001_index_header_40_nav .head .menu i::after{transform: translateY(18px);height: 3px;} #header.menu_expand #w001_index_header_40_nav .weblogo{opacity: 0;} } /* 左侧出现的状态 head_menu_left */ .head_menu_left #w001_index_header_40_nav .head_nav{display: none;} .head_menu_left #w001_index_header_40_nav .head_btn{flex: initial;} /* 需要隐藏menu的时机 */ .head_menu_left #w001_index_header_40_nav .head .menu{display: none;} .head_menu_left.pc_app #w001_index_header_40_nav .head .menu{display: none;} .w001_index_header_40 #w001_index_header_40_nav .head .menu._left_{display: none;margin-right: 0;margin-left: -20px;} /* 需要展示 menu._left_ 的时机 */ .head_menu_left #w001_index_header_40_nav .head .menu._left_{display: block;} @media only screen and (max-width: 1024px) { .head_menu_left #w001_index_header_40_nav .head .menu{display: none;} .head_menu_left #w001_index_header_40_nav .head .menu._left_{display: block;} .head_menu_left #w001_index_header_40_nav .head_btn{flex: initial;} } #w001_index_hengfu_499 .slide .img_pc{width: 100%;} /* 铺满状态 */ #w001_index_hengfu_499.is_fill .slide .img_pc{height: 100vh;max-height: 100vw;object-fit:cover;} #w001_index_hengfu_499 .type-a .slide .img_pc{transform: scale(1)!important;} #w001_index_hengfu_499 .type-c .slide .img_pc{transform:scale(1)!important;} /* 文字活动区域 */ #w001_index_hengfu_499 .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_499 .message{display: flex;flex-direction: column;max-width: 100%;} #w001_index_hengfu_499 .message_box[position="2"] .message, #w001_index_hengfu_499 .message_box[position="5"] .message, #w001_index_hengfu_499 .message_box[position="8"] .message{align-items: center;} #w001_index_hengfu_499 .message_box[position="3"] .message, #w001_index_hengfu_499 .message_box[position="6"] .message, #w001_index_hengfu_499 .message_box[position="9"] .message{align-items: flex-end;} #w001_index_hengfu_499 .message_box[position="2"] .message .name, #w001_index_hengfu_499 .message_box[position="5"] .message .name, #w001_index_hengfu_499 .message_box[position="8"] .message .name, #w001_index_hengfu_499 .message_box[position="2"] .message .brief, #w001_index_hengfu_499 .message_box[position="5"] .message .brief, #w001_index_hengfu_499 .message_box[position="8"] .message .brief{text-align: center;} #w001_index_hengfu_499 .message_box[position="3"] .message .name, #w001_index_hengfu_499 .message_box[position="6"] .message .name, #w001_index_hengfu_499 .message_box[position="9"] .message .name, #w001_index_hengfu_499 .message_box[position="3"] .message .brief, #w001_index_hengfu_499 .message_box[position="6"] .message .brief, #w001_index_hengfu_499 .message_box[position="9"] .message .brief{text-align: right;} #w001_index_hengfu_499 .message_box[position="1"] .message .name, #w001_index_hengfu_499 .message_box[position="4"] .message .name, #w001_index_hengfu_499 .message_box[position="7"] .message .name, #w001_index_hengfu_499 .message_box[position="1"] .message .brief, #w001_index_hengfu_499 .message_box[position="4"] .message .brief, #w001_index_hengfu_499 .message_box[position="7"] .message .brief{text-align: left;} /* 标题样式 */ #w001_index_hengfu_499 .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_499 .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_499 .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_499 .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_499 .swiper-pagination-bullets{bottom: 40px;} #w001_index_hengfu_499 .swiper-pagination-bullet{width: 30px; height: 10px; background: transparent; margin: 0px 10px;transition: .3s;border-radius: 0;} #w001_index_hengfu_499 .swiper-pagination-bullet::before{content: '';display: block;width: 100%;height: 2px;background: #fff;top: 4px;position: relative;opacity: 0.7;} #w001_index_hengfu_499 .container .swiper-pagination-bullet-active{width: 60px;} #w001_index_hengfu_499 .swiper-pagination-bullet-active::before{background: var(--hoverColor);opacity: 1;} @media screen and (max-width: 1024px){ #w001_index_hengfu_499 .message_box .message .name{font-size: 48px;} #w001_index_hengfu_499 .message_box .message .brief{font-size: 21px;margin:60px 0 0;} } @media screen and (max-width: 750px){ #w001_index_hengfu_499{display: none;} } /* 全局 */ .w010_index_server_524_wrapper{display: flex;padding-top:var(--paddingTop);padding-bottom:var(--paddingBottom);} @media screen and (max-width:1300px) { .w010_index_server_524_wrapper{display: inline-block;padding-left: 70px;} } @media screen and (max-width:750px) { .w010_index_server_524_wrapper{padding-top:var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);display: block;padding-left: 0;} } /* 结束 */ /* 标题 */ #w010_index_server_524_title{width:34.92%;} #w010_index_server_524_title .title .cn{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);} #w010_index_server_524_title .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: 304px;margin-top: 5px;} @media screen and (max-width:1300px) { #w010_index_server_524_title{width: 100%;} #w010_index_server_524_title .title .en{margin-bottom: 0;} #w010_index_server_524_title .title .en{margin-bottom: 50px;} } @media screen and (max-width:750px) { /* #w010_index_server_524_title .title .cn{font-size: var(--font-txt-S);line-height: var(--font-txt-L);font-weight: var(--font-txt-B);} */ /* #w010_index_server_524_title .title .en{font-size: var(--font-big-S);line-height: var(--font-big-L);font-weight: var(--font-big-B);margin-bottom: 30px;} */ #w010_index_server_524_title .title .cn{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);} #w010_index_server_524_title .title .en{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);margin-bottom: 30px;} } /* 结束 */ /* 选择区 */ #w010_index_server_524_flow{width: 65%;} #w010_index_server_524_flow .nav{margin-left: 50px;} #w010_index_server_524_flow .nav::before{content: ''; width: 1px;height: calc(100% - -25px);background-color: #ccc;position:absolute;top: 8px;} #w010_index_server_524_flow .nav .li{padding:38px 10px 38px 50px;border-radius: 15px;margin-left: 60px;transition: 0.6s;height: 100%;z-index: 3;} #w010_index_server_524_flow .nav .li::before{content:'';left: 0; top: 0;background-color: var(--mainColor);width: 100%;height: 0;position: absolute;transition: .75s cubic-bezier(.475,.425,0,.995);opacity: 0;border-radius: 15px;transform-origin: top;overflow: hidden;} #w010_index_server_524_flow .nav .navv::after{content: ''; left: -68px;top: 36px;width: 15px;height: 15px;opacity:1;border: 1px solid var(--mainColor);background-color: #ccc;border-radius: 50%;position:absolute;margin-top: 18px;opacity: 0;transition: .5s;} #w010_index_server_524_flow .nav .li::after{position: absolute;width: 5px;height: 5px;background-color: #ccc; top: 50%;content: "";transition: .75s ;transform: translateY(-50%);border-radius: 50%;top: 63px;left:-62px;transition: .5s;} #w010_index_server_524_flow .nav .time{width: 40px;height: 40px;border-radius: 20px; background-color: #E6E6E6 ;color: #fff;margin-top:7px;margin-right: 23px;transition: 0.6s;} #w010_index_server_524_flow .nav .time .svgg{max-width:50%;max-height:50%;fill:#fff;top:50%;left: 50%;transform: translate(-50%,-50%);} #w010_index_server_524_flow .nav .time .svgg *{fill:#fff} #w010_index_server_524_flow .nav .brief{width:539px;z-index: 10;transition: 0.6s;} #w010_index_server_524_flow .nav .brief .title{font-size: 20px;color:#404040;font-weight: 400;transition: 0.6s;} #w010_index_server_524_flow .nav .brief .detail{font-size: 16px;color:#999999;font-weight: 400;margin-top: 7px;transition: 0.6s;} #w010_index_server_524_flow .add{width: 40px;height: 40px;top:44px;left:-8px;position: absolute;} #w010_index_server_524_flow svg { width: 44px; height: 44px; top: 31px; left: -22px; } #w010_index_server_524_flow svg circle { transition: all .6s cubic-bezier(.215,.61,.355,1) 0s; cx: 22; cy: 22; fill: transparent; r: 20; stroke: var(--mainColor); stroke-dasharray: 126; stroke-dashoffset: 126; stroke-width: 1; } @media (any-hover: hover) { #w010_index_server_524_flow .nav .lili:hover .li::before{opacity: 1;height: 100%;} #w010_index_server_524_flow .nav .li:hover .brief .title{color: #fff!important} #w010_index_server_524_flow .nav .li:hover .detail{color:#fff;opacity: .7;} #w010_index_server_524_flow .nav .li:hover .time{color: var(--mainColor); background-color: #fff;z-index: 10;} #w010_index_server_524_flow .nav .li:hover .time .svgg *{fill:var(--mainColor)} #w010_index_server_524_flow .nav .li:hover .navv::after{opacity: 1;background-color: #fff;} #w010_index_server_524_flow .nav .li:hover::after{background-color:var(--mainColor);} #w010_index_server_524_flow a:hover svg circle {stroke-dasharray:0;} } @media screen and (max-width:1300px) { #w010_index_server_524_flow{width: 100%;} } @media screen and (max-width:751px) { #w010_index_server_524_flow .nav{margin-left: 0;padding: 0;} /* #w010_index_server_524_flow .nav::before{width: 0;} */ #w010_index_server_524_flow .nav .time{display: none;} #w010_index_server_524_flow .nav .brief{width:100%;} #w010_index_server_524_flow .nav .brief .title{font-size: var(--font-sma-S);line-height:var(--font-sma-L)} #w010_index_server_524_flow .nav .brief .detail{font-size:var(--font-txt-S);line-height:var(--font-txt-L)} #w010_index_server_524_flow .nav .li{margin-left: 0;padding: 38px 0 0 33px;} #w010_index_server_524_flow .nav .lili{margin-bottom: 30px;} /* #w010_index_server_524_flow .nav .lili .li::before{opacity: 1;height: 100%;} */ /* #w010_index_server_524_flow .nav .li .brief .title{color: #fff!important} */ /* #w010_index_server_524_flow .nav .li .detail{color:#fff;opacity: .7;} */ /* #w010_index_server_524_flow .nav .li .time{color: var(--mainColor); background-color: #fff;z-index: 10;} */ #w010_index_server_524_flow .nav .li .time .svgg *{fill:var(--mainColor)} #w010_index_server_524_flow .nav .li .navv::after{opacity: 1;background-color: #fff;left: -8px;} /* #w010_index_server_524_flow .nav .li::after{background-color:var(--mainColor);} */ #w010_index_server_524_flow a svg circle {stroke-dasharray:0;} } /* 结束 */ #t001_index_culture_506 {padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);font-size: 0;} #t001_index_culture_506 .product {display: flex;justify-content: center;align-items: center;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: 60px;} #t001_index_culture_506 .content {} #t001_index_culture_506 .picture {width: 50%;} #t001_index_culture_506 .picture .img {width: 100%;} #t001_index_culture_506 .picture .img::before{padding-top: 66.57%;} #t001_index_culture_506 .word {width: 50%;padding-right: 100px;} #t001_index_culture_506 .word .text {border-bottom: 1px solid #e5e5e5;transition: .3s;margin-bottom: 60px;} #t001_index_culture_506 .word .text:last-child {margin-bottom: 0;} #t001_index_culture_506 .word .text .title {font-size: 24px;line-height: 1;color: #222;margin-bottom: 10px;} #t001_index_culture_506 .word .text .brief {font-size: 16px;line-height: 1.875;color: #7a7c85;margin-bottom: 33px;} @media (any-hover:hover) { #t001_index_culture_506 .word .text:hover {border-bottom: 1px solid var(--fontColor);transform: translatex(10px);} #t001_index_culture_506 .word .text:hover .title {color: var(--fontColor);} #t001_index_culture_506 .word .text:hover .brief {color: #111;} } @media screen and (max-width:1400px) { #t001_index_culture_506 .word {padding-right: 50px;} } @media screen and (max-width:1150px) { #t001_index_culture_506 .content {flex-direction: column;} #t001_index_culture_506 .picture {width: 100%;} #t001_index_culture_506 .picture .img {margin-right: 0; width: 100%;margin-bottom: 60px;} #t001_index_culture_506 .word {width: 100%;padding-right: 0;margin-bottom: 60px;} } @media screen and (max-width:750px) { #t001_index_culture_506 {padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} #t001_index_culture_506 .product {font-size: var(--font-sub-S);line-height: var(--font-sub-L);font-weight: var(--font-sub-B);} #t001_index_culture_506 .word .text .title {font-size: var(--font-sma-S);} #t001_index_culture_506 .word .text .brief {font-size: var(--font-txt-S);line-height: var(--font-txt-L);} } #t001_index_company_511 {padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);} #t001_index_company_511 .title{margin-bottom: 80px;flex-direction: row-reverse;} #t001_index_company_511 .title .tip{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: 70px;} #t001_index_company_511 .title .name{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:30px;} #t001_index_company_511 .title .brief{font-size: 16px;line-height: 30px;color: #626466;} #t001_index_company_511 .title .img{margin-right: 50px;} #t001_index_company_511 .title .img img{width: 100%;max-width: 750px;max-height: 100%;} #t001_index_company_511 .li_bg{background: #F7F8F8;} #t001_index_company_511 .list{display: flex;flex-wrap: wrap;padding: 80px 0;gap: 50px 0;} #t001_index_company_511 .list .li{margin-right: 200px;} #t001_index_company_511 .list .li .num{font-size: 50px;line-height: 1;color: var(--numFontColor);} #t001_index_company_511 .list .li .unit{font-size: 50px;line-height: 1;color: var(--numFontColor);margin-left: 5px;} #t001_index_company_511 .list .li .icon {font-size: 50px;line-height: 1;color: var(--numFontColor);margin-left: 5px;} #t001_index_company_511 .list .li .brief{font-size: 16px;line-height: 24px;color: #626466;margin-top: 20px;} @media screen and (max-width:1600px) { #t001_index_company_511 .list .li{margin-right: 180px;} } @media screen and (max-width:1024px) { #t001_index_company_511 .title{flex-direction: column;margin-bottom: 30px;} #t001_index_company_511 .title .img{width: 100%;margin-right: 0;margin-top: 50px;} } @media screen and (max-width:750px) { #t001_index_company_511 {padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} #t001_index_company_511 .title .tip{font-size: var(--font-sub-S);line-height: var(--font-sub-L);font-weight: var(--font-sub-B);} #t001_index_company_511 .title .name{font-size: var(--font-sma-S);line-height: var(--font-sma-L);font-weight: var(--font-sma-B);} #t001_index_company_511 .title .brief{font-size: var(--font-txt-S);line-height: var(--font-txt-L);} #t001_index_company_511 .list{display: grid;grid-template-columns: 48% 48%;justify-content: space-between;gap: 30px 0;} #t001_index_company_511 .list .li{margin-right: 0;} #t001_index_company_511 .list .li .num{font-size: var(--font-big-L);} #t001_index_company_511 .list .li .unit{font-size: var(--font-sub-L);} #t001_index_company_511 .list .li .brief{font-size: var(--font-txt-S);line-height: var(--font-txt-L);} } #temp_d_ly_server1_512{padding-top: var(--paddingTop); padding-bottom: var(--paddingBottom);} #temp_d_ly_server1_512 .top .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);} #temp_d_ly_server1_512 .top .title span{color: var(--font_1st_color);} #temp_d_ly_server1_512 .top .brief{margin-top: 10px; font-size: 18px; line-height: 1.4; color: #333;} #temp_d_ly_server1_512.myleft .title{text-align: left;} #temp_d_ly_server1_512.myleft .brief{text-align: left;} #temp_d_ly_server1_512.mycenter .title{text-align: center;} #temp_d_ly_server1_512.mycenter .brief{text-align: center;} #temp_d_ly_server1_512.myright .title{text-align: right;} #temp_d_ly_server1_512.myright .brief{text-align: right;} #temp_d_ly_server1_512 .ul{margin-top: 50px; width: 100%;} #temp_d_ly_server1_512 .ul .li{padding: 32px 0; width:33.33%; border-right:1px solid #e2e2e2; border-top: 1px solid #e2e2e2;} #temp_d_ly_server1_512 .ul .li:nth-child(3n) {border-right: 0;} #temp_d_ly_server1_512 .ul .li:nth-child(-n+3){border-top: 0; padding-bottom: 70px;} #temp_d_ly_server1_512 .ul .li .icon{margin: 0 auto; width: 82px; height: 82px; border-radius: 50%;} #temp_d_ly_server1_512 .ul .li .icon img{ width:100%;} #temp_d_ly_server1_512 .ul .li .p1{margin: 16px 0 14px; font-size: 22px; line-height: 1.4; color:#555; } #temp_d_ly_server1_512 .ul .li .p2{margin: 0 auto; width:70%; min-height: calc(26px * 2); font-size: 14px; line-height:26px; color:#555; } #temp_d_ly_server1_512 .ul .li::before{content:''; display: block; width:29px; height:2px; background:#d2d2d2; position:absolute; left:0; right:0; bottom:0; z-index:2; margin:0 auto; transition: all 0.3s ease;} #temp_d_ly_server1_512 .ul .li:nth-child(-n+3)::before{bottom: 35px;} #temp_d_ly_server1_512 .ul .li:hover::before{ background:var(--mainColor);} @media screen and (max-width: 1024px){ #temp_d_ly_server1_512 .ul .li .p2{width: 85%;} } @media screen and (max-width: 750px){ #temp_d_ly_server1_512 {padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} #temp_d_ly_server1_512 .top .title{font-size: var(--font-sub-S);} #temp_d_ly_server1_512 .top .brief{font-size: var(--font-bri-S); width: 85%; margin: 15px auto 0;} #temp_d_ly_server1_512 .ul .li{padding: 32px 0 70px; width:49.9%; border-right:1px solid #e2e2e2; border-top: 1px solid #e2e2e2;} #temp_d_ly_server1_512 .ul .li:nth-child(3n) {border-right: 1px solid #e2e2e2;} #temp_d_ly_server1_512 .ul .li:nth-child(-n+3){border-top: 1px solid #e2e2e2;} #temp_d_ly_server1_512 .ul .li:nth-child(2n) {border-right: 0;} #temp_d_ly_server1_512 .ul .li:nth-child(-n+2){border-top: 0;} #temp_d_ly_server1_512 .ul .li:before{bottom: 35px;} #temp_d_ly_server1_512 .ul .li .icon{width: 92px; height: 92px;} #temp_d_ly_server1_512 .ul .li .p1{font-size: var(--font-txt-S); line-height: 1.5;} #temp_d_ly_server1_512 .ul .li .p2{font-size: var(--font-bri-S); line-height: 1.5;} #temp_d_ly_server1_512 .ul .li:hover::before{ background: #d2d2d2;} } #w011_about_brand_542 {padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);} #w011_about_brand_542 .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: 48px;} #w011_about_brand_542.myleft .title{text-align: left;} #w011_about_brand_542.myright .title{text-align: right;} #w011_about_brand_542.mycenter .title{text-align: center;} #w011_about_brand_542 .content .img {width: 45%;border-radius: 20px;overflow: hidden;margin-bottom: auto;} #w011_about_brand_542 .content .img::before {padding-top: 66.66%;} #w011_about_brand_542 .content .img img {max-width: 100%;max-height: 100%;} #w011_about_brand_542 .content .text {width: 50%;padding: 50px 0;position: relative;} #w011_about_brand_542 .content .text .tit {font-size: 22px;color: #222;margin-bottom: 20px;} #w011_about_brand_542 .content .text .brief {font-size: 16px;color: #777;line-height: 1.875;margin-bottom: 53px;box-sizing: content-box;} #w011_about_brand_542 .content .text .line {width: 100%;height: 1px;background-color: #e6e6e6;} #w011_about_brand_542 .content .text .data {margin-top: 40px;} #w011_about_brand_542 .content .text .data .box {margin: 20px 90px 20px 0;} #w011_about_brand_542 .content .text .data .box .name {font-size: 16px;line-height: 1;color: #222;margin-bottom: 15px;} #w011_about_brand_542 .content .text .data .box .numb {font-size: 50px;line-height: 1;color: var(--fontColor);} @media screen and (max-width:1000px) { #w011_about_brand_542 .content {flex-wrap: wrap;} #w011_about_brand_542 .content .img {width: 100%;} #w011_about_brand_542 .content .img img {width: 100%;height: 100%;} #w011_about_brand_542 .content .text {width: 100%;} } @media screen and (max-width:750px) { #w011_about_brand_542 {padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} #w011_about_brand_542 .title {font-size: var(--font-big-S);line-height: var(--font-big-L);font-weight: var(--font-big-B);} #w011_about_brand_542 .content .text .tit {font-size: var(--font-sma-S);} #w011_about_brand_542 .content .text .brief {font-size: var(--font-txt-S);line-height: var(--font-txt-L);display: block;} #w011_about_brand_542 .content .text .data .box .name {font-size: var(--font-txt-S);} #w011_about_brand_542 .content .text .data .box .numb {font-size: var(--font-big-S);} } /* 全局 */ .w012_index_about_543_wrapper{padding-top:var(--paddingTop);display: flex; justify-content: space-between;} @media screen and (max-width:1200px) { .w012_index_about_543_wrapper{flex-direction: column;} } @media screen and (max-width:751px) { .w012_index_about_543_wrapper{padding-top: var(--appPaddingTop);} } /* 结束 */ /* 标题区 */ #w012_index_about_543_title{width: 50%;padding-right: 130px;} #w012_index_about_543_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_543_title .intro{font-size: 24px;font-weight: 500;font-family: SourceHanSansCN;margin-bottom: 51px;} #w012_index_about_543_title .brief{font-size: 16px;color:#6B6E73;line-height: 30px;} #w012_index_about_543_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_543_title .btn .right{color:#333333;margin-left:25px;transition: 0.3s;} #w012_index_about_543_title.myleft{text-align: left;} #w012_index_about_543_title.myright{text-align: right;} #w012_index_about_543_title.mycenter{text-align: center;} #w012_index_about_543_title.myleft .btn{margin-right: auto;} #w012_index_about_543_title.myright .btn{margin-left: auto;} #w012_index_about_543_title.mycenter .btn{margin: 50px auto 0;} @media screen and (max-width:1500px) { #w012_index_about_543_title{width: 40%;padding-right:50px} } @media screen and (max-width:1300px) { #w012_index_about_543_title .brief{margin-bottom: 20px;} } @media screen and (max-width:1200px) { #w012_index_about_543_title{width:100%} #w012_index_about_543_title .btn{margin-bottom: 30px;margin-top: 20px;} } @media screen and (max-width:751px) { #w012_index_about_543_title{padding-right: 0;} #w012_index_about_543_title .title{font-size: var(--font-big-S);line-height: var(--font-big-L);font-weight: var(--font-big-B);} #w012_index_about_543_title .intro{font-size: var(--font-sub-S)} #w012_index_about_543_title .brief{font-size: var(--font-txt-S);line-height:var(--font-txt-L)} #w012_index_about_543_title .btn{ font-size: var(--font-bri-S);width: 250px;height: 80px;border-radius:0.4rem;} #w012_index_about_543_title .btn .right{font-size: var(--font-txt-S);} } @media (any-hover: hover) { #w012_index_about_543_title .btn:hover{color: var(--btn_1st_hover_color);background-color: var(--btn_1st_hover_bg_color);} #w012_index_about_543_title .btn:hover .right{color:#fff} } /* 结束 */ /* 图片区 */ #w012_index_about_543_images{width:50%;} #w012_index_about_543_images .picture::before{padding-top:59.75%;} #w012_index_about_543_images .picture img{top: 0;} @media screen and (max-width:1500px) { #w012_index_about_543_images{width:60%;} } @media screen and (max-width:1200px) { #w012_index_about_543_images{width:100%;} } /* 结束 */ /* 底部数字区 */ #w012_index_about_543_bottom{padding-top:93px;margin-bottom:var(--paddingBottom);} #w012_index_about_543_bottom .number{padding:40px 40px 40px 40px;background-color: #f8f8f8;} #w012_index_about_543_bottom .number .li{position: relative;width:100%;margin-right:60px;} #w012_index_about_543_bottom .number .li:last-child{margin-right: 0;} #w012_index_about_543_bottom .number .li::after{content:'';position: absolute;width: 2px;height: 90px;background: #000000;opacity: 0.05;top: -10px;right: 120%;} #w012_index_about_543_bottom .number .li:first-child:after{display: none;} #w012_index_about_543_bottom .number .li .num{font-size:var(--listFt1_px);font-weight: bold;position: relative;} #w012_index_about_543_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_543_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_543_bottom .number{padding-right: 40px;} } @media screen and (max-width:751px) { #w012_index_about_543_bottom{padding-bottom: var(--appPaddingBottom);padding-top: 50px;} #w012_index_about_543_bottom .number{display: grid;grid-template-columns: 100%;row-gap: 30px;} #w012_index_about_543_bottom .number .li{text-align: center;} #w012_index_about_543_bottom .number .li::after{width: 100%;height: 2px;background-color: #333;} #w012_index_about_543_bottom .number .li .num{font-size:var(--font-big-S)} #w012_index_about_543_bottom .number .li .num::after{width: 10px;height: 10px;} #w012_index_about_543_bottom .number .li .simple{font-size:var(--font-txt-S)} #w012_index_about_543_bottom .number .li .tag{font-size: var(--font-txt-S);margin-top: 10px;} } /* 结束 */ #t001_index_company_546 {padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);} #t001_index_company_546 .title{margin-bottom: 80px;flex-direction: row-reverse;} #t001_index_company_546 .title .tip{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: 70px;} #t001_index_company_546 .title .name{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:30px;} #t001_index_company_546 .title .brief{font-size: 16px;line-height: 30px;color: #626466;} #t001_index_company_546 .title .img{margin-right: 50px;} #t001_index_company_546 .title .img img{width: 100%;max-width: 750px;max-height: 100%;} #t001_index_company_546 .li_bg{background: #F7F8F8;} #t001_index_company_546 .list{display: flex;flex-wrap: wrap;padding: 80px 0;gap: 50px 0;} #t001_index_company_546 .list .li{margin-right: 200px;} #t001_index_company_546 .list .li .num{font-size: 50px;line-height: 1;color: var(--numFontColor);} #t001_index_company_546 .list .li .unit{font-size: 50px;line-height: 1;color: var(--numFontColor);margin-left: 5px;} #t001_index_company_546 .list .li .icon {font-size: 50px;line-height: 1;color: var(--numFontColor);margin-left: 5px;} #t001_index_company_546 .list .li .brief{font-size: 16px;line-height: 24px;color: #626466;margin-top: 20px;} @media screen and (max-width:1600px) { #t001_index_company_546 .list .li{margin-right: 180px;} } @media screen and (max-width:1024px) { #t001_index_company_546 .title{flex-direction: column;margin-bottom: 30px;} #t001_index_company_546 .title .img{width: 100%;margin-right: 0;margin-top: 50px;} } @media screen and (max-width:750px) { #t001_index_company_546 {padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} #t001_index_company_546 .title .tip{font-size: var(--font-sub-S);line-height: var(--font-sub-L);font-weight: var(--font-sub-B);} #t001_index_company_546 .title .name{font-size: var(--font-sma-S);line-height: var(--font-sma-L);font-weight: var(--font-sma-B);} #t001_index_company_546 .title .brief{font-size: var(--font-txt-S);line-height: var(--font-txt-L);} #t001_index_company_546 .list{display: grid;grid-template-columns: 48% 48%;justify-content: space-between;gap: 30px 0;} #t001_index_company_546 .list .li{margin-right: 0;} #t001_index_company_546 .list .li .num{font-size: var(--font-big-L);} #t001_index_company_546 .list .li .unit{font-size: var(--font-sub-L);} #t001_index_company_546 .list .li .brief{font-size: var(--font-txt-S);line-height: var(--font-txt-L);} } #temp_d_mhj_culture_532 {display: flex;align-items: center;padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);} @media screen and (max-width:750px) { #temp_d_mhj_culture_532 {padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} } #temp_d_mhj_culture_532 .left {width: 57%;border-radius: 0 10px 10px 0;overflow: hidden;} #temp_d_mhj_culture_532 .left .img {padding-top: 54.7%;position: relative;} #temp_d_mhj_culture_532 .left .img::before {content: '';width: 101%;height: 100%;position: absolute;left: 0;top: 0;background: #fff;z-index: 2;transition: 0.5s ease-in-out 0s;} #temp_d_mhj_culture_532 .left .img::after {content: '';width: 101%;height: 100%;position: absolute;left: 0;top: 0;background: #fff;z-index: 2;transition: 0.5s ease-in-out 0.2s;opacity: 0.8;} #temp_d_mhj_culture_532 .left .img.cur::before {left: 100%;} #temp_d_mhj_culture_532 .left .img.cur::after {left: 100%;} #temp_d_mhj_culture_532 .left:hover .img img {transform: scale(1.1);} #temp_d_mhj_culture_532 .right {width: 21.354%;margin-left: 6.25%;} #temp_d_mhj_culture_532 .right .item {margin-top: 32px;} #temp_d_mhj_culture_532 .right .item.cur {margin-top: 48px;} #temp_d_mhj_culture_532 .right .item:first-child {margin-top: 0;} #temp_d_mhj_culture_532 .right .item .name {font-size: 20px;line-height: 24px;cursor: pointer;color: #646a73;} #temp_d_mhj_culture_532 .right .item .brief {font-size: 16px;line-height: 24px;height: 0;overflow: hidden;} #temp_d_mhj_culture_532 .right .item.cur .name {font-size: 28px;line-height: 36px;color: var(--hoverColor);font-weight: 600;cursor: auto;} #temp_d_mhj_culture_532 .right .item.cur .brief {height: 72px;overflow: auto;margin: 16px 0;} @media screen and (max-width:1366px) { #temp_d_mhj_culture_532 .right .item {margin-top: 16px;} #temp_d_mhj_culture_532 .right .item.cur {margin-top: 24px;} } @media screen and (max-width:1024px) { #temp_d_mhj_culture_532 {display: block;} #temp_d_mhj_culture_532 .left {width: 100%;} #temp_d_mhj_culture_532 .right {width: 92%;margin: 30px auto 0;} } @media screen and (max-width:750px) { #temp_d_mhj_culture_532 .right .item .name {font-size: 36px;line-height: 1.5;} #temp_d_mhj_culture_532 .right .item .brief {font-size: 30px;line-height: 1.6;} #temp_d_mhj_culture_532 .right .item.cur .name {font-size: 36px;} #temp_d_mhj_culture_532 .right .item.cur .brief {height: 150px;} } .w005_index_footer_48_footer_wrap{background: var(--backgroundColor);padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);color: var(--font_color_1);overflow: hidden;} .w005_index_footer_48_footer_wrap .box {padding: 0 0 var(--paddingBottom) 0;display: flex;justify-content: space-between;} #w005_index_footer_48_message{} #w005_index_footer_48_message .dl{} #w005_index_footer_48_message .dl .dt{margin-top: 15px;font-size: 24px;line-height: 40px;} #w005_index_footer_48_message .dl .logo{max-width: 400px;} #w005_index_footer_48_message .dl .dt span{font-size: 16px;} #w005_index_footer_48_message .dd{font-size: 16px;line-height: 30px;max-width: 400px;} #w005_index_footer_48_nav{display: flex;flex-wrap: wrap;flex: 1 1 300px;} #w005_index_footer_48_nav .dl{margin-left: 80px;margin-bottom: 30px;} #w005_index_footer_48_nav .dl .dt{margin-bottom: 30px;font-size: 20px;line-height: 1;} #w005_index_footer_48_nav .dd{font-size: 16px;line-height: 30px;color: var(--font_color_2);transition: 0.3s;} @media (any-hover: hover){ #w005_index_footer_48_nav .dd:hover{color:var(--navHoverColor);text-decoration:underline;} } #w005_index_footer_48_nav_app{display: none;} #w005_index_footer_48_contact{margin-left: 80px;margin-bottom: 30px;} #w005_index_footer_48_contact .dt{margin-bottom: 30px;font-size: 20px;line-height: 1;} #w005_index_footer_48_contact .dd{font-size: 16px;line-height: 30px;color: var(--font_color_2);} #w005_index_footer_48_contact .qr .img{max-width: 120px;max-height: 120px;} #w005_index_footer_48_contact .qr .tip{font-size: 14px;color: var(--font_color_2);margin-top: 16px;max-width: 120px;text-align: center;line-height: 1.6;} #w005_index_footer_48_links{font-size: 16px;height: 72px;border-top: 1px solid var(--font_color_3);/*margin-top: 35px;*/color: var(--font_color_2);} #w005_index_footer_48_links .fd_link{display: flex;flex-wrap: wrap;gap: 10px 26px;} #w005_index_footer_48_links .fd_link span{font-weight: bold;} @media only screen and (max-width: 750px) { #w005_index_footer_48_links{font-size: var(--font-bri-S);line-height: var(--font-bri-L);height: auto;padding: 16px 0;border-top: none;margin-top: 35px;} } #w005_index_footer_48_copyright{border-top: 1px solid var(--font_color_3);padding: var(--paddingBottom) 0 0 0;color: var(--font_color_2);gap: 10px 20px;} #w005_index_footer_48_copyright .copyright{font-size: 14px;line-height: 30px;gap: 10px 20px;} #w005_index_footer_48_copyright .third {} #w005_index_footer_48_copyright .third.hide{display: none;} #w005_index_footer_48_copyright .third .a{margin-left: 20px;width: 30px;height: 30px;background: var(--font_color_2);border-radius: 50%;transition: .3s;} #w005_index_footer_48_copyright .third .a i{font-size: 20px;color: #fff;} #w005_index_footer_48_copyright .third .a:hover{background: var(--hoverFontColor);} @media only screen and (max-width: 1250px) { #w005_index_footer_48_contact{display: none;} } @media only screen and (max-width: 750px) { .w005_index_footer_48_footer_wrap{padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} .w005_index_footer_48_footer_wrap .box{display: block;padding: 0;} #w005_index_footer_48_message .dl{} #w005_index_footer_48_message .dl .dt{font-size: var(--font-txt-S);line-height: var(--font-txt-L);margin-top: 30px;} #w005_index_footer_48_message .dl .dt span{font-size: var(--font-txt-S);line-height: var(--font-txt-L);} #w005_index_footer_48_message .dl .dd{font-size: var(--font-txt-S);line-height: var(--font-txt-L);max-width: none;} #w005_index_footer_48_nav{display: none;} #w005_index_footer_48_nav_app{display: block;margin-top: 60px;color: var(--font_color_2);} #w005_index_footer_48_nav_app .dl{} #w005_index_footer_48_nav_app .dl .dt{font-size: var(--font-sma-S);line-height: var(--font-sma-L);padding: 20px 0;border-bottom: 1px solid var(--font_color_3);color: var(--font_color_1);} #w005_index_footer_48_nav_app .dl .dt > i{font-size: var(--font-txt-S);transition: .3s;} #w005_index_footer_48_nav_app .dl.cur .dt > i{transform: rotateZ(90deg);} /* 展开项 */ #w005_index_footer_48_nav_app .dl .dd{display: none;} #w005_index_footer_48_nav_app .dd .a{font-size: var(--font-txt-S);line-height: var(--font-txt-L);padding: 20px 0;padding-left: 15px;border-bottom: 1px solid var(--font_color_3);} #w005_index_footer_48_copyright{border-top: none;flex-wrap: wrap;padding: 10px 0;} #w005_index_footer_48_copyright .copyright{font-size: var(--font-bri-S);line-height: var(--font-bri-L);} #w005_index_footer_48_copyright .third{justify-content: center;margin-top: 50px;} #w005_index_footer_48_copyright .third .a{transform: scale(2);margin: 0 var(--font-txt-S);} }