
.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_15_nav{}
#w001_index_header_15_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_15_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_15_nav .head{color: #333;}

#w001_index_header_15_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_15_nav .weblogo{height: 100%;overflow: hidden;}
#w001_index_header_15_nav .weblogo .logo_w{max-height: 90%;display: var(--head_logo_w);}
#w001_index_header_15_nav .weblogo .logo_b{max-height: 90%;display: var(--head_logo_b);}
#header.fixed.scroll-top #w001_index_header_15_nav .weblogo .logo_w{display: block;}
#header.fixed.scroll-top #w001_index_header_15_nav .weblogo .logo_b{display: none;}
#header.fixed.scroll-top.opacity_black #w001_index_header_15_nav .weblogo .logo_w{display: none;}
#header.fixed.scroll-top.opacity_black #w001_index_header_15_nav .weblogo .logo_b{display: block;}



/* 导航栏目 */
#w001_index_header_15_nav .nav{
    --padding: var(--paddingLeft);
    flex: 1;margin: 0 var(--paddingLeft);
    --hoverColor: var(--hover_color);
}


/* 按钮部分 */
#w001_index_header_15_nav .head_btn{display: flex;align-items: center;font-size: 16px;}
#w001_index_header_15_nav .head_btn > *{padding: 10px 15px;}
#w001_index_header_15_nav .head_btn > *:last-child{padding-right: 0;}
#w001_index_header_15_nav .head_btn > * > i{font-size: 20px;}
#w001_index_header_15_nav .head_btn .language i{margin-right: 6px;}


/* 移动端菜单按钮 */
#w001_index_header_15_nav .head .menu{display: none;padding: 30px 20px;position: relative;cursor: pointer;margin-right: -20px;}
#w001_index_header_15_nav .head .menu i{width: 36px;height: 2px;display: block;background: var(--head_fz_color);position: relative;transition: .3s;}
#w001_index_header_15_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_15_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_15_nav .head .menu i,
#header.fixed.scroll-top #w001_index_header_15_nav .head .menu i::before,
#header.fixed.scroll-top #w001_index_header_15_nav .head .menu i::after{background: #fff;}
#header.fixed.scroll-top.opacity_black #w001_index_header_15_nav .head .menu i,
#header.fixed.scroll-top.opacity_black #w001_index_header_15_nav .head .menu i::before,
#header.fixed.scroll-top.opacity_black #w001_index_header_15_nav .head .menu i::after{background: #333;}










/*
 menu_expand    侧边栏展开状态
 pc_app         导航栏换行时，控制侧边栏按钮
*/



/* 侧边栏菜单展开状态(右侧)  */
#header.menu_expand #w001_index_header_15_nav .head{box-shadow: none !important;border-bottom-color: transparent !important;}
#header.menu_expand #w001_index_header_15_nav .menu i{background: transparent !important;}
#header.menu_expand #w001_index_header_15_nav .menu i::before{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(45deg);}
#header.menu_expand #w001_index_header_15_nav .menu i::after{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(-45deg);}
#header.menu_expand #w001_index_header_15_nav .head_btn{display: none;}


/* 导航栏放不下时 */
.w001_index_header_15.pc_app #w001_index_header_15_nav .head_nav .li{display: none;}
.w001_index_header_15.pc_app #w001_index_header_15_nav .head .menu{display: block;}















@media only screen and (max-width: 1024px) {
    #w001_index_header_15_nav .head_nav .li{display: none;}
    #w001_index_header_15_nav .head .menu{display: block;}
    /* #w001_index_header_15_nav .head_btn{flex: 1;justify-content: flex-end;} */
}

@media only screen and (max-width: 900px) {
    #w001_index_header_15_nav .head_btn .search i {font-size: 26px;}
    #w001_index_header_15_nav .head_btn .language{margin-right: 20px;font-size: 20px;}
    #w001_index_header_15_nav .head_btn .language i {font-size: 26px;margin-right: 10px;}
}

@media only screen and (max-width: 750px) {
    #w001_index_header_15_nav .head{height: var(--head_top_height_app);}
    #header_bg{height: var(--head_top_height_app);}

    #w001_index_header_15_nav .head_btn .search i {font-size: var(--font-big-S);}
    #w001_index_header_15_nav .head_btn .language{display: none;}

    #w001_index_header_15_nav .head .menu{padding: 30px;}
    #w001_index_header_15_nav .head .menu i{width: 46px;height: 3px;}
    #w001_index_header_15_nav .head .menu i::before{transform: translateY(-18px);height: 3px;}
    #w001_index_header_15_nav .head .menu i::after{transform: translateY(18px);height: 3px;}

    #header.menu_expand #w001_index_header_15_nav .weblogo{opacity: 0;}
}



/* 左侧出现的状态 head_menu_left */
.head_menu_left #w001_index_header_15_nav .head_nav{display: none;}
.head_menu_left #w001_index_header_15_nav .head_btn{flex: initial;}

/* 需要隐藏menu的时机 */
.head_menu_left #w001_index_header_15_nav .head .menu{display: none;}
.head_menu_left.pc_app #w001_index_header_15_nav .head .menu{display: none;}
.w001_index_header_15 #w001_index_header_15_nav .head .menu._left_{display: none;margin-right: 0;margin-left: -20px;}

/* 需要展示 menu._left_ 的时机 */
.head_menu_left #w001_index_header_15_nav .head .menu._left_{display: block;}


@media only screen and (max-width: 1024px) { 
    .head_menu_left #w001_index_header_15_nav .head .menu{display: none;}
    .head_menu_left #w001_index_header_15_nav .head .menu._left_{display: block;}
    .head_menu_left #w001_index_header_15_nav .head_btn{flex: initial;}
}
#w000_index_hengfu_72 {font-size: 0;}
#w000_index_hengfu_72 .slide{}
#w000_index_hengfu_72 .slide .img_pc{width: 100%;}
/* 铺满状态 */
#w000_index_hengfu_72.is_fill .slide .img_pc{height: 100vh;max-height: 100vw;object-fit:cover;}


#w000_index_hengfu_72 .slide .message_box{display: flex;height: calc( 100% - 200px );position: absolute;top: 55%;left: 50%;transform: translate(-50%,-50%);pointer-events: none;}

#w000_index_hengfu_72 .message{display: flex;flex-direction: column;max-width: 100%;}
#w000_index_hengfu_72 .message_box[position="2"] .message,
#w000_index_hengfu_72 .message_box[position="5"] .message,
#w000_index_hengfu_72 .message_box[position="8"] .message{align-items: center;}
#w000_index_hengfu_72 .message_box[position="3"] .message,
#w000_index_hengfu_72 .message_box[position="6"] .message,
#w000_index_hengfu_72 .message_box[position="9"] .message{align-items: flex-end;}


#w000_index_hengfu_72 .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);}
#w000_index_hengfu_72 .message .p{margin: 19px 0 75px;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);}
#w000_index_hengfu_72 .message .buy{width: 180px;height: 60px;line-height: 60px;text-align: center;font-size: 16px;transition: 0.5s;cursor: pointer;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);}
#w000_index_hengfu_72 .message .buy:hover{color: var(--btn_1st_hover_color);background-color: var(--btn_1st_hover_bg_color);border-color: var(--btn_1st_hover_border_color);}


#w000_index_hengfu_72 .swiper-pagination-bullets{bottom: 40px;}
#w000_index_hengfu_72 .swiper-pagination-bullet{width: 8px;height: 8px;background: #FFFFFF;margin: 0 10px;}
#w000_index_hengfu_72 .container .swiper-pagination-bullet-active{width: 14px;height: 14px;opacity: 1;transform: translateY(25%);}




@media screen and (max-width: 1024px){
    #w000_index_hengfu_72 .message_box .message .name{font-size: 48px;margin-top: 0.5em;}
    #w000_index_hengfu_72 .message_box .message .p{font-size: 21px;margin:0.6em 0 1.4em;}
    #w000_index_hengfu_72 .message_box .message .buy{font-size: 29px;}
}

@media screen and (max-width: 850px){
    #w000_index_hengfu_72 .message_box .message .name{font-size: 40px;}
    #w000_index_hengfu_72 .message_box .message .p{font-size: 26px;margin:0.6em 0;}
    #w000_index_hengfu_72 .message_box .message .buy{font-size: 26px;}
}

@media screen and (max-width: 750px){
    #w000_index_hengfu_72{display: none;}
}
#t001_index_culture_59 {padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);font-size: 0;}
#t001_index_culture_59 .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_59 .content {}
#t001_index_culture_59 .picture {width: 50%;}
#t001_index_culture_59 .picture .img {width: 100%;}
#t001_index_culture_59 .picture .img::before{padding-top: 66.57%;}
#t001_index_culture_59 .word {width: 50%;padding-right: 100px;}
#t001_index_culture_59 .word .text {border-bottom: 1px solid #e5e5e5;transition: .3s;margin-bottom: 60px;}
#t001_index_culture_59 .word .text:last-child {margin-bottom: 0;}
#t001_index_culture_59 .word .text .title {font-size: 24px;line-height: 1;color: #222;margin-bottom: 10px;}
#t001_index_culture_59 .word .text .brief {font-size: 16px;line-height: 1.875;color: #7a7c85;margin-bottom: 33px;}

@media (any-hover:hover) {
    #t001_index_culture_59 .word .text:hover {border-bottom: 1px solid var(--fontColor);transform: translatex(10px);}
    #t001_index_culture_59 .word .text:hover .title {color: var(--fontColor);}
    #t001_index_culture_59 .word .text:hover .brief {color: #111;}
}

@media screen and (max-width:1400px) {
    #t001_index_culture_59 .word {padding-right: 50px;}
}

@media screen and (max-width:1150px) {
    #t001_index_culture_59 .content {flex-direction: column;}
    #t001_index_culture_59 .picture {width: 100%;}
    #t001_index_culture_59 .picture .img {margin-right: 0; width: 100%;margin-bottom: 60px;}
    #t001_index_culture_59 .word {width: 100%;padding-right: 0;margin-bottom: 60px;}
}

@media screen and (max-width:750px) {
    #t001_index_culture_59 {padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);}
    #t001_index_culture_59 .product {font-size: var(--font-sub-S);line-height: var(--font-sub-L);font-weight: var(--font-sub-B);}
    #t001_index_culture_59 .word .text .title {font-size: var(--font-sma-S);}
    #t001_index_culture_59 .word .text .brief {font-size: var(--font-txt-S);line-height: var(--font-txt-L);}
}
.w010_index_about_19_wrap{padding-top:var(--paddingTop);padding-bottom: var(--paddingBottom);}

@media screen and (max-width: 1024px){
    .w010_index_about_19_wrap{padding-left: 50px;}
}


@media screen and (max-width: 751px){
    .w010_index_about_19_wrap{background:none!important;padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);}
}


/* 全局 */

/* 布局 */
.w010_index_about_19_wrap .img{height: 371px;}
.w010_index_about_19_wrap .w010_index_about_19_wrapper{display: flex;}

.w010_index_about_19_wrapper .img{height: 371px;width: 257px;right: 3.4%;top:62.18%;}
.w010_index_about_19_wrapper .pic{height: 200px;}


@media screen and (max-width: 1200px){
    .w010_index_about_19_wrapper .img{display: none;}
}

@media screen and (max-width: 1024px){
    .w010_index_about_19_wrap{padding-left: 50px;}
    .w010_index_about_19_wrap .w010_index_about_19_wrapper{display:inline-block;}
}

@media screen and (max-width: 751px){
    .w010_index_about_19_wrapper .pic{height: 400px;}
}

/* 结束 */

#w010_index_about_19_text{width: 34.92%;}

#w010_index_about_19_text .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_about_19_text .title_en{font-size: var(--font_2nd_px);color: var(--font_2nd_color);font-weight: var(--font_2nd_font_weight);font-style: var(--font_2nd_font_style);line-height: 1;width: 70%;}

@media screen and (max-width:751px){
    #w010_index_about_19_text{width: 100%;text-align: center;}
    #w010_index_about_19_text .title_cn{font-size: var(--font-txt-S);line-height: var(--font-txt-L);font-weight: var(--font-txt-B);}
    #w010_index_about_19_text .title_en{font-size: var(--font-big-S);line-height: var(--font-big-L);font-weight: var(--font-big-B);margin-bottom: 30px;width: 100%;}
}

/* 图片 */
#w010_index_about_19_images{display:none;}
#w010_index_about_19_images .pic{height: 150px;}

@media screen and (max-width: 751px){
    #w010_index_about_19_images{display:block;margin-bottom: 30px;}
}

/* 介绍区 */

#w010_index_about_19_introduce{width: 64.92%;}

#w010_index_about_19_introduce .name{font-size: 24px; font-weight: 600; color: var(--hoverColor);margin: 40px 0 19px 40px;}
#w010_index_about_19_introduce .name::before{content:'';height: 1px;width: 13px;position: absolute;border-top:1px solid var(--hoverColor);top:55px;left:0px}
#w010_index_about_19_introduce .brief{font-size: 16px; color:#999999;margin-bottom: 62px;margin-left: 40px;}
#w010_index_about_19_introduce .detail{font-size: 16px;color: #666666;margin-bottom: 38px;}


@media screen and (max-width: 1024px){
    #w010_index_about_19_introduce{width: 100%;}
}

@media screen and (max-width:751px){
    #w010_index_about_19_introduce{width:100%;}
    #w010_index_about_19_introduce .name{font-size:var(--font-sub-S);margin: 0;text-align: center;}
    #w010_index_about_19_introduce .brief{font-size:var(--font-sma-S);line-height:var(--font-sma-L);margin: 20px 0;text-align: center;}
    #w010_index_about_19_introduce .detail{font-size:var(--font-txt-S);line-height:var(--font-txt-L)}
}

/* 图标区 */
#w010_index_about_19_introduce .circle::before{content:'\e665';width: 20px;height: 20px;}

#w010_index_about_19_introduce .add{width: 44px;height: 40px;}
#w010_index_about_19_introduce .more{margin-top:38px;}

#w010_index_about_19_introduce svg {
    width: 44px;
    height: 44px;
    top: 0px;
    z-index: 5;
}

#w010_index_about_19_introduce svg circle {
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    cx: 22;
    cy: 22;
    fill: transparent;
    r: 20;
    stroke: var(--hoverColor);
    stroke-dasharray: 126;
    stroke-dashoffset: 126;
    stroke-width: 1;
    transition: 2s;
}



@media (any-hover: hover) {
	#w010_index_about_19_introduce a:hover  svg circle {stroke-dasharray:0;}	
}

@media screen and (max-width: 751px){
    #w010_index_about_19_introduce .add{display: none;}
}
/* 结束 */






/* 全局 */
.w010_index_server_20_wrapper{display: flex;padding-top:var(--paddingTop);padding-bottom:var(--paddingBottom);}

@media screen and (max-width:1300px) {
    .w010_index_server_20_wrapper{display: inline-block;padding-left: 70px;}
}

@media screen and (max-width:750px) {
    .w010_index_server_20_wrapper{padding-top:var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);display: block;padding-left: 0;}
}

/* 结束 */

/* 标题 */
#w010_index_server_20_title{width:34.92%;}


#w010_index_server_20_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_20_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_20_title{width: 100%;}
    #w010_index_server_20_title .title .en{margin-bottom: 0;}
    #w010_index_server_20_title .title .en{margin-bottom: 50px;}
}

@media screen and (max-width:750px) {
    /* #w010_index_server_20_title .title .cn{font-size: var(--font-txt-S);line-height: var(--font-txt-L);font-weight: var(--font-txt-B);} */
    /* #w010_index_server_20_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_20_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_20_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_20_flow{width: 65%;}

#w010_index_server_20_flow .nav{margin-left: 50px;}
#w010_index_server_20_flow .nav::before{content: ''; width: 1px;height: calc(100% - -25px);background-color: #ccc;position:absolute;top: 8px;}


#w010_index_server_20_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_20_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_20_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_20_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_20_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_20_flow .nav .time .svgg{max-width:50%;max-height:50%;fill:#fff;top:50%;left: 50%;transform: translate(-50%,-50%);}
#w010_index_server_20_flow .nav .time .svgg *{fill:#fff}
 
#w010_index_server_20_flow .nav .brief{width:539px;z-index: 10;transition: 0.6s;}
#w010_index_server_20_flow .nav .brief .title{font-size: 20px;color:#404040;font-weight: 400;transition: 0.6s;}
#w010_index_server_20_flow .nav .brief .detail{font-size: 16px;color:#999999;font-weight: 400;margin-top: 7px;transition: 0.6s;}


#w010_index_server_20_flow .add{width: 40px;height: 40px;top:44px;left:-8px;position: absolute;}

#w010_index_server_20_flow svg {
    width: 44px;
    height: 44px;
    top: 31px;
    left: -22px;
}

#w010_index_server_20_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_20_flow .nav .lili:hover .li::before{opacity: 1;height: 100%;}
    #w010_index_server_20_flow .nav .li:hover .brief .title{color: #fff!important}
    #w010_index_server_20_flow .nav .li:hover .detail{color:#fff;opacity: .7;}
    #w010_index_server_20_flow .nav .li:hover .time{color: var(--mainColor); background-color: #fff;z-index: 10;}
    #w010_index_server_20_flow .nav .li:hover .time .svgg *{fill:var(--mainColor)}
    #w010_index_server_20_flow .nav .li:hover .navv::after{opacity: 1;background-color: #fff;}
    #w010_index_server_20_flow .nav .li:hover::after{background-color:var(--mainColor);}	
    
    #w010_index_server_20_flow a:hover  svg circle {stroke-dasharray:0;}
}

@media screen and (max-width:1300px) {
    #w010_index_server_20_flow{width: 100%;}
}

@media screen and (max-width:751px) {
    #w010_index_server_20_flow .nav{margin-left: 0;padding: 0;}
    /* #w010_index_server_20_flow .nav::before{width: 0;} */
    #w010_index_server_20_flow .nav .time{display: none;}
    #w010_index_server_20_flow .nav .brief{width:100%;}
    #w010_index_server_20_flow .nav .brief .title{font-size: var(--font-sma-S);line-height:var(--font-sma-L)}
    #w010_index_server_20_flow .nav .brief .detail{font-size:var(--font-txt-S);line-height:var(--font-txt-L)}

    #w010_index_server_20_flow .nav .li{margin-left: 0;padding: 38px 0 0 33px;}

    
	#w010_index_server_20_flow .nav .lili{margin-bottom: 30px;}
	/* #w010_index_server_20_flow .nav .lili .li::before{opacity: 1;height: 100%;} */
    /* #w010_index_server_20_flow .nav .li .brief .title{color: #fff!important} */
    /* #w010_index_server_20_flow .nav .li .detail{color:#fff;opacity: .7;} */
    /* #w010_index_server_20_flow .nav .li .time{color: var(--mainColor); background-color: #fff;z-index: 10;} */
    #w010_index_server_20_flow .nav .li .time .svgg *{fill:var(--mainColor)}
    #w010_index_server_20_flow .nav .li .navv::after{opacity: 1;background-color: #fff;left: -8px;}
    /* #w010_index_server_20_flow .nav .li::after{background-color:var(--mainColor);}	 */
    
    #w010_index_server_20_flow a  svg circle {stroke-dasharray:0;}
}
/* 结束 */
#w016_index_about_41_text{padding-top:var(--paddingTop);padding-bottom: var(--paddingBottom);}



@media screen and (max-width: 751px){
    #w016_index_about_41_text{padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);background: none!important;}
}




#w016_index_about_41_text{height:970px;}

#w016_index_about_41_text .message{width:37.5%;margin-right: 310px;}
#w016_index_about_41_text .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);}
#w016_index_about_41_text .message .pic_mobile{height: 300px;margin: 50px 0;display: none;}
#w016_index_about_41_text .message .brief{font-size: 16px;color: #fff;margin-top: 70px;line-height: 1.8;}

#w016_index_about_41_text .number{display: grid;grid-template-columns: repeat(2,calc((100% - 100px)/2));gap:100px;row-gap:94px;margin-top:82px;width: 42.75%;position: relative;height: 256px;}
#w016_index_about_41_text .number::before{content: ''; border-left: 1px solid #fff;position: absolute;width: 1px;height: 100%;left: 50%;transform: translateX(-50%);opacity: 0.2;}
#w016_index_about_41_text .number::after{content: '';border-top: 1px solid #fff;position: absolute;height: 1px;;width: 100%;top: 50%;transform: translateY(50%);opacity: 0.2;}
#w016_index_about_41_text .number .li{position: relative;width:100%;}
#w016_index_about_41_text .number .li .num{font-size:50px;font-weight: bold;position: relative;color: #fff;}
#w016_index_about_41_text .number .li .tag{font-size: 16px; font-weight:500;margin-top: 15px;color:#fff}
#w016_index_about_41_text .number .li .svgg{width: 35px;height: 35px;margin-top:10px;}
#w016_index_about_41_text .number .li .svgg *{fill:#fff}

#w016_index_about_41_text .message .circle {width: 160px;height: 160px;margin-top: 100px;} 
#w016_index_about_41_text .message .circle svg {display: block;overflow: visible;fill: #fff;animation-name:w016_index_about_41_move;
    /* animation-direction: alternate; */
    animation-timing-function: linear; 
    animation-delay: 0s; 
    animation-iteration-count: infinite; 
    animation-duration: 12s; }
#w016_index_about_41_text .message .circle path {fill: none;}
#w016_index_about_41_text .message .circle .arrow{color: #fff;font-size: 40px;top: 50%;left: 50%;transform: translate(-50%,-50%);}
#w016_index_about_41_text .message .btn{width: 100%;height: 80px;border: 1px solid #999;display: none;font-size:var(--font-txt-S)}
#w016_index_about_41_text .message .btn .arrow{font-size: var(--font-big-S);}

@media screen and (max-width:1500px){
    #w016_index_about_41_text{background: none;}
    #w016_index_about_41_text .mobile_pic{display:block;}

}

@media screen and (max-width:1200px){
    #w016_index_about_41_text .introduce{flex-direction: column;}
    #w016_index_about_41_text .message{width: 100%;}

    #w016_index_about_41_text .number{margin-top:70px; padding-top: 0;width: 100%;}
}

@media screen and (max-width: 751px){
    #w016_index_about_41_text{height: auto}
    #w016_index_about_41_text .message .name{font-size: var(--font-big-S);line-height: var(--font-big-L);font-weight: var(--font-big-B);color:#333333}
    #w016_index_about_41_text .message .brief{font-size: var(--font-txt-S);color: #333333;margin-top: 70px;line-height:var(--font-txt-L)}

    #w016_index_about_41_text .number{height: auto;grid-template-columns:100%}
    #w016_index_about_41_text .number .li{justify-content: center;align-items: center;flex-direction: column;display: flex}
    #w016_index_about_41_text .number .li .num{font-size:var(--font-sub-S);color:#333333}
    #w016_index_about_41_text .number .li .tag{font-size:var(--font-txt-S);color:#333333}

    #w016_index_about_41_text .number::before,
    #w016_index_about_41_text .number::after,
    #w016_index_about_41_text .message .circle{display: none;}
    #w016_index_about_41_text .message .circle .arrow{color: #333333;}
    #w016_index_about_41_text .message .circle svg{fill: #333333;}
    #w016_index_about_41_text .message .btn{display:flex;margin-top: 30px;}
    #w016_index_about_41_text .message .pic_mobile{display: block;}
}

@keyframes w016_index_about_41_move{
    0%{
        transform: rotate(0);
    }
    100%{
        transform: rotate(-360deg);
    }
}



/* 全局 */
.w016_about_us_culture_78_wrapper{padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);}

@media screen and (max-width: 751px){
    .w016_about_us_culture_78_wrapper{padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);}
}


#w016_about_us_culture_78_title .title{flex: 1;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);}
#w016_about_us_culture_78_title .nav .left{margin-right:25px;}
#w016_about_us_culture_78_title .nav .left,
#w016_about_us_culture_78_title .nav .right{font-size: 30px;color: #999999;}

#w016_about_us_culture_78_title.myleft{}
#w016_about_us_culture_78_title.myright{flex-direction: row-reverse;text-align:right;}
#w016_about_us_culture_78_title.mycenter{text-align: center;justify-content:center;align-items:center;flex-direction: column;gap: 20px;}

@media screen and (max-width: 751px){
    #w016_about_us_culture_78_title .title{font-size: var(--font-big-S);line-height: var(--font-big-L);font-weight: var(--font-big-B);}
    #w016_about_us_culture_78_title .nav .left,
    #w016_about_us_culture_78_title .nav .right{font-size:var(--font-txt-S)}
}

@media (any-hover: hover) {
    #w016_about_us_culture_78_title .nav{margin-top: auto;}
    #w016_about_us_culture_78_title .nav .left,
    #w016_about_us_culture_78_title .nav .right{font-size:var(--font-sma-S);}
    #w016_about_us_culture_78_title .nav .left:hover,
    #w016_about_us_culture_78_title .nav .right:hover{color:#333333}
}



#w016_about_us_culture_78_show{padding-top: 75px;padding-left:7%}

#w016_about_us_culture_78_show .container{overflow: visible;}
#w016_about_us_culture_78_show .slide{height: 574px;width: 1000px;position: relative;}
#w016_about_us_culture_78_show .slide::before{content: '';width:0;height: 0;;border-width:0 0;border-style: solid;border-color: transparent; border-left-color: #333;border-right:none;border-top:none;position: absolute;top: 0;left: 0;transition:0.6s;opacity: 0.03;}
#w016_about_us_culture_78_show .slide::after{content: '';;width:0;height: 0;;border-width:0 0;border-style: solid;border-color: transparent; border-right-color: #333;border-left:none;border-bottom:none;opacity:0.03;position: absolute;bottom: 0;right: 0;transition:0.6s;}

#w016_about_us_culture_78_show .slide .text{position: relative;z-index: 3;width: 100%;margin-top: auto;}

#w016_about_us_culture_78_show .slide .date .num{font-size: 48px;color:#fff;position: relative;line-height: 1.6;}
#w016_about_us_culture_78_show .slide .date .num::before{content: '';border-bottom: 1px solid #fff; width: 100px;height: 1px;position: absolute;bottom: 0;}
#w016_about_us_culture_78_show .slide .date .num::after{content: '';width: 7px;height: 7px;border-radius: 50%;background-color: #fff;left:6.5%;bottom:29%;position: absolute;}
#w016_about_us_culture_78_show .slide .date .num_en{padding-top: 10px;font-size: 16px;color:#fff}

#w016_about_us_culture_78_show .slide .mess{width: 100%;position: relative;padding: 55px 50px;}
#w016_about_us_culture_78_show .slide .mess.cur{background-color: rgba(0,0,0,0.2);}
#w016_about_us_culture_78_show .slide .mess .tit{font-size: 24px;color:#fff;padding-top: 10px;padding-left: 15px;}
#w016_about_us_culture_78_show .slide .mess .brief{font-size: 16px;color:#fff;padding-top: 22px;transform: translateY(50px);opacity: 0;transition: 0.4s;line-height: 1.6;}

#w016_about_us_culture_78_show .slide .mess .intro{transform: translateY(40px);transition: 0.4s;}
#w016_about_us_culture_78_show .slide .mess .img{width: 55px;height: 55px;border-radius: 50%;background-color: var(--btnColor);}
#w016_about_us_culture_78_show .slide .mess .svgg{width: 20px;height: 20px;fill:#fff;z-index: 2;position: relative;}
#w016_about_us_culture_78_show .slide .mess .svgg *{color: #fff;}

#w016_about_us_culture_78_show .swiper-slide-active .mess .brief{transform: translateY(0);opacity: 1;}
#w016_about_us_culture_78_show .swiper-slide-active .mess .intro{transform:translateY(0);}

@media screen and (max-width: 751px){
    #w016_about_us_culture_78_show{padding: 75px 30px;}
    #w016_about_us_culture_78_show .slide{width:100%}

    #w016_about_us_culture_78_show .slide .mess{width: 100%;height: 100%;}
    #w016_about_us_culture_78_show .slide .text{height: 100%;}
    /* #w016_about_us_culture_78_show .slide .mess.cur{display: none;} */
    #w016_about_us_culture_78_show .slide .mess .tit{font-size:var(--font-sma-S);padding-top: 0;}
    #w016_about_us_culture_78_show .slide .mess .brief{font-size:var(--font-txt-S);line-height:var(--font-txt-L)}
}

@media (any-hover: hover) {
    #w016_about_us_culture_78_show .slide:hover::before,
    #w016_about_us_culture_78_show .slide:hover::after{border-width:1000px 2800px;}
}

#w020_index_products_else_80 {padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);}
#w020_index_products_else_80 .img {width: 60%;}
#w020_index_products_else_80 .img::before {padding-top: 66.66%;}
#w020_index_products_else_80 .text {width: 40%;padding:0 20px;}
#w020_index_products_else_80 .text .title {font-size: var(--font_1st_px);color: var(--font_1st_color);font-weight: var(--font_1st_font_weight);font-style: var(--font_1st_font_style);line-height: var(--font_1st_line_height);}
#w020_index_products_else_80 .text .brief {font-size: 16px;line-height: 1.875;color: #333;margin: 43px 0 73px 0;}
#w020_index_products_else_80 .text .button {font-size: 16px;line-height: 50px;min-width: 150px;height: 50px;padding: 0 16px; 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);}

#w020_index_products_else_80.myleft .text{text-align: left;align-items:flex-start;}
#w020_index_products_else_80.myright .text{text-align: right;align-items: flex-end;}
#w020_index_products_else_80.mycenter .text{text-align: center;align-items: center;}

@media (any-hover:hover) {
    #w020_index_products_else_80 .text .button:hover { color: var(--btn_1st_hover_color);background-color: var(--btn_1st_hover_bg_color);border-color: var(--btn_1st_hover_border_color);}
}
@media screen and (max-width:1000px) {
    #w020_index_products_else_80 .img {width: 100%;}
    #w020_index_products_else_80 .text {width: 100%;padding: 40px;}
}
@media screen and (max-width:750px) {
    #w020_index_products_else_80 {padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);}
    #w020_index_products_else_80 .text .title {font-size: var(--font-sub-S);line-height: var(--font-sub-L);font-weight: var(--font-sub-B);}
    #w020_index_products_else_80 .text .brief {font-size: var(--font-txt-S);}
    #w020_index_products_else_80 .text .button {font-size: var(--font-txt-S);min-width: 250px;height: 75px;line-height:var(--font-txt-L)}
}

.w011_index_footer_23_color {padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);background-color: var(--bg_color);color: var(--font_color_1);overflow: hidden;}

#w011_index_footer_23 {}
#w011_index_footer_23 .head {border-bottom: 1px solid var(--font_color_2);min-height: 150px;}
#w011_index_footer_23 .head .logo {width: 160px;flex-shrink: 0;}
#w011_index_footer_23 .head .logo.widthAuto {width: auto;}
/* #w011_index_footer_23 .head .logo::before {padding-top: 37.5%;} */
/* #w011_index_footer_23 .head .logo img {max-width: 100%;max-height: 100%;flex-shrink: 0;} */
#w011_index_footer_23 .head .pc_nav{flex: 1;display: flex;flex-wrap: wrap;gap: 10px 70px;justify-content: flex-end;margin-left: 30px;}
#w011_index_footer_23 .head .pc_nav .link {font-size: 16px;line-height: 2;display: block;transition: 0.3s;}

#w011_index_footer_23 .contact {margin-top: 30px;}
#w011_index_footer_23 .contact .dt {font-size: 30px;line-height: 1.6;padding: 5px 0;}
#w011_index_footer_23 .contact .dt .icon {font-size: 30px;margin-left: 20px;}
#w011_index_footer_23 .contact .dt .icon:first-child{margin-left: 0;}
#w011_index_footer_23 .contact .dd {font-size: 16px;line-height: 1.6;padding: 5px 0;}

@media (any-hover: hover){
    #w011_index_footer_23 .head .pc_nav .link:hover{color:var(--hover_color);text-decoration:underline;}
}



@media screen and (max-width:750px) {
    .w011_index_footer_23_color {padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);}
    #w011_index_footer_23 .head {border: none;height: auto;flex-direction: column;}
    #w011_index_footer_23 .head .logo {min-width: 100%;display: none;}
    #w011_index_footer_23 .head .pc_nav{margin-left: 0;width: 100%;}
    #w011_index_footer_23 .head .pc_nav .link {font-size: var(--font-txt-S);line-height: var(--font-txt-L);border-bottom: 1px solid var(--font_color_2);padding: 20px 0;width: 100%;}

    #w011_index_footer_23 .contact .dt {font-size: var(--font-sub-S);line-height: var(--font-sub-L);padding: 10px 0 30px;}
    #w011_index_footer_23 .contact .dt .icon {font-size: var(--font-sub-S);}
    #w011_index_footer_23 .contact .dd {font-size: var(--font-txt-S);line-height: var(--font-txt-L);padding: 10px 0;}
    #w011_index_footer_23 .contact_left .dd{padding: 10px 0 30px;}
}


#w011_index_footer_23_links{font-size: 16px;height: 72px;border-bottom: 1px solid var(--font_color_2);}
#w011_index_footer_23_links .fd_link{display: flex;flex-wrap: wrap;gap: 10px 26px;}
#w011_index_footer_23_links .fd_link span{font-weight: bold;}
@media only screen and (max-width: 750px) {
    #w011_index_footer_23_links{font-size: var(--font-bri-S);line-height: var(--font-bri-L);height: auto;padding: 16px 0;}
}
