.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_14_nav{} #w001_index_header_14_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_14_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_14_nav .head{color: #333;} #w001_index_header_14_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_14_nav .weblogo{height: 100%;overflow: hidden;} #w001_index_header_14_nav .weblogo .logo_w{max-height: 90%;display: var(--head_logo_w);} #w001_index_header_14_nav .weblogo .logo_b{max-height: 90%;display: var(--head_logo_b);} #header.fixed.scroll-top #w001_index_header_14_nav .weblogo .logo_w{display: block;} #header.fixed.scroll-top #w001_index_header_14_nav .weblogo .logo_b{display: none;} #header.fixed.scroll-top.opacity_black #w001_index_header_14_nav .weblogo .logo_w{display: none;} #header.fixed.scroll-top.opacity_black #w001_index_header_14_nav .weblogo .logo_b{display: block;} /* 导航栏目 */ #w001_index_header_14_nav .nav{ --padding: var(--paddingLeft); flex: 1;margin: 0 var(--paddingLeft); --hoverColor: var(--hover_color); } /* 按钮部分 */ #w001_index_header_14_nav .head_btn{display: flex;align-items: center;font-size: 16px;} #w001_index_header_14_nav .head_btn > *{padding: 10px 15px;} #w001_index_header_14_nav .head_btn > *:last-child{padding-right: 0;} #w001_index_header_14_nav .head_btn > * > i{font-size: 20px;} #w001_index_header_14_nav .head_btn .language i{margin-right: 6px;} /* 移动端菜单按钮 */ #w001_index_header_14_nav .head .menu{display: none;padding: 30px 20px;position: relative;cursor: pointer;margin-right: -20px;} #w001_index_header_14_nav .head .menu i{width: 36px;height: 2px;display: block;background: var(--head_fz_color);position: relative;transition: .3s;} #w001_index_header_14_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_14_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_14_nav .head .menu i, #header.fixed.scroll-top #w001_index_header_14_nav .head .menu i::before, #header.fixed.scroll-top #w001_index_header_14_nav .head .menu i::after{background: #fff;} #header.fixed.scroll-top.opacity_black #w001_index_header_14_nav .head .menu i, #header.fixed.scroll-top.opacity_black #w001_index_header_14_nav .head .menu i::before, #header.fixed.scroll-top.opacity_black #w001_index_header_14_nav .head .menu i::after{background: #333;} /* menu_expand 侧边栏展开状态 pc_app 导航栏换行时，控制侧边栏按钮 */ /* 侧边栏菜单展开状态(右侧) */ #header.menu_expand #w001_index_header_14_nav .head{box-shadow: none !important;border-bottom-color: transparent !important;} #header.menu_expand #w001_index_header_14_nav .menu i{background: transparent !important;} #header.menu_expand #w001_index_header_14_nav .menu i::before{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(45deg);} #header.menu_expand #w001_index_header_14_nav .menu i::after{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(-45deg);} #header.menu_expand #w001_index_header_14_nav .head_btn{display: none;} /* 导航栏放不下时 */ .w001_index_header_14.pc_app #w001_index_header_14_nav .head_nav .li{display: none;} .w001_index_header_14.pc_app #w001_index_header_14_nav .head .menu{display: block;} @media only screen and (max-width: 1024px) { #w001_index_header_14_nav .head_nav .li{display: none;} #w001_index_header_14_nav .head .menu{display: block;} /* #w001_index_header_14_nav .head_btn{flex: 1;justify-content: flex-end;} */ } @media only screen and (max-width: 900px) { #w001_index_header_14_nav .head_btn .search i {font-size: 26px;} #w001_index_header_14_nav .head_btn .language{margin-right: 20px;font-size: 20px;} #w001_index_header_14_nav .head_btn .language i {font-size: 26px;margin-right: 10px;} } @media only screen and (max-width: 750px) { #w001_index_header_14_nav .head{height: var(--head_top_height_app);} #header_bg{height: var(--head_top_height_app);} #w001_index_header_14_nav .head_btn .search i {font-size: var(--font-big-S);} #w001_index_header_14_nav .head_btn .language{display: none;} #w001_index_header_14_nav .head .menu{padding: 30px;} #w001_index_header_14_nav .head .menu i{width: 46px;height: 3px;} #w001_index_header_14_nav .head .menu i::before{transform: translateY(-18px);height: 3px;} #w001_index_header_14_nav .head .menu i::after{transform: translateY(18px);height: 3px;} #header.menu_expand #w001_index_header_14_nav .weblogo{opacity: 0;} } /* 左侧出现的状态 head_menu_left */ .head_menu_left #w001_index_header_14_nav .head_nav{display: none;} .head_menu_left #w001_index_header_14_nav .head_btn{flex: initial;} /* 需要隐藏menu的时机 */ .head_menu_left #w001_index_header_14_nav .head .menu{display: none;} .head_menu_left.pc_app #w001_index_header_14_nav .head .menu{display: none;} .w001_index_header_14 #w001_index_header_14_nav .head .menu._left_{display: none;margin-right: 0;margin-left: -20px;} /* 需要展示 menu._left_ 的时机 */ .head_menu_left #w001_index_header_14_nav .head .menu._left_{display: block;} @media only screen and (max-width: 1024px) { .head_menu_left #w001_index_header_14_nav .head .menu{display: none;} .head_menu_left #w001_index_header_14_nav .head .menu._left_{display: block;} .head_menu_left #w001_index_header_14_nav .head_btn{flex: initial;} } /* 轮播大图 */ #w010_index_hengfu_15 .slide{} #w010_index_hengfu_15 .slide .img_pc{width: 100%;} /* 铺满状态 */ #w010_index_hengfu_15.is_fill .slide .img_pc{height: 100vh;max-height: 100vw;object-fit:cover;} #w010_index_hengfu_15 .type-a .slide .img_pc{transform: scale(1)!important;} #w010_index_hengfu_15 .type-c .slide .img_pc{transform:scale(1)!important;} @media (any-hover: hover) { #w010_index_hengfu_15 .box:hover{opacity: 1;} } #w010_index_hengfu_15_nav{border-radius: 10px;transform: translate(-50%,0);z-index:5;bottom: -56px;left:49.5%;position: absolute;} #w010_index_hengfu_15_nav .container{width: 320px;background-color: #fff;border-radius: 20px;} #w010_index_hengfu_15_nav .slide{padding: 23px 20px 23px 23px;height: 235px;border-radius: 20px;} #w010_index_hengfu_15_nav .slide .img{padding-top: 56.93%;border-radius: 10px;} #w010_index_hengfu_15_nav .box{width: 55px;position: absolute;top:-140%;right:2.28%;z-index: 10;transition: 0.6s;} #w010_index_hengfu_15_nav .box i{font-size: 16px;color:#333333;width: 55px;height: 55px;background-color: #f6f6f6;border-radius: 35px;transition: 0.6s;} #w010_index_hengfu_15_nav .box .prev{margin-top: 16px;} #w010_index_hengfu_15_nav .swiper-pagination{display: flex;align-items: center;bottom: 20px;left: 20px;} #w010_index_hengfu_15_nav .swiper-pagination .swiper-pagination-bullet{font-size: 0;margin: 0 10px;align-self: center;display: flex;justify-content: center;} #w010_index_hengfu_15_nav .swiper-pagination .swiper-pagination-bullet:first-child{margin-left: 0;} #w010_index_hengfu_15_nav .swiper-pagination .swiper-pagination-bullet-active{background-color: transparent;font-size: 16px;height: auto;color:var(--hoverColor)} @media (any-hover: hover) { #w010_index_hengfu_15_nav .box i:hover{background-color: var(--hoverColor);color: #fff;} } @media screen and (max-width:1200px){ #w010_index_hengfu_15_nav .box{top: -100%;} } @media screen and (max-width:1000px){ #w010_index_hengfu_15_nav .box{display: none;} } @media screen and (max-width:750px){ #w010_index_hengfu_15{display: none;} #w010_index_hengfu_15_nav{display: none;} } .w010_index_case_16_wrap{padding-top:var(--paddingTop);padding-bottom: var(--paddingBottom);background-color:var(--bgColor);} @media screen and (max-width: 751px){ .w010_index_case_16_wrap{padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} } /* 标题部分 */ #w010_index_case_16_text {font-size: 16px;} #w010_index_case_16_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);text-align: center;} #w010_index_case_16_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);text-align: center;margin-bottom: 72px;line-height: 1;} #w010_index_case_16_text .nav{padding-top: 35px;margin-bottom: 65px; font-size: 16px;} #w010_index_case_16_text .nav li{color:#666666;font-size: 16px;margin-left: 68px;position: relative;} #w010_index_case_16_text .nav li:before{content:'';height: 1px;width: 12px;position: absolute;border-top:1px solid black;top:11px;left: -15px;;opacity: 0;transform: translateX(-50%);} #w010_index_case_16_text .nav li.cur:before{opacity: 1;border-color: var(--hoverColor);} #w010_index_case_16_text .nav .cur{color: var(--hoverColor);} @media (any-hover: hover) { } @media screen and (max-width: 751px){ #w010_index_case_16_text .title{font-size: var(--font-txt-S);line-height: var(--font-txt-L);font-weight: var(--font-txt-B);} #w010_index_case_16_text .title_en{font-size: var(--font-big-S);line-height: var(--font-big-L);font-weight: var(--font-big-B);margin-bottom: 20px;} #w010_index_case_16_text .nav .show{display: grid;grid-template-columns:repeat(2,50%);row-gap: 20px;} #w010_index_case_16_text .nav li{font-size: var(--font-sma-S);margin:0 auto} #w010_index_case_16_text .nav li:first-child:before{display: none;} #w010_index_case_16_text .nav li:before{display: none;} } /* 结束 */ /* 轮播图部分 */ #w010_index_case_16_decoration .box{width: 1245px;display: flex;justify-content: space-between;position: absolute;top:49%;left: 50%;transform: translateX(-50%);z-index: 10;pointer-events: none;} #w010_index_case_16_decoration .box .prev, #w010_index_case_16_decoration .box .next{pointer-events: visible;} #w010_index_case_16_decoration .box i{font-size: 16px;color:#333333;width: 55px;height: 55px;background-color: #FBFBFB;;border-radius: 35px;transition: .6s;} #w010_index_case_16_decoration .h1 .bri{opacity: 0;padding-left: 23px;transition:0.75s;transform: translateY(-125px);} #w010_index_case_16_decoration .h1 .bri .name{font-size: 24px; font-weight: 500;margin-top: 25px;margin-bottom: 15px;color:#404040 ;} #w010_index_case_16_decoration .h1 .bri .brief{color:#666666;font-size: 16px; margin-bottom: 15px;font-weight: 400;} #w010_index_case_16_decoration .h1 .bri .right{font-size: 20px;margin-top: 50px;color:var(--hoverColor);margin-right: 34px;} #w010_index_case_16_decoration .slide .showImg{height: 558px;width: 100%;background-color: #ccc; border-radius: 20px;transition:0.5s;transform: translateY(80px);} /* 轮播图特殊部分 */ #w010_index_case_16_decoration{display:block ;} #w010_index_case_16_decoration .container .slide{transform:scale(.8); -webkit-transform:scale(1);height:739px;width: 1045px;position: relative;} #w010_index_case_16_decoration .container .swiper-slide-active .right{display:block} #w010_index_case_16_decoration .container .swiper-slide-active .bri{opacity: 1;} #w010_index_case_16_decoration .container .swiper-slide-active .showImg{z-index: 3;} #w010_index_case_16_decoration .container .swiper-slide-active, #w010_index_case_16_decoration .container .swiper-slide-duplicate-active{transform:scale(1); -webkit-transform:scale(1);} @media (any-hover: hover) { #w010_index_case_16_decoration .box i:hover{background-color: var(--hoverColor);color: #fff;} #w010_index_case_16_decoration .container .swiper-slide-active:hover .bri{transform: translateY(0px);} #w010_index_case_16_decoration .container .swiper-slide-active:hover .showImg{transform: translateY(0);} } @media screen and (max-width:1200px){ #w010_index_case_16_decoration .box{opacity: 0;} } @media screen and (max-width:1100px){ #w010_index_case_16_decoration .container .slide{width: 800px;} } @media screen and (max-width:850px){ #w010_index_case_16_decoration .container .slide{ width:750px;} } @media screen and (max-width: 751px){ #w010_index_case_16_decoration .container .slide{ width: 675px;height: auto;} #w010_index_case_16_decoration .h1 .bri{transform: translateY(-150px);} #w010_index_case_16_decoration .h1 .bri .right{display: none;} #w010_index_case_16_decoration .h1 .bri .name{font-size: var(--font-sma-S); line-height:var(--font-txt-L);margin-bottom: 30px;} #w010_index_case_16_decoration .h1 .bri .brief{font-size: var(--font-txt-S);line-height:var(--font-txt-L)} #w010_index_case_16_decoration .container .swiper-slide-active .bri{transform: translateY(0px);} #w010_index_case_16_decoration .container .swiper-slide-active .showImg{transform: translateY(0);} } /* 结束 */ /* 全局 */ .w010_index_team_17_wrap{padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);} @media screen and (max-width:1200px) { .w010_index_team_17_wrap{padding-top: var(--appPaddingTop);padding-bottom:var(--paddingBottom);} } /* 标题部分 */ #w010_index_team_17_title .tit{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_team_17_title .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);line-height: 1;} #w010_index_team_17_title .page{font-size:16px;margin-top: 36px;display: flex;} #w010_index_team_17_title .page .step{color: var(--mainColor);font-size:24px;} #w010_index_team_17_title .page span:nth-child(n+1){padding-top: 8px;padding-left: 2px;} #w010_index_team_17_title .top{margin-bottom: auto;margin-top: 20px;} #w010_index_team_17_title .box i{font-size: 16px;color:#333333;width: 55px;height: 55px;background-color: #FBFBFB;;border-radius: 35px;transition: 0.5s;font-weight: bold;} #w010_index_team_17_title .box .prev{margin-right: 19px;} /* 图标区 */ #w010_index_team_17_title .add{width: 44px;height: 40px;} #w010_index_team_17_title .more{width: 200px;margin-top: 55px;} #w010_index_team_17_title svg { width: 44px; height: 44px; top: 0px; z-index: 5; } #w010_index_team_17_title 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 screen and (max-width:751px) { #w010_index_team_17_title .top{margin-top: 10px;} #w010_index_team_17_title .add{font-size: var(--font-big-S);border: 1px solid var(--mainColor);width: 80px;height: 80px;border-radius: 50%;} #w010_index_team_17_title .box i{width: 80px;height: 80px;background-color: var(--mainColor);color: #fff;border-radius: 50%;} #w010_index_team_17_title .tit{font-size: var(--font-txt-S);line-height: var(--font-txt-L);font-weight: var(--font-txt-B);} #w010_index_team_17_title .brief{font-size: var(--font-big-S);line-height: var(--font-big-L);font-weight: var(--font-big-B);} #w010_index_team_17_title .page{font-size:var(--font-bri-S);margin-top: 20px;} #w010_index_team_17_title .page .step{font-size: var(--font-sma-S);} #w010_index_team_17_title .page span:nth-child(n+1){padding-top:9px;} } @media (any-hover: hover) { #w010_index_team_17_title .box i:hover{background-color: var(--mainColor);color: #fff;} #w010_index_team_17_title a:hover svg circle {stroke-dasharray:0;} } /* 结束 */ /* 结束 */ /* 产品图hover */ #w010_index_team_17_swi .wrapper{top:37px} #w010_index_team_17_swi .slide {display: flex;} #w010_index_team_17_swi .slide .showImg{width:50%;} #w010_index_team_17_swi .slide .picture{padding-top: 80.66%;;z-index:3;} #w010_index_team_17_swi .slide .picture::before{content:'';position: absolute;top:25.12%; left:39%;;width: 320px;height: 320px;background-color: var(--mainColor) ;border-radius: 50%;z-index:2; } #w010_index_team_17_swi .slide .picture .imgg{max-height: 100%;max-width: 100%;bottom: 0;right:0;z-index:3; animation:w010_index_team_17_move 3.5s linear 0s infinite alternate;} #w010_index_team_17_swi .slide .text{padding-left: 60px;padding-top:150px;width: 46.875%;} #w010_index_team_17_swi .slide .text .name{font-size: 48px; font-weight: 500;line-height:58px;} #w010_index_team_17_swi .slide .text .position{font-size: 16px; color:#666666; margin-top:5px;} #w010_index_team_17_swi .slide .text .brief{font-size: 16px; margin-top: 63px;width: 417px;margin-bottom: 100px;font-weight: 400;} #w010_index_team_17_swi .btn{width: 300px;height:125px;left:50%;bottom:0;z-index: 5;} #w010_index_team_17_swi .btn .a{width: 120px;height: 50px;background-color: var(--mainColor);border-radius: 25px;font-size: 30px; color: #fff;position: absolute;z-index: 1;} @media screen and (max-width:1200px) { #w010_index_team_17_swi .slide .picture .imgg{margin-left: 0;} #w010_index_team_17_swi .slide .text{padding-left: 0;} #w010_index_team_17_swi .btn .a{opacity: 0;} } @media screen and (max-width:1150px) { #w010_index_team_17_swi .slide{flex-direction: column;} #w010_index_team_17_swi .slide .showImg{width: 100%;} #w010_index_team_17_swi .slide .text{width: 100%;padding-top: 20px;} #w010_index_team_17_swi .slide .text .brief{width: 100%;} #w010_index_team_17_swi .slide .picture .imgg{animation: none;left: 21%;} } @media screen and (max-width:950px) { #w010_index_team_17_swi .slide .picture::before{opacity: 0;} } @media screen and (max-width:900px) { } @media screen and (max-width:751px) { #w010_index_team_17_swi .slide .text .name{font-size:var(--font-sub-S)} #w010_index_team_17_swi .slide .text .position{font-size:var(--font-txt-S)} #w010_index_team_17_swi .slide .text .brief{font-size:var(--font-txt-S)} } @keyframes w010_index_team_17_move{ 0%{ transform: translateX(0); } 100%{ transform: translateX(10%); } } .w010_index_about_18_wrap{padding-top:var(--paddingTop);padding-bottom: var(--paddingBottom);} @media screen and (max-width: 1024px){ .w010_index_about_18_wrap{padding-left: 50px;} } @media screen and (max-width: 751px){ .w010_index_about_18_wrap{background:none!important;padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} } /* 全局 */ /* 布局 */ .w010_index_about_18_wrap .img{height: 371px;} .w010_index_about_18_wrap .w010_index_about_18_wrapper{display: flex;} .w010_index_about_18_wrapper .img{height: 371px;width: 257px;right: 3.4%;top:62.18%;} .w010_index_about_18_wrapper .pic{height: 200px;} @media screen and (max-width: 1200px){ .w010_index_about_18_wrapper .img{display: none;} } @media screen and (max-width: 1024px){ .w010_index_about_18_wrap{padding-left: 50px;} .w010_index_about_18_wrap .w010_index_about_18_wrapper{display:inline-block;} } @media screen and (max-width: 751px){ .w010_index_about_18_wrapper .pic{height: 400px;} } /* 结束 */ #w010_index_about_18_text{width: 34.92%;} #w010_index_about_18_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_18_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_18_text{width: 100%;text-align: center;} #w010_index_about_18_text .title_cn{font-size: var(--font-txt-S);line-height: var(--font-txt-L);font-weight: var(--font-txt-B);} #w010_index_about_18_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_18_images{display:none;} #w010_index_about_18_images .pic{height: 150px;} @media screen and (max-width: 751px){ #w010_index_about_18_images{display:block;margin-bottom: 30px;} } /* 介绍区 */ #w010_index_about_18_introduce{width: 64.92%;} #w010_index_about_18_introduce .name{font-size: 24px; font-weight: 600; color: var(--hoverColor);margin: 40px 0 19px 40px;} #w010_index_about_18_introduce .name::before{content:'';height: 1px;width: 13px;position: absolute;border-top:1px solid var(--hoverColor);top:55px;left:0px} #w010_index_about_18_introduce .brief{font-size: 16px; color:#999999;margin-bottom: 62px;margin-left: 40px;} #w010_index_about_18_introduce .detail{font-size: 16px;color: #666666;margin-bottom: 38px;} @media screen and (max-width: 1024px){ #w010_index_about_18_introduce{width: 100%;} } @media screen and (max-width:751px){ #w010_index_about_18_introduce{width:100%;} #w010_index_about_18_introduce .name{font-size:var(--font-sub-S);margin: 0;text-align: center;} #w010_index_about_18_introduce .brief{font-size:var(--font-sma-S);line-height:var(--font-sma-L);margin: 20px 0;text-align: center;} #w010_index_about_18_introduce .detail{font-size:var(--font-txt-S);line-height:var(--font-txt-L)} } /* 图标区 */ #w010_index_about_18_introduce .circle::before{content:'\e665';width: 20px;height: 20px;} #w010_index_about_18_introduce .add{width: 44px;height: 40px;} #w010_index_about_18_introduce .more{margin-top:38px;} #w010_index_about_18_introduce svg { width: 44px; height: 44px; top: 0px; z-index: 5; } #w010_index_about_18_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_18_introduce a:hover svg circle {stroke-dasharray:0;} } @media screen and (max-width: 751px){ #w010_index_about_18_introduce .add{display: none;} } /* 结束 */ /* 全局 */ .w010_index_server_19_wrapper{display: flex;padding-top:var(--paddingTop);padding-bottom:var(--paddingBottom);} @media screen and (max-width:1300px) { .w010_index_server_19_wrapper{display: inline-block;padding-left: 70px;} } @media screen and (max-width:750px) { .w010_index_server_19_wrapper{padding-top:var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);display: block;padding-left: 0;} } /* 结束 */ /* 标题 */ #w010_index_server_19_title{width:34.92%;} #w010_index_server_19_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_19_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_19_title{width: 100%;} #w010_index_server_19_title .title .en{margin-bottom: 0;} #w010_index_server_19_title .title .en{margin-bottom: 50px;} } @media screen and (max-width:750px) { /* #w010_index_server_19_title .title .cn{font-size: var(--font-txt-S);line-height: var(--font-txt-L);font-weight: var(--font-txt-B);} */ /* #w010_index_server_19_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_19_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_19_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_19_flow{width: 65%;} #w010_index_server_19_flow .nav{margin-left: 50px;} #w010_index_server_19_flow .nav::before{content: ''; width: 1px;height: calc(100% - -25px);background-color: #ccc;position:absolute;top: 8px;} #w010_index_server_19_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_19_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_19_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_19_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_19_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_19_flow .nav .time .svgg{max-width:50%;max-height:50%;fill:#fff;top:50%;left: 50%;transform: translate(-50%,-50%);} #w010_index_server_19_flow .nav .time .svgg *{fill:#fff} #w010_index_server_19_flow .nav .brief{width:539px;z-index: 10;transition: 0.6s;} #w010_index_server_19_flow .nav .brief .title{font-size: 20px;color:#404040;font-weight: 400;transition: 0.6s;} #w010_index_server_19_flow .nav .brief .detail{font-size: 16px;color:#999999;font-weight: 400;margin-top: 7px;transition: 0.6s;} #w010_index_server_19_flow .add{width: 40px;height: 40px;top:44px;left:-8px;position: absolute;} #w010_index_server_19_flow svg { width: 44px; height: 44px; top: 31px; left: -22px; } #w010_index_server_19_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_19_flow .nav .lili:hover .li::before{opacity: 1;height: 100%;} #w010_index_server_19_flow .nav .li:hover .brief .title{color: #fff!important} #w010_index_server_19_flow .nav .li:hover .detail{color:#fff;opacity: .7;} #w010_index_server_19_flow .nav .li:hover .time{color: var(--mainColor); background-color: #fff;z-index: 10;} #w010_index_server_19_flow .nav .li:hover .time .svgg *{fill:var(--mainColor)} #w010_index_server_19_flow .nav .li:hover .navv::after{opacity: 1;background-color: #fff;} #w010_index_server_19_flow .nav .li:hover::after{background-color:var(--mainColor);} #w010_index_server_19_flow a:hover svg circle {stroke-dasharray:0;} } @media screen and (max-width:1300px) { #w010_index_server_19_flow{width: 100%;} } @media screen and (max-width:751px) { #w010_index_server_19_flow .nav{margin-left: 0;padding: 0;} /* #w010_index_server_19_flow .nav::before{width: 0;} */ #w010_index_server_19_flow .nav .time{display: none;} #w010_index_server_19_flow .nav .brief{width:100%;} #w010_index_server_19_flow .nav .brief .title{font-size: var(--font-sma-S);line-height:var(--font-sma-L)} #w010_index_server_19_flow .nav .brief .detail{font-size:var(--font-txt-S);line-height:var(--font-txt-L)} #w010_index_server_19_flow .nav .li{margin-left: 0;padding: 38px 0 0 33px;} #w010_index_server_19_flow .nav .lili{margin-bottom: 30px;} /* #w010_index_server_19_flow .nav .lili .li::before{opacity: 1;height: 100%;} */ /* #w010_index_server_19_flow .nav .li .brief .title{color: #fff!important} */ /* #w010_index_server_19_flow .nav .li .detail{color:#fff;opacity: .7;} */ /* #w010_index_server_19_flow .nav .li .time{color: var(--mainColor); background-color: #fff;z-index: 10;} */ #w010_index_server_19_flow .nav .li .time .svgg *{fill:var(--mainColor)} #w010_index_server_19_flow .nav .li .navv::after{opacity: 1;background-color: #fff;left: -8px;} /* #w010_index_server_19_flow .nav .li::after{background-color:var(--mainColor);} */ #w010_index_server_19_flow a svg circle {stroke-dasharray:0;} } /* 结束 */ /* 全局 */ .w010_index_video_20 {padding-top:var(--paddingTop);padding-bottom:var(--paddingBottom);} .w010_index_video_20 .conn{display: flex;} @media (max-width: 1250px){ .w010_index_video_20 .conn{display:inline;} } @media (max-width: 750px){ .w010_index_video_20 {background: transparent;padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} } /* 结束 */ /* 内容 */ #w010_index_video_20_content{width:36.1%;padding-right: 4%;} #w010_index_video_20_content .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_video_20_content .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);margin-bottom: 304px;line-height: 1;} #w010_index_video_20_content .container .li .name{font-size: 36px; color:#404040;} #w010_index_video_20_content .container .li .name_en{font-size: 12px; color:#666666;margin-bottom: 60px;} #w010_index_video_20_content .container .li .brief{font-size: 16px; color:#666666;line-height: 1.8;} @media (max-width: 1250px){ #w010_index_video_20_content{width: 100%;} #w010_index_video_20_content .title .en{margin-bottom: 50px;} #w010_index_video_20_content .title{text-align: center;} #w010_index_video_20_content .container .li .intro{display: flex; align-items: center;} #w010_index_video_20_content .container .li .brief{margin-bottom: 50px;} } @media (max-width: 750px){ #w010_index_video_20_content{padding-left: 30px;} #w010_index_video_20_content .title .cn{font-size: var(--font-txt-S);line-height: var(--font-txt-L);font-weight: var(--font-txt-B);margin-bottom: 10px;} #w010_index_video_20_content .title .en{font-size: var(--font-big-S);line-height: var(--font-big-L);font-weight: var(--font-big-B);} #w010_index_video_20_content .container .li .name{font-size:var(--font-sub-S);margin-bottom: 10px;} #w010_index_video_20_content .container .li .name_en{font-size: var(--font-sma-S)} #w010_index_video_20_content .container .li .brief{font-size:var(--font-txt-S);line-height:var(--font-txt-L)} } /* 结束 */ /* 图片 */ #w010_index_video_20_video{width:59.42%} #w010_index_video_20_video .bofang {width: 180px;height: 180px;color: #fff;z-index: 5;top: 50%;left: 50%;transition: 0.5s; opacity: 1;transform: translate(-50%,-50%);} #w010_index_video_20_video .bofang .ico {font-size: 24px;margin-bottom: 20px;} #w010_index_video_20_video .bofang .txt {font-size: 18px;} #w010_index_video_20_video .bofang .cirus{position: absolute;top: 50%;left: 50%;width:180px;height: 180px;border: 1px solid rgba(255, 255, 255, 1);border-radius: 50%;transform: translate(-50%,-50%);transition: 0.3s;} #w010_index_video_20_video .video{object-fit:cover;width: 100%;padding-top: 20px;border-radius: 20px;transition: .5s;} /* 结束 */ /* 箭头 */ #w010_index_video_20_video .arrow{width: 160px;height: 100px;background: var(--btnColor);border-radius: 15px;right:-78px;bottom:23.23%;z-index: 10;} #w010_index_video_20_video .arrow .prev{margin-left: 36px;color: #fff;} #w010_index_video_20_video .arrow .next{margin-right: 36px;color: #fff;} #w010_index_video_20_video .arrow .line{width: 1px;height: 32px;color: #fff;border-left: 1px solid #fff;opacity: 0.3;margin-top: 35px;} @media (any-hover: hover) { #w010_index_video_20_video .slide:hover .bofang .cirus{width: 500px;height: 500px;border-color:rgba(255, 255, 255, 0) ;} } @media (max-width: 1250px){ #w010_index_video_20_video{width: 100%;padding: 0 30px;} #w010_index_video_20_video .arrow{display: none;} } @media (max-width: 750px){ #w010_index_video_20_video .bofang{width: 250px;height: 250px;} #w010_index_video_20_video .bofang .cirus{width: 250px;height: 250px;} #w010_index_video_20_video .bofang .ico {font-size: var(--font-sma-S)} #w010_index_video_20_video .bofang .txt {font-size: var(--font-txt-S)} } /* 结束 */ /* 全局 */ .w010_index_blog_21_wrap{padding-top: var(--paddingTop);padding-bottom:var(--paddingBottom);} @media screen and (max-width:1200px) { .w010_index_blog_21_wrap{padding-top: var(--paddingTop);padding-bottom:var(--paddingBottom);} } /* 结束 */ /* 标题部分 */ #w010_index_blog_21_title {padding-top:var(--paddingTop);} #w010_index_blog_21_title .tit{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_blog_21_title .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: 1;} #w010_index_blog_21_title .box .nav{padding-top: 35px;} #w010_index_blog_21_title .box .nav li{color:#666666;font-size: 16px;margin-left: 68px;position: relative;} #w010_index_blog_21_title .box .nav li:before{content:'';height: 1px;width: 12px;color:#333333;position: absolute;border-top:1px solid black;top:11px;left:-15px;opacity: 0;transform: translateX(-50%);} #w010_index_blog_21_title .box .nav li.cur{color: var(--hoverColor);} #w010_index_blog_21_title .box .nav li.cur:before{opacity: 1;border-color: var(--hoverColor);} @media (any-hover: hover) { } @media screen and (max-width:751px) { #w010_index_blog_21_title{flex-direction: column;} #w010_index_blog_21_title .tit{font-size: var(--font-txt-S);line-height: var(--font-txt-L);font-weight: var(--font-txt-B);text-align: center;} #w010_index_blog_21_title .brief{font-size: var(--font-big-S);line-height: var(--font-big-L);font-weight: var(--font-big-B);text-align: center;margin-bottom: 30px;} #w010_index_blog_21_title .box{display: inline;} #w010_index_blog_21_title .box .nav ul{display: grid;grid-template-columns:repeat(2,50%);row-gap: 50px;} #w010_index_blog_21_title .box .nav li{margin-left: 80px;font-size: var(--font-sma-S);} #w010_index_blog_21_title .box .nav li:before{top: 20px;} } /* 结束 */ /* 轮播部分 */ #w010_index_blog_21_detail{margin-top:142px} #w010_index_blog_21_detail .container .slide{height: 485px;} #w010_index_blog_21_detail .container .slide .datee{transition: .5s;} #w010_index_blog_21_detail .container .slide .number{font-size: 60px; font-weight: bold;color:#CCCCCC;margin: 48px 0 -10px 0;} #w010_index_blog_21_detail .container .slide .date{font-size: 12px; font-weight: normal ; color: #CCCCCC;margin-bottom: 42px;margin-top:5px;} #w010_index_blog_21_detail .container .slide .tit{font-size: 18px;color: #333333;font-weight: 400;margin-bottom: 28px;height: 45px;} #w010_index_blog_21_detail .container .slide .brief{font-size: 16px; color: #666666;font-weight: 400;margin-bottom: 45px;line-height: 1.8;} #w010_index_blog_21_detail .container .slide .box{font-size:45px;color: #CCCCCC;} #w010_index_blog_21_detail .container .slide .pic{height: 415px;width: 100%;top:20px; opacity: 0;transition: 0.5s;border-radius: 15px;} #w010_index_blog_21_detail .container .slide .pic .img{width: 100%;height: 100%;} #w010_index_blog_21_detail .container .slide .pic .time{top: 0;left: 0;width: 155px;height: 155px;background-color: var(--hoverColor);border-radius: 15px 0px 15px 0px;color: #FFFFFF;transition: 0.5s;} #w010_index_blog_21_detail .container .slide .pic .time .number{margin-top: 35px;} #w010_index_blog_21_detail .circle-page{border-radius: 25px ; border:1px solid var(--hoverColor)} #w010_index_blog_21_detail .swiper-pagination-bullet-active{background-color: #fff; border: 1px solid var(--hoverColor); border-radius: 50%;} @media (any-hover: hover) { #w010_index_blog_21_detail .container .slide:hover .datee{margin-left: 40px;z-index: 5;color: #fff;} #w010_index_blog_21_detail .container .slide:hover .number{color: #fff;} #w010_index_blog_21_detail .container .slide:hover .date{color: #fff;} #w010_index_blog_21_detail .container .slide:hover .pic{opacity: 1;box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);transform:translateY(-10px);} #w010_index_blog_21_detail .container .slide:hover .pic .time{padding-left: 41px;} #w010_index_blog_21_detail .container .slide:hover .pic .number, #w010_index_blog_21_detail .container .slide:hover .pic .date{color: #FFFFFF;} } @media screen and (max-width:751px) { #w010_index_blog_21_detail{margin-top: 80px;} #w010_index_blog_21_detail .container .slide{height: 760px;} #w010_index_blog_21_detail .container .slide .box{display: none;} #w010_index_blog_21_detail .container .slide .number{display: none;} #w010_index_blog_21_detail .container .slide .date{display: none;} #w010_index_blog_21_detail .container .slide .tit{font-size:var(--font-sma-S);} #w010_index_blog_21_detail .container .slide .brief{font-size:var(--font-txt-S); line-height:var(--font-txt-L);} #w010_index_blog_21_detail .container .slide .datee{z-index: 5;color: #fff;} #w010_index_blog_21_detail .container .slide .pic{opacity: 1;box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);transform:translateY(-10px);position: static;} #w010_index_blog_21_detail .container .slide .pic .time{display: none;} #w010_index_blog_21_detail .container .slide .pic .number, #w010_index_blog_21_detail .container .slide .pic .date{color: #FFFFFF;} #w010_index_blog_21_detail .swiper-pagination-bullet{width: 20px;height: 20px;margin:0 10px} } .w011_index_footer_22_color {padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);background-color: var(--bg_color);color: var(--font_color_1);overflow: hidden;} #w011_index_footer_22 {} #w011_index_footer_22 .head {border-bottom: 1px solid var(--font_color_2);min-height: 150px;} #w011_index_footer_22 .head .logo {width: 160px;flex-shrink: 0;} #w011_index_footer_22 .head .logo.widthAuto {width: auto;} /* #w011_index_footer_22 .head .logo::before {padding-top: 37.5%;} */ /* #w011_index_footer_22 .head .logo img {max-width: 100%;max-height: 100%;flex-shrink: 0;} */ #w011_index_footer_22 .head .pc_nav{flex: 1;display: flex;flex-wrap: wrap;gap: 10px 70px;justify-content: flex-end;margin-left: 30px;} #w011_index_footer_22 .head .pc_nav .link {font-size: 16px;line-height: 2;display: block;transition: 0.3s;} #w011_index_footer_22 .contact {margin-top: 30px;} #w011_index_footer_22 .contact .dt {font-size: 30px;line-height: 1.6;padding: 5px 0;} #w011_index_footer_22 .contact .dt .icon {font-size: 30px;margin-left: 20px;} #w011_index_footer_22 .contact .dt .icon:first-child{margin-left: 0;} #w011_index_footer_22 .contact .dd {font-size: 16px;line-height: 1.6;padding: 5px 0;} @media (any-hover: hover){ #w011_index_footer_22 .head .pc_nav .link:hover{color:var(--hover_color);text-decoration:underline;} } @media screen and (max-width:750px) { .w011_index_footer_22_color {padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);} #w011_index_footer_22 .head {border: none;height: auto;flex-direction: column;} #w011_index_footer_22 .head .logo {min-width: 100%;display: none;} #w011_index_footer_22 .head .pc_nav{margin-left: 0;width: 100%;} #w011_index_footer_22 .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_22 .contact .dt {font-size: var(--font-sub-S);line-height: var(--font-sub-L);padding: 10px 0 30px;} #w011_index_footer_22 .contact .dt .icon {font-size: var(--font-sub-S);} #w011_index_footer_22 .contact .dd {font-size: var(--font-txt-S);line-height: var(--font-txt-L);padding: 10px 0;} #w011_index_footer_22 .contact_left .dd{padding: 10px 0 30px;} } #w011_index_footer_22_links{font-size: 16px;height: 72px;border-bottom: 1px solid var(--font_color_2);} #w011_index_footer_22_links .fd_link{display: flex;flex-wrap: wrap;gap: 10px 26px;} #w011_index_footer_22_links .fd_link span{font-weight: bold;} @media only screen and (max-width: 750px) { #w011_index_footer_22_links{font-size: var(--font-bri-S);line-height: var(--font-bri-L);height: auto;padding: 16px 0;} }