/* fixed 不占位 scroll-top 头部触顶状态 -> 白字导航 */ :root{ --paddingLeft:67px; --head_top_height:82px; --font_1st_px:20px; /* 一级菜单字体 */ --head_fz_color:#333; /* 菜单按钮颜色 */ } @media only screen and (max-width: 1440px) { :root{ --paddingLeft:50px; --font_1st_px:18px; } } @media only screen and (max-width: 1280px) { :root{ --paddingLeft:30px; } } @media only screen and (max-width: 992px) { :root{ --paddingLeft:.379rem; --head_top_height:.621rem; --font_1st_px:.136rem; } } @media only screen and (max-width: 768px){ :root{ --head_top_height:0.82rem; } } #jsf_web_header_0001_0_nav{height: var(--head_top_height);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);color: #333;transition: 0.3s;} @media screen and (min-width: 1025px) { #header.fixed.scroll-top #jsf_web_header_0001_0_nav{box-shadow: none;color: #fff;} } /* 背景色 */ #header_bg{height: var(--head_top_height);width: 100%;pointer-events: none;transition:background .3s;background: #fff;} @media screen and (min-width: 1025px) { #header.fixed.scroll-top #header_bg{background: transparent;} } /* logo部分 */ #jsf_web_header_0001_0_nav .weblogo{height: 100%;overflow: hidden;max-width:350px;} #jsf_web_header_0001_0_nav .weblogo .logo_w{display: none;} #jsf_web_header_0001_0_nav .weblogo .logo_b{display: block;} #jsf_web_header_0001_0_nav .weblogo img{object-fit: contain;max-height: 80%;} @media screen and (min-width: 1025px) { #header.fixed.scroll-top #jsf_web_header_0001_0_nav .weblogo .logo_w{display: block;} #header.fixed.scroll-top #jsf_web_header_0001_0_nav .weblogo .logo_b{display: none;} } /* 导航栏目 */ #jsf_web_header_0001_0_nav .head_nav{flex: 1;margin:0 3%;} #jsf_web_header_0001_0_nav .head_nav .li{font-size: var(--font_1st_px);height: var(--head_top_height);padding:0 calc(var(--paddingLeft) / 2);transition: .3s ease-out;cursor: pointer;white-space: nowrap;} #jsf_web_header_0001_0_nav .head_nav .li > a{line-height: 2;} /* #jsf_web_header_0001_0_nav .head_nav .li:first-of-type{margin-left: 0;} */ #jsf_web_header_0001_0_nav .head_nav .li:hover, #jsf_web_header_0001_0_nav .head_nav .li.cur{color: var(--mainColor);} #jsf_web_header_0001_0_nav .head_nav .li:last-child{display:none;} /* 对比导航 */ .jsf_web_header_0001_0_nav_width_compare{display: inline-flex;pointer-events: none;position: absolute;top: 0;left: 0;visibility: hidden;opacity: 0;} .jsf_web_header_0001_0_nav_width_compare .head_nav{margin:0 3%;} .jsf_web_header_0001_0_nav_width_compare .head_nav .li{font-size: var(--font_1st_px);padding:0 calc(var(--paddingLeft) / 2);white-space: nowrap;} /* .jsf_web_header_0001_0_nav_width_compare .head_nav .li:first-of-type{margin-left: 0;} */ .jsf_web_header_0001_0_nav_width_compare .head_nav .li:last-child{display:none;} /* 右侧部分 */ #jsf_web_header_0001_0_nav .head_btn{display: flex;align-items: center;font-size: 20px;} #jsf_web_header_0001_0_nav .head_btn .contact{margin-right:40px;border-radius: 25px; /*background-color: rgb(228, 0, 17 ,0.2);*/ width: 148px; height: 50px;backdrop-filter: blur(10px);background-color: rgba(255,255,255,0.1);} #jsf_web_header_0001_0_nav .head_btn .search{margin-right:40px;} #jsf_web_header_0001_0_nav .head_btn .line{background-color: #333;opacity: 0.2;width: 1px;height: 11px;margin: 0 13px;} #jsf_web_header_0001_0_nav .head_btn .lang .txt{margin-left:13px;} #jsf_web_header_0001_0_nav .head_btn .lang .txt1.notcur{opacity: 0.5;} #jsf_web_header_0001_0_nav .head_btn .svg{width:26px;height: auto;fill: #333;} @media screen and (min-width: 1025px) { #header.fixed.scroll-top #jsf_web_header_0001_0_nav .head_btn .svg{fill: #fff;} #header.fixed.scroll-top #jsf_web_header_0001_0_nav .head_btn .line{background-color:#fff;} #header.fixed.scroll-center #jsf_web_header_0001_0_nav .head_btn .contact, #header.fixed.scroll-down #jsf_web_header_0001_0_nav .head_btn .contact{color:#333;box-shadow: 0 4px 6px rgba(0,0,0,0.1);} #jsf_web_header_0001_0_nav .head_btn .contact:hover{background-color: var(--mainColor);color:#fff !important;} } /* 移动端菜单按钮 */ #jsf_web_header_0001_0_nav .head .menu{display: none;padding: 20px 10px;position: relative; cursor: pointer;margin-right: -10px;} #jsf_web_header_0001_0_nav .head .menu i{width: 36px;height: 3px;display: block;background: var(--head_fz_color);position: relative;transition: .3s;} #jsf_web_header_0001_0_nav .head .menu i::before{display: block;content: '';width: 100%;height: 100%;background: var(--head_fz_color);position: absolute;top: 0;transform: translateY(-12px);transition: .3s;} #jsf_web_header_0001_0_nav .head .menu i::after{display: block;content: '';width: 100%;height: 100%;background: var(--head_fz_color);position: absolute;top: 0;transform: translateY(12px);transition: .3s;} @media screen and (min-width: 1025px) { #header.fixed.scroll-top #jsf_web_header_0001_0_nav .head .menu i, #header.fixed.scroll-top #jsf_web_header_0001_0_nav .head .menu i::before, #header.fixed.scroll-top #jsf_web_header_0001_0_nav .head .menu i::after{background: #fff;} } /* menu_expand 侧边栏展开状态 pc_app 导航栏换行时，控制侧边栏按钮 */ /* 菜单按钮 侧边栏展开 */ #header.menu_expand #jsf_web_header_0001_0_nav .head{box-shadow: none !important;border-bottom-color: transparent !important;} #header.menu_expand #jsf_web_header_0001_0_nav .menu i{background: transparent !important;} #header.menu_expand #jsf_web_header_0001_0_nav .menu i::before{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(45deg);} #header.menu_expand #jsf_web_header_0001_0_nav .menu i::after{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(-45deg);} #header.menu_expand #jsf_web_header_0001_0_nav .head_btn{display: none;} @media only screen and (max-width: 768px) { #jsf_web_header_0001_0_nav .head .menu.cur i{background: transparent !important;} #jsf_web_header_0001_0_nav .head .menu.cur i::before{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(45deg);} #jsf_web_header_0001_0_nav .head .menu.cur i::after{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(-45deg);} } /* 控制侧边栏按钮 导航栏换行时 */ .jsf_web_header_0001_0.pc_app #jsf_web_header_0001_0_nav .head_nav {visibility: hidden;opacity: 0;} .jsf_web_header_0001_0.pc_app #jsf_web_header_0001_0_nav .head .menu{display: block;} /* 头部hover效果 */ @media only screen and (min-width: 1025px) { #header.fixed.hover #header_bg{background: #fff;} #header.fixed.hover #jsf_web_header_0001_0_nav{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);color: #333;} #header.fixed.hover #jsf_web_header_0001_0_nav .weblogo .logo_w{display: none;} #header.fixed.hover #jsf_web_header_0001_0_nav .weblogo .logo_b{display: block;} #header.fixed.hover #jsf_web_header_0001_0_nav .head_btn .svg{fill: #333;} #header.fixed.hover #jsf_web_header_0001_0_nav .head_btn .line{background-color:#333;} #jsf_web_header_0001_0_nav:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;color: #333 !important;background-color: #fff;} #jsf_web_header_0001_0_nav:hover .weblogo .logo_w{display: none !important;} #jsf_web_header_0001_0_nav:hover .weblogo .logo_b{display: block !important;} #jsf_web_header_0001_0_nav:hover .head_btn .svg{fill: #333 !important;} #jsf_web_header_0001_0_nav:hover .head_btn .line{background-color:#333 !important;} #jsf_web_header_0001_0_nav:hover .head_btn .contact{color:#333;box-shadow: 0 4px 6px rgba(0,0,0,0.1);} } @media only screen and (max-width: 1440px) { #jsf_web_header_0001_0_nav .head_btn{font-size:18px;} #jsf_web_header_0001_0_nav .head_btn .contact{width:130px;margin-right:20px;} #jsf_web_header_0001_0_nav .head_btn .search{margin-right:20px;} /* #jsf_web_header_0001_0_nav .head_nav, .jsf_web_header_0001_0_nav_width_compare .head_nav{margin:0 3%;} */ } /* @media only screen and (max-width: 1280px) { #jsf_web_header_0001_0_nav .head_nav, .jsf_web_header_0001_0_nav_width_compare .head_nav{margin:0 3%;} } */ @media only screen and (max-width: 1024px) { #jsf_web_header_0001_0_nav .head_nav{display:none;} #jsf_web_header_0001_0_nav .head .menu{display: block;} #jsf_web_header_0001_0_nav .head_btn{flex: 1;justify-content: flex-end;} #jsf_web_header_0001_0_nav .head_btn .contact{display:none;} } @media only screen and (max-width: 992px) { #jsf_web_header_0001_0_nav .weblogo{max-width:50%;} #jsf_web_header_0001_0_nav .head_btn{font-size: .121rem;} #jsf_web_header_0001_0_nav .head .menu{padding: .227rem .152rem;margin-right: -0.152rem;} #jsf_web_header_0001_0_nav .head .menu i{width: .273rem;height: .023rem;} #jsf_web_header_0001_0_nav .head .menu i::before{transform: translateY(-0.091rem);} #jsf_web_header_0001_0_nav .head .menu i::after{transform: translateY(.091rem);} #jsf_web_header_0001_0_nav .head_btn .search{margin-right:.076rem;} #jsf_web_header_0001_0_nav .head_btn .svg{width: .227rem;} } @media only screen and (max-width: 768px) { #jsf_web_header_0001_0_nav .weblogo{max-width:50%;} #jsf_web_header_0001_0_nav .head .menu{padding: .2rem;margin-right:-0.2rem;} #jsf_web_header_0001_0_nav .head .menu i{width: .36rem;height: .03rem;} #jsf_web_header_0001_0_nav .head .menu i::before{transform: translateY(-0.12rem);} #jsf_web_header_0001_0_nav .head .menu i::after{transform: translateY(.12rem);} #jsf_web_header_0001_0_nav .head_btn{font-size:.16rem;} #jsf_web_header_0001_0_nav .head_btn .svg{width: .3rem;} #jsf_web_header_0001_0_nav .head_btn .lang{display:none;} #jsf_web_header_0001_0_mobile_nav{display: block;width: 100%;height: 0;z-index:50;left: 0;right: 0;top:var(--head_top_height);background:#fff;overflow-y: auto;} #jsf_web_header_0001_0_mobile_nav.cur{height: calc(100vh - var(--head_top_height));border-top:1px solid #ebebeb;} #jsf_web_header_0001_0_mobile_nav .nav{width:100%;height:fit-content;padding-bottom:10vw;} #jsf_web_header_0001_0_mobile_nav .one-nav{line-height:0.6rem;} #jsf_web_header_0001_0_mobile_nav .one-nav .one{cursor:pointer; margin: 0 0.3rem;border-bottom: 1px solid #ebebeb;} #jsf_web_header_0001_0_mobile_nav .one-nav .one-a, #jsf_web_header_0001_0_mobile_nav .one-nav .icon{font-size:0.18rem;font-weight: 600;color:#333;transition: 0.3s} #jsf_web_header_0001_0_mobile_nav .one-nav.cur .icon{transform: rotate(90deg);} #jsf_web_header_0001_0_mobile_nav .one-nav .two-nav{display:block;width: 100%;background: #fff;padding: 0 0.3rem;} #jsf_web_header_0001_0_mobile_nav .one-nav .two-nav .two-a{font-size: 0.16rem;font-weight:500;color:#333;border-bottom: 1px solid #ebebeb;padding:0 0.3rem;} #jsf_web_header_0001_0_mobile_nav .bot_box{margin-top:0.3rem;} #jsf_web_header_0001_0_mobile_nav .bot_box .line{margin:0 0.3rem;} #jsf_web_header_0001_0_mobile_nav .bot_box .line, #jsf_web_header_0001_0_mobile_nav .bot_box .lang .txt{font-size:0.18rem;line-height:1.6;color:#333;font-weight:500;} #jsf_web_header_0001_0_mobile_nav .bot_box .lang .txt1.cur{color: var(--mainColor);} } @media only screen and (max-width: 576px) { #jsf_web_header_0001_0_nav .head .menu{padding: .3rem;} #jsf_web_header_0001_0_nav .head .menu i{width: .46rem;height: .04rem;} #jsf_web_header_0001_0_nav .head .menu i::before{transform: translateY(-0.18rem);} #jsf_web_header_0001_0_nav .head .menu i::after{transform: translateY(.18rem);} #jsf_web_header_0001_0_nav .head_btn{font-size:.26rem;} #jsf_web_header_0001_0_nav .head_btn .svg{width: .4rem;} #jsf_web_header_0001_0_mobile_nav .one-nav{line-height:0.8rem;} #jsf_web_header_0001_0_mobile_nav .one-nav .one-a, #jsf_web_header_0001_0_mobile_nav .one-nav .icon{font-size:0.3rem;} #jsf_web_header_0001_0_mobile_nav .one-nav .two-nav .two-a{font-size: 0.28rem;} #jsf_web_header_0001_0_mobile_nav .bot_box .lang .txt{font-size:0.28rem;} } #jsf_web_footer_0001_0{background-color: #ebebeb;padding:95px 0;overflow:hidden;} #jsf_web_footer_0001_0 .foot_logo{width: 300px;} #jsf_web_footer_0001_0 .foot_logo img{object-fit: contain;width:100%;} #jsf_web_footer_0001_0 .foot_nav{flex: 1;display: flex;justify-content: space-between;padding:0 8%;gap:10px;} #jsf_web_footer_0001_0 .foot_nav .ul .title{font-size: 22px;color: #1a1a1a;margin-bottom: 25px;transition: 0.3s;} #jsf_web_footer_0001_0 .foot_nav .ul .title i{display: none;} #jsf_web_footer_0001_0 .foot_nav .ul .li{font-size: 16px;color: rgba(51, 51, 51, 0.5);line-height: 2.125;transition: 0.3s;} #jsf_web_footer_0001_0 .back_top{border-radius: 50%;background-color: rgb(255, 255, 255);width: 45px;height: 45px;color: var(--mainColor);font-size:18px;font-weight:bold;} #jsf_web_footer_0001_0 .copyright{margin-top:88px;} #jsf_web_footer_0001_0 .copyright .info{font-size: 18px;color: rgb(51, 51, 51);display: flex;justify-content: center;flex-wrap: wrap;gap: 30px;text-align:center;} #jsf_web_footer_0001_0 .copyright .txt{margin-top:30px;font-size: 16px;color: rgba(51, 51, 51, 0.3);text-align:center;} #full_screen #jsf_web_footer_0001_0_back{display: none;} #jsf_web_footer_0001_0_back{position: fixed;right:4%;bottom:10%;z-index:21;} #jsf_web_footer_0001_0_back .back_top{opacity:0;pointer-events:none;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);border-radius: 50%;background-color: rgb(255, 255, 255);width: 45px;height: 45px;color: var(--mainColor);font-size:18px;font-weight:bold;} #jsf_web_footer_0001_0_back .back_top.cur{opacity:1;pointer-events: all;} /* 首页整屏滚动样式 */ @media screen and (min-width: 1025px){ .LYYFullScreen #jsf_web_footer_0001_0{padding:9.5vh 0;} .LYYFullScreen #jsf_web_footer_0001_0 .foot_nav .ul .title{margin-bottom: 2.5vh;} .LYYFullScreen #jsf_web_footer_0001_0 .copyright{margin-top:8.8vh;} .LYYFullScreen #jsf_web_footer_0001_0 .copyright .txt{margin-top:3vh;} } @media (any-hover: hover){ #jsf_web_footer_0001_0 .foot_nav .ul .title:hover, #jsf_web_footer_0001_0 .foot_nav .ul .li:hover{color:var(--mainColor);} #jsf_web_footer_0001_0 .back_top:hover{background-color: var(--mainColor);color: #fff;} } @media screen and (max-width:1440px) { #jsf_web_footer_0001_0 .foot_nav{padding:0 6%;} } @media screen and (max-width:1024px) { #jsf_web_footer_0001_0 .top{flex-direction: column;} #jsf_web_footer_0001_0 .foot_nav{padding:4% 0;width:100%;} #full_screen #jsf_web_footer_0001_0_back{display: block;} } @media screen and (max-width:992px) { #jsf_web_footer_0001_0{padding:8vw 0;} #jsf_web_footer_0001_0 .foot_logo{width: 2.273rem;} #jsf_web_footer_0001_0 .foot_nav .ul .title{font-size: .167rem;margin-bottom: .189rem;} #jsf_web_footer_0001_0 .foot_nav .ul .li{font-size: .121rem;} #jsf_web_footer_0001_0_back .back_top, #jsf_web_footer_0001_0 .back_top{width: .341rem;height: .341rem;font-size:.136rem;} #jsf_web_footer_0001_0 .copyright{margin-top:.379rem;} #jsf_web_footer_0001_0 .copyright .info{font-size: .136rem;gap: .227rem;} #jsf_web_footer_0001_0 .copyright .txt{margin-top:.227rem;font-size: .121rem;} } @media screen and (max-width:768px) { #jsf_web_footer_0001_0 .foot_logo{width: 3rem;} #jsf_web_footer_0001_0 .foot_nav{padding:0.5rem 0;display:block;gap:0;} #jsf_web_footer_0001_0 .foot_nav .ul{width:100%;border-bottom:.01rem solid rgba(0,0,0,0.1);} #jsf_web_footer_0001_0 .foot_nav .ul .title{font-size: .22rem;line-height: 0.7rem;margin: 0;} #jsf_web_footer_0001_0 .foot_nav .ul .title i{display: block;} #jsf_web_footer_0001_0 .foot_nav .ul .list{display: none;} #jsf_web_footer_0001_0 .foot_nav .ul .li{font-size: .16rem;line-height: .5rem;padding: 0 .3rem;border-top: .01rem dashed rgba(0,0,0,0.1);} #jsf_web_footer_0001_0 .foot_nav .ul .li a{display: block;} #jsf_web_footer_0001_0_back .back_top, #jsf_web_footer_0001_0 .back_top{width: .45rem;height: .45rem;font-size:.18rem;/*align-self: flex-end;*/} #jsf_web_footer_0001_0 .copyright .info{font-size: .18rem;} #jsf_web_footer_0001_0 .copyright .txt{font-size: .16rem;color: rgba(51, 51, 51, 0.5);} } @media screen and (max-width:576px) { #jsf_web_footer_0001_0 {padding:10vw 0;} #jsf_web_footer_0001_0 .foot_logo{width: 4rem;} #jsf_web_footer_0001_0 .foot_nav .ul .title{font-size: .32rem;line-height:1rem;} #jsf_web_footer_0001_0 .foot_nav .ul .li{font-size: .26rem;line-height: .8rem;} #jsf_web_footer_0001_0_back .back_top, #jsf_web_footer_0001_0 .back_top{width: .6rem;height: .6rem;font-size:.28rem;} #jsf_web_footer_0001_0 .copyright .info{font-size: .28rem;} #jsf_web_footer_0001_0 .copyright .txt{font-size: .26rem;} } /* 首页banner */ #jsf_web_hengfu_0001_0{width:100%;overflow:hidden;} #jsf_web_hengfu_0001_0 .mask{position:absolute;top:0;left:0;width:100%;height:180px;background:url('/module/jsf-web/hengfu/0001/images/mask.png') no-repeat center / cover;z-index:2;pointer-events: none;} #jsf_web_hengfu_0001_0 .slide-inner::after{content:'';position: relative;z-index:1;width:100%;padding-top:50%;pointer-events: none;} #jsf_web_hengfu_0001_0 .slide-inner video, #jsf_web_hengfu_0001_0 .slide-inner img{position: absolute;left:0;top:0;} #jsf_web_hengfu_0001_0 .slide-inner::before{content: '';position: absolute;left:0;right:0;width:100%;height:100%;background-color: rgba(0,0,0,0.2);} #jsf_web_hengfu_0001_0 .name{font-size: 62px;color: rgba(255, 255, 255, 1);line-height: 1.194;text-align:center;} #jsf_web_hengfu_0001_0 .cursor, #jsf_web_hengfu_0001_0 .cursor *{cursor: auto;} /* 首页整屏滚动样式 */ @media screen and (min-width: 1025px){ .LYYFullScreen #jsf_web_hengfu_0001_0{height:100%;} .LYYFullScreen #jsf_web_hengfu_0001_0 .container{width:100%;height:100%;} .LYYFullScreen #jsf_web_hengfu_0001_0 .slide-inner video, .LYYFullScreen #jsf_web_hengfu_0001_0 .slide-inner img{position: static;width: 100%;height: 100%;object-fit: cover;} .LYYFullScreen #jsf_web_hengfu_0001_0 .slide-inner::after{padding-top:0;} } /* 内页banner */ #jsf_web_hengfu_0001_0_inner{width:100%;overflow:hidden;position:relative;} #jsf_web_hengfu_0001_0_inner .pic video, #jsf_web_hengfu_0001_0_inner .pic img{width:100%;height:100%;object-fit: contain;} #jsf_web_hengfu_0001_0_inner .mask{position:absolute;top:0;left:0;width:100%;height:180px;background:url('/module/jsf-web/hengfu/0001/images/mask.png') no-repeat center / cover;z-index:3;pointer-events: none;} #jsf_web_hengfu_0001_0_inner .mask2{position:absolute;top:0;left:0;width:100%;height:100%;background:url('/module/jsf-web/hengfu/0001/images/inner_mask2.png') no-repeat center / cover;z-index:2;pointer-events: none;} #jsf_web_hengfu_0001_0_inner .name{font-size: 62px;color: rgb(255, 255, 255);line-height: 1;text-align: center;} #jsf_web_hengfu_0001_0_inner .brief{font-size: 18px;color: rgb(255, 255, 255);line-height: 1.778;text-align: center;margin:30px auto 0;} #jsf_web_hengfu_0001_0_inner .brief{max-width:76%;} @media screen and (max-width: 1440px){ #jsf_web_hengfu_0001_0 .name, #jsf_web_hengfu_0001_0_inner .name{font-size: 42px;} #jsf_web_hengfu_0001_0_inner .brief{font-size: 16px;margin-top:20px;line-height: 1.6;} } @media screen and (max-width: 1280px) { #jsf_web_hengfu_0001_0_inner .brief{max-width:80%;} } @media screen and (max-width: 1024px) { #jsf_web_hengfu_0001_0_inner .brief{max-width:100%;} } @media screen and (max-width: 992px){ #jsf_web_hengfu_0001_0 .name, #jsf_web_hengfu_0001_0_inner .name{font-size: .318rem;} #jsf_web_hengfu_0001_0_inner .brief{font-size: .121rem;margin-top:.152rem;} } @media screen and (max-width: 768px){ #jsf_web_hengfu_0001_0 .mask, #jsf_web_hengfu_0001_0_inner .mask{display:none;} #jsf_web_hengfu_0001_0 .slide .slide-inner::after{padding-top:128%;} #jsf_web_hengfu_0001_0 .name, #jsf_web_hengfu_0001_0_inner .name{font-size:0.42rem;} #jsf_web_hengfu_0001_0_inner .brief{font-size:0.18rem;margin-top:0.2rem;} } @media screen and (max-width: 576px){ #jsf_web_hengfu_0001_0 .name{font-size:0.62rem;} #jsf_web_hengfu_0001_0 .slide-inner{height:auto;} #jsf_web_hengfu_0001_0 .slide-inner::after{padding-top:0 !important;} #jsf_web_hengfu_0001_0 .slide-inner video, #jsf_web_hengfu_0001_0 .slide-inner img{position: static;width:100%;object-fit:contain;} #jsf_web_hengfu_0001_0_inner .name{font-size:0.52rem;} #jsf_web_hengfu_0001_0_inner .brief{font-size:0.3rem;} } #jsf_web_index_about_0001_1{ background-image: -moz-linear-gradient( 0deg, rgb(187,187,187) 0%, rgb(238,238,238) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(187,187,187) 0%, rgb(238,238,238) 100%); background-image: -ms-linear-gradient( 0deg, rgb(187,187,187) 0%, rgb(238,238,238) 100%); background-color:rgba(255, 255, 255, 0.5); position: relative; } #jsf_web_index_about_0001_1 .left{width:51%;padding:100px 0;} #jsf_web_index_about_0001_1 .right{width:34.643%;padding-top:155px;} #jsf_web_index_about_0001_1 .title{font-size: 62px;color: rgb(26, 26, 26);line-height: 1;} #jsf_web_index_about_0001_1 .brief{font-size: 18px;color: rgb(51, 51, 51);line-height: 1.778;margin-top:40px;} #jsf_web_index_about_0001_1 .bot{margin-top:70px;} #jsf_web_index_about_0001_1 .more{background-color:#1a1a1a;min-width: 160px;width:fit-content;height: 50px;border-radius:25px;padding:0 20px;} #jsf_web_index_about_0001_1 .more .txt{font-size: 18px;color: #fff;margin-right:20px;} #jsf_web_index_about_0001_1 .more .icon{font-size:14px;color: #fff;font-weight:bold;} #jsf_web_index_about_0001_1 .more:hover{background-color:var(--mainColor);} #jsf_web_index_about_0001_1 .play{width: fit-content;height: fit-content;margin-left:20px;border-radius:20px;overflow:hidden;} #jsf_web_index_about_0001_1 .play .svg{width:63px;height:50px;fill:#222;} #jsf_web_index_about_0001_1 .play:hover .svg{fill:var(--mainColor);} #jsf_web_index_about_0001_1 .bg_circle{width: 61.856%;height: 35.13%;position: absolute; left: 37%; top: -12%;} #jsf_web_index_about_0001_1 .bg_circle div{width: 100%;height: 100%; position: absolute; top: 0; left: 0; background-color: var(--mainColor); border-radius: 50%; opacity: 0;} #jsf_web_index_about_0001_1 .bg_circle div:first-child{animation: bgCircle 6s linear 0s infinite;} #jsf_web_index_about_0001_1 .bg_circle div:nth-child(2){animation: bgCircle 6s linear 1.5s infinite;} #jsf_web_index_about_0001_1 .bg_circle div:nth-child(3){animation: bgCircle 6s linear 3s infinite;} #jsf_web_index_about_0001_1 .bg_circle div:nth-child(4){animation: bgCircle 6s linear 4.5s infinite;} @keyframes bgCircle { 0%{ transform: scale(0.1); opacity: 0.3;} 90%{ transform: scale(1); opacity: 0.12;} 100%{ transform: scale(1); opacity: 0;} } /* 首页整屏滚动样式 */ @media screen and (min-width: 1025px){ .LYYFullScreen #jsf_web_index_about_0001_1{width:100%;height: 100%;} .LYYFullScreen #jsf_web_index_about_0001_1 .cw1400, .LYYFullScreen #jsf_web_index_about_0001_1 .cont{height:100%;} .LYYFullScreen #jsf_web_index_about_0001_1 .left{width:51%;padding:5vw 0;} .LYYFullScreen #jsf_web_index_about_0001_1 .right{padding-top:8.1vw;align-self: flex-end;} .LYYFullScreen #jsf_web_index_about_0001_1 .brief{margin-top:2.604vw;} .LYYFullScreen #jsf_web_index_about_0001_1 .bot{margin-top:3.65vw;} .LYYFullScreen #jsf_web_index_about_0001_1 .hand img{object-fit:contain;max-height:80vh;} .LYYFullScreen #jsf_web_index_about_0001_1 .bg_circle{width: 17.1vw;height: 17.1vw;position: absolute; left: 33%; top: -17%;} @media screen and (max-width:1680px) { .LYYFullScreen #jsf_web_index_about_0001_1 .bg_circle{left: 38%; top: -11%;} } } @media screen and (max-width:1440px) { #jsf_web_index_about_0001_1 .title{font-size: 42px;} #jsf_web_index_about_0001_1 .brief{font-size: 16px;line-height: 1.6;margin-top:30px;} #jsf_web_index_about_0001_1 .bot{margin-top:50px;} } @media screen and (max-width:992px) { #jsf_web_index_about_0001_1 .left{padding:8vw 0;} #jsf_web_index_about_0001_1 .right{padding-top:.909rem;} #jsf_web_index_about_0001_1 .title{font-size: .318rem;} #jsf_web_index_about_0001_1 .brief{font-size: .121rem;margin-top:.227rem;} #jsf_web_index_about_0001_1 .bot{margin-top:.379rem;} #jsf_web_index_about_0001_1 .more{min-width: 1.212rem;height: .379rem;border-radius:.189rem;padding:0 .152rem;} #jsf_web_index_about_0001_1 .more .txt{font-size: .136rem;margin-right:.152rem;} #jsf_web_index_about_0001_1 .more .icon{font-size:.106rem;} #jsf_web_index_about_0001_1 .play{margin-left:.152rem;border-radius:.152rem;} #jsf_web_index_about_0001_1 .play .svg{width: .477rem;height: .379rem;} } @media screen and (max-width:768px) { #jsf_web_index_about_0001_1 .right{padding-top:1.2rem;} #jsf_web_index_about_0001_1 .title{font-size: .42rem;} #jsf_web_index_about_0001_1 .brief{font-size: .16rem;margin-top:.2rem;} #jsf_web_index_about_0001_1 .bot{margin-top:.5rem;} #jsf_web_index_about_0001_1 .more{min-width: 1.6rem;height: 0.5rem;border-radius:0.25rem;padding:0 0.2rem;} #jsf_web_index_about_0001_1 .more .txt{font-size: .18rem;margin-right:0.2rem;} #jsf_web_index_about_0001_1 .more .icon{font-size:.14rem;} #jsf_web_index_about_0001_1 .play{margin-left:.2rem;border-radius:.2rem;} #jsf_web_index_about_0001_1 .play .svg{width: .63rem;height: .5rem;} } @media screen and (max-width:576px) { #jsf_web_index_about_0001_1 .cont{display:block;} #jsf_web_index_about_0001_1 .left{width:100%;padding:10vw 0;} #jsf_web_index_about_0001_1 .right{width:100%;padding-top:1.2rem;} #jsf_web_index_about_0001_1 .title{font-size: .62rem;} #jsf_web_index_about_0001_1 .brief{font-size: .26rem;} #jsf_web_index_about_0001_1 .more{min-width:2.2rem;height: .6rem;border-radius:.3rem;} #jsf_web_index_about_0001_1 .more .txt{font-size: .28rem;} #jsf_web_index_about_0001_1 .more .icon{font-size:.24rem;} #jsf_web_index_about_0001_1 .play{border-radius:.25rem;} #jsf_web_index_about_0001_1 .play .svg{width: .76rem;height: .6rem;} } #jsf_web_index_industry_0001_2{width:100%;height:960px;overflow:hidden;position: relative;} #jsf_web_index_industry_0001_2 .top{top:100px;left:50%;transform: translateX(-50%);z-index:2;} #jsf_web_index_industry_0001_2 .title{font-size: 62px;color: rgb(255, 255, 255);line-height: 1;text-align: center;} #jsf_web_index_industry_0001_2 .text{font-size: 18px;color: rgba(254, 254, 254, 0.6);line-height: 1.778;text-align: center;margin-top:30px;} #jsf_web_index_industry_0001_2 .main .slide video, #jsf_web_index_industry_0001_2 .main .slide img{width:100%;height:100%;object-fit:cover;} #jsf_web_index_industry_0001_2 .main .box{bottom:100px;} #jsf_web_index_industry_0001_2 .main .info{width:35%;} #jsf_web_index_industry_0001_2 .main .info .name{font-size: 36px;color: rgb(255, 255, 255);line-height: 1.444;} #jsf_web_index_industry_0001_2 .main .info .brief{font-size: 18px;color: rgb(255, 255, 255);line-height: 1.667;margin-top:12px;} #jsf_web_index_industry_0001_2 .more{margin-top:55px;background-color: rgba(255, 255, 255, 0.3);backdrop-filter: blur(10px);width: 160px;height: 50px;border-radius:25px;padding:0 20px;} #jsf_web_index_industry_0001_2 .more .txt{font-size: 18px;color: #fff;} #jsf_web_index_industry_0001_2 .more .icon{font-size:10px;color: #fff;font-weight:bold;} #jsf_web_index_industry_0001_2 .more:hover{background-color:var(--mainColor);} #jsf_web_index_industry_0001_2 .bot{right:0;bottom:100px;z-index:2;} #jsf_web_index_industry_0001_2 .thumbs{width:585px;margin-right:0;} #jsf_web_index_industry_0001_2 .thumbs .wrapper{align-items: flex-end;} /* 背景 */ #jsf_web_index_industry_0001_2 .thumbs .bg{opacity:0;border-radius: 12px;overflow:hidden;pointer-events: none;} #jsf_web_index_industry_0001_2 .thumbs .bg::after{content: '';position: absolute;left:0;top:0;background-color: rgba(0, 0, 0, 0.8);width: 100%;height: 100%;} #jsf_web_index_industry_0001_2 .thumbs .bg img{width:100%;height:100%;object-fit:cover;} /* 内容 */ #jsf_web_index_industry_0001_2 .thumbs .item{min-height:135px;padding:24.5px 10px;border-radius: 12px;background-color: rgb(255, 255, 255,0.1);backdrop-filter: blur(10px);transition: 0.3s;position: relative;z-index: 3;} #jsf_web_index_industry_0001_2 .thumbs .item .icon{max-width:50px;max-height:50px;margin:0 auto;} #jsf_web_index_industry_0001_2 .thumbs .item .icon img{object-fit: contain;} #jsf_web_index_industry_0001_2 .thumbs .item .name{font-size: 18px;color: rgb(255, 255, 255);text-align: center;margin-top:20px;max-width:100%;transition: 0.3s;height:calc(18px * 1.333);line-height:1.333;} #jsf_web_index_industry_0001_2 .thumbs .item .name{overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:1;} #jsf_web_index_industry_0001_2 .thumbs .swiper-slide-thumb-active .item .name{-webkit-line-clamp:2;height:calc(18px * 2 * 1.333);} /* 进度条 */ #jsf_web_index_industry_0001_2 .thumbs .progress{opacity:0;width:100%;height:3px;background-color:#fff;position: absolute;left:0;bottom:0;z-index:4;transition: 0.3s;} #jsf_web_index_industry_0001_2 .thumbs .progress .timebar{z-index:5;} #jsf_web_index_industry_0001_2 .thumbs .progress .el-bar{background:var(--mainColor);z-index:6;height:100%;right:auto; width:0;} #jsf_web_index_industry_0001_2 .thumbs .slide.swiper-slide-thumb-active .progress .el-bar{animation: progress 5s linear forwards;} @keyframes progress { from { width: 0; } to { width: 100%; } } #jsf_web_index_industry_0001_2 .thumbs .slide{border-radius: 12px;overflow:hidden;height:fit-content;} #jsf_web_index_industry_0001_2 .thumbs .slide.swiper-slide-thumb-active .item{min-height:180px;} #jsf_web_index_industry_0001_2 .thumbs .slide.swiper-slide-thumb-active .item{backdrop-filter:unset;} #jsf_web_index_industry_0001_2 .thumbs .slide.swiper-slide-thumb-active .bg{opacity:1;} #jsf_web_index_industry_0001_2 .thumbs .slide.swiper-slide-thumb-active .progress{opacity:1;} /* 首页整屏滚动样式 */ @media screen and (min-width: 1025px){ .LYYFullScreen #jsf_web_index_industry_0001_2{height:100%;} .LYYFullScreen #jsf_web_index_industry_0001_2 .top{top:calc(var(--head_top_height) + 50px);} .LYYFullScreen #jsf_web_index_industry_0001_2 .main .box{bottom:5.208vw;} .LYYFullScreen #jsf_web_index_industry_0001_2 .bot{bottom:5.208vw;} } @media screen and (max-width:1440px) { #jsf_web_index_industry_0001_2{height:860px;} #jsf_web_index_industry_0001_2 .title{font-size: 42px;} #jsf_web_index_industry_0001_2 .text{font-size: 16px;line-height: 1.6;margin-top:30px;} #jsf_web_index_industry_0001_2 .main .info .name{font-size: 30px;} #jsf_web_index_industry_0001_2 .main .info .brief{font-size: 16px;line-height: 1.6;} #jsf_web_index_industry_0001_2 .more{margin-top:30px;} } @media screen and (max-width:1024px) { #jsf_web_index_industry_0001_2{height:750px;} #jsf_web_index_industry_0001_2 .top{top:80px;} #jsf_web_index_industry_0001_2 .main .box, #jsf_web_index_industry_0001_2 .bot{bottom:80px;} } @media screen and (max-width:992px) { #jsf_web_index_industry_0001_2{height:5.682rem;} #jsf_web_index_industry_0001_2 .top{top:.606rem;} #jsf_web_index_industry_0001_2 .title{font-size: .318rem;} #jsf_web_index_industry_0001_2 .text{font-size: .121rem;margin-top:.227rem;} #jsf_web_index_industry_0001_2 .more{margin-top:.227rem;backdrop-filter: blur(.076rem);width: 1.212rem;height: .379rem;border-radius:.189rem;padding:0 .152rem;} #jsf_web_index_industry_0001_2 .more .txt{font-size: .136rem;} #jsf_web_index_industry_0001_2 .more .icon{font-size:.076rem;} #jsf_web_index_industry_0001_2 .main .box{bottom:.758rem;} #jsf_web_index_industry_0001_2 .main .info .name{font-size: .227rem;} #jsf_web_index_industry_0001_2 .main .info .brief{font-size: .121rem;} #jsf_web_index_industry_0001_2 .bot{bottom:.606rem;} #jsf_web_index_industry_0001_2 .thumbs .progress{height:.023rem;} #jsf_web_index_industry_0001_2 .thumbs{width:4.432rem;margin-right:0;} #jsf_web_index_industry_0001_2 .thumbs .bg{border-radius: .091rem;} #jsf_web_index_industry_0001_2 .thumbs .item{min-height:1.023rem;padding:.186rem .076rem;border-radius: .091rem;backdrop-filter: blur(.076rem);} #jsf_web_index_industry_0001_2 .thumbs .item .icon{max-width:.379rem;max-height:.379rem;} #jsf_web_index_industry_0001_2 .thumbs .item .name{font-size: .136rem;margin-top:.152rem;height: calc(.136rem * 1.333);} #jsf_web_index_industry_0001_2 .thumbs .swiper-slide-thumb-active .item .name{height: calc(.136rem * 2 * 1.333);} #jsf_web_index_industry_0001_2 .thumbs .slide{border-radius: .091rem;} #jsf_web_index_industry_0001_2 .thumbs .slide.swiper-slide-thumb-active .item{min-height:1.364rem;} } @media screen and (max-width:768px) { #jsf_web_index_industry_0001_2{height:9rem;} #jsf_web_index_industry_0001_2 .top{top:8vw;} #jsf_web_index_industry_0001_2 .title{font-size: .42rem;} #jsf_web_index_industry_0001_2 .text{font-size: .16rem;margin-top:.3rem;} #jsf_web_index_industry_0001_2 .main .box{bottom: 40vw;} #jsf_web_index_industry_0001_2 .main .info{width:50%;} #jsf_web_index_industry_0001_2 .main .info .name{font-size: .3rem;} #jsf_web_index_industry_0001_2 .main .info .brief{font-size: .16rem;} #jsf_web_index_industry_0001_2 .more{margin-top:.3rem;} #jsf_web_index_industry_0001_2 .more{margin-top:.3rem;backdrop-filter: blur(.1rem);width: 1.6rem;height: .5rem;border-radius:.25rem;padding:0 .2rem;} #jsf_web_index_industry_0001_2 .more .txt{font-size: .18rem;} #jsf_web_index_industry_0001_2 .more .icon{font-size:.1rem;} #jsf_web_index_industry_0001_2 .bot{bottom:8vw;} #jsf_web_index_industry_0001_2 .thumbs{width:5.85rem;margin:0;} #jsf_web_index_industry_0001_2 .thumbs .bg{border-radius: .12rem;} #jsf_web_index_industry_0001_2 .thumbs .progress{height:.03rem;} #jsf_web_index_industry_0001_2 .thumbs .item{min-height:1.35rem;padding:.245rem .1rem;border-radius: .12rem;backdrop-filter: blur(.1rem);} #jsf_web_index_industry_0001_2 .thumbs .item .icon{max-width:.5rem;max-height:.5rem;} #jsf_web_index_industry_0001_2 .thumbs .item .name{font-size: .16rem;margin-top:.2rem;height: calc(.16rem * 1.333);} #jsf_web_index_industry_0001_2 .thumbs .swiper-slide-thumb-active .item .name{height: calc(.16rem * 2 * 1.333);} #jsf_web_index_industry_0001_2 .thumbs .slide{border-radius: .12rem;} #jsf_web_index_industry_0001_2 .thumbs .slide.swiper-slide-thumb-active .item{min-height:1.8rem;} } @media screen and (max-width:576px) { #jsf_web_index_industry_0001_2{height:12rem;} #jsf_web_index_industry_0001_2 .title{font-size: .62rem;} #jsf_web_index_industry_0001_2 .text{font-size: .26rem;} #jsf_web_index_industry_0001_2 .main .box{bottom: 40vw;} #jsf_web_index_industry_0001_2 .main .info{width:60%;} #jsf_web_index_industry_0001_2 .main .info .name{font-size: .36rem;} #jsf_web_index_industry_0001_2 .main .info .brief{font-size: .26rem;} #jsf_web_index_industry_0001_2 .more{width: 2.2rem;height: .6rem;border-radius:.3rem;} #jsf_web_index_industry_0001_2 .more .txt{font-size: .28rem;} #jsf_web_index_industry_0001_2 .more .icon{font-size:.2rem;} #jsf_web_index_industry_0001_2 .thumbs{width:100%;} #jsf_web_index_industry_0001_2 .thumbs .progress{height:.04rem;} #jsf_web_index_industry_0001_2 .thumbs .item .icon{max-width:.5rem;max-height:.5rem;} #jsf_web_index_industry_0001_2 .thumbs .item .name{font-size: .26rem;height: calc(.26rem * 1.333);} #jsf_web_index_industry_0001_2 .thumbs .swiper-slide-thumb-active .item .name{height: calc(.26rem * 2 * 1.333);} #jsf_web_index_industry_0001_2 .thumbs .slide.swiper-slide-thumb-active .item{min-height:2rem;} } #jsf_web_index_technology_0001_3{padding:100px 0 70px;position: relative;} #jsf_web_index_technology_0001_3 .title{font-size: 62px;color: rgb(26, 26, 26);line-height: 1;text-align:center;} #jsf_web_index_technology_0001_3 .brief{font-size: 18px;color: rgb(102, 102, 102);line-height: 1.778;text-align:center;margin-top:30px;} #jsf_web_index_technology_0001_3 .container{padding:50px 0;} #jsf_web_index_technology_0001_3 .swiper-pagination{bottom:0;} #jsf_web_index_technology_0001_3 .swiper-pagination-bullet{width: 10px;height: 10px;background:var(--mainColor);opacity: 0.2;margin:0 8px;transition: 0.3s;} #jsf_web_index_technology_0001_3 .swiper-pagination-bullet-active{opacity:1;} #jsf_web_index_technology_0001_3 .slide{width:12.858%;height:560px;border-radius: 12px;overflow:hidden;transition: 0.3s;} #jsf_web_index_technology_0001_3 .slide:last-child{margin:0;} #jsf_web_index_technology_0001_3 .slide .item1{width:100%;height:100%;padding:27.785% 20px;overflow:hidden;} #jsf_web_index_technology_0001_3 .slide .item2{width:100%;height:100%;padding:7.576% 9.092%;overflow:hidden;opacity:0;position:relative;} #jsf_web_index_technology_0001_3 .slide .mask2{background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);left: 0;bottom: 0;width: 100%;height: 43.928%;z-index: 1;pointer-events: none;} /* 背景图 */ #jsf_web_index_technology_0001_3 .slide .bg img, #jsf_web_index_technology_0001_3 .slide .bg video{width:100%;height:100%;object-fit:cover;} #jsf_web_index_technology_0001_3 .slide .bg1{width:100%;height:100%;} #jsf_web_index_technology_0001_3 .slide .bg2{width:100%;height:100%;opacity:0;} #jsf_web_index_technology_0001_3 .slide .mask{border-radius: 12px;background-color: rgba(0, 0, 0,0.65);width:100%;height:100%;pointer-events: none;} #jsf_web_index_technology_0001_3 .slide.cur .bg1{opacity:0;} #jsf_web_index_technology_0001_3 .slide.cur .bg2{opacity:1;} /* 内容 */ #jsf_web_index_technology_0001_3 .slide .name1{font-size: 20px;color: rgb(255, 255, 255);line-height: 1.4;text-align: center;position: relative;z-index: 2;} #jsf_web_index_technology_0001_3 .slide .name2{font-size: 36px;color: rgb(255, 255, 255);line-height: 1;margin-bottom:24px;} #jsf_web_index_technology_0001_3 .slide .data{max-height:calc(18px * 30px * 6 + (15px * 3));overflow-y: auto;} #jsf_web_index_technology_0001_3 .slide .desc{font-size: 18px;color: #fff;line-height: 30px;margin-top:15px;} #jsf_web_index_technology_0001_3 .slide .desc .txt{color:rgba(255, 255, 255,0.7);} /* 更多按钮 */ #jsf_web_index_technology_0001_3 .slide .more{background-color: rgba(255, 255, 255,0.1);min-width: 160px;width:fit-content;height: 50px;border-radius:25px;padding:0 20px;margin-top:45px;backdrop-filter: blur(10px);box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);} #jsf_web_index_technology_0001_3 .slide .more .txt{font-size: 18px;color: #fff;margin-right:20px;} #jsf_web_index_technology_0001_3 .slide .more .icon{font-size:14px;color:#fff;font-weight:bold;} #jsf_web_index_technology_0001_3 .slide .more:hover{background-color: var(--mainColor);} /* 首页整屏滚动样式 */ @media screen and (min-width: 1441px){ .LYYFullScreen #jsf_web_index_technology_0001_3 .slide .data{max-height:calc(18px * 30px * 6 + (1.5vh * 3));} } @media screen and (min-width: 1025px){ .LYYFullScreen #jsf_web_index_technology_0001_3{padding:calc(var(--head_top_height) + 20px) 0 4vh;width:100%;height:100%;} .LYYFullScreen #jsf_web_index_technology_0001_3 .brief{margin-top:3vh;} .LYYFullScreen #jsf_web_index_technology_0001_3 .container{padding:5vh 0;} .LYYFullScreen #jsf_web_index_technology_0001_3 .slide{width:12.858%;height:57vh;} .LYYFullScreen #jsf_web_index_technology_0001_3 .slide .name2{margin-bottom:2.4vh;} .LYYFullScreen #jsf_web_index_technology_0001_3 .slide .data{max-height:calc(16px * 25px * 6 + (1.5vh * 3));} .LYYFullScreen #jsf_web_index_technology_0001_3 .slide .desc{margin-top:1.5vh;} } @media screen and (min-width: 769px) { #jsf_web_index_technology_0001_3 .slide .com{opacity: 0;transform: translate(0,120px);} #jsf_web_index_technology_0001_3 .slide.cur{width:calc(100% - (12.858% * 4) - (5px * 4));} #jsf_web_index_technology_0001_3 .slide.cur .com{transform: translate(0,0);opacity: 1;} #jsf_web_index_technology_0001_3 .slide.cur .item1{opacity:0;} #jsf_web_index_technology_0001_3 .slide.cur .item2{opacity:1;} #jsf_web_index_technology_0001_3 .slide .more{margin-top:4.5vh;} } @media screen and (max-width: 1440px) { #jsf_web_index_technology_0001_3 .title{font-size: 42px;} #jsf_web_index_technology_0001_3 .brief{font-size: 16px;line-height: 1.6;} #jsf_web_index_technology_0001_3 .slide .item2{padding:7.576% 5%;} #jsf_web_index_technology_0001_3 .slide .name1{font-size:18px;} #jsf_web_index_technology_0001_3 .slide .name2{font-size:30px;} #jsf_web_index_technology_0001_3 .slide .data{max-height:calc(16px * 25px * 6 + (15px * 3));} #jsf_web_index_technology_0001_3 .slide .desc{font-size: 16px;line-height: 25px;} } @media screen and (max-width: 1024px) { #jsf_web_index_technology_0001_3{padding:80px 0 50px;} #jsf_web_index_technology_0001_3 .slide .name1{font-size:16px;} #jsf_web_index_technology_0001_3 .slide .name2{font-size:20px;margin-bottom:15px;} } @media screen and (max-width: 992px) { #jsf_web_index_technology_0001_3{padding:8vw 0 5vw;} #jsf_web_index_technology_0001_3 .title{font-size: .318rem;} #jsf_web_index_technology_0001_3 .brief{font-size: .121rem;} #jsf_web_index_technology_0001_3 .container{padding:.379rem 0;} #jsf_web_index_technology_0001_3 .swiper-pagination-bullet{width: .076rem;height: .076rem;margin:0 .061rem;} #jsf_web_index_technology_0001_3 .slide{height:4.242rem;border-radius: .091rem;} #jsf_web_index_technology_0001_3 .slide .item2.mask::before{border-radius: .091rem;} /* 内容 */ #jsf_web_index_technology_0001_3 .slide .name1{font-size: .152rem;} #jsf_web_index_technology_0001_3 .slide .name2{font-size: .273rem;margin-bottom:.114rem;} #jsf_web_index_technology_0001_3 .slide .data{max-height:calc(.121rem * .189rem * 6 + (.114rem * 3));;} #jsf_web_index_technology_0001_3 .slide .desc{font-size: .121rem;line-height:.189rem;margin-top:.114rem;} /* 更多按钮 */ #jsf_web_index_technology_0001_3 .slide .more{min-width: 1.212rem;height: .379rem;border-radius:.189rem;padding:0 .152rem;margin-top:.227rem;} #jsf_web_index_technology_0001_3 .slide .more .txt{font-size: .121rem;margin-right:.152rem;} #jsf_web_index_technology_0001_3 .slide .more .icon{font-size:.106rem;} } @media screen and (max-width: 768px) { #jsf_web_index_technology_0001_3 .title{font-size: .42rem;} #jsf_web_index_technology_0001_3 .brief{font-size: .16rem;} #jsf_web_index_technology_0001_3 .container{padding:.5rem 0;} #jsf_web_index_technology_0001_3 .swiper-pagination-bullet{width: .1rem;height: .1rem;margin:0 .08rem;} #jsf_web_index_technology_0001_3 .slide{width:100%;height:auto;min-height:4.6rem;border-radius: .12rem;backdrop-filter:unset;} #jsf_web_index_technology_0001_3 .slide .item1{display:none;} #jsf_web_index_technology_0001_3 .slide .item2{opacity:1;z-index:2;} #jsf_web_index_technology_0001_3 .slide .item2.mask::before{border-radius: .12rem;background-color:rgba(0, 0, 0,0.2);} #jsf_web_index_technology_0001_3 .slide .bg1{opacity:0;} #jsf_web_index_technology_0001_3 .slide .bg2{opacity:1;} /* 内容 */ #jsf_web_index_technology_0001_3 .slide .name2{font-size: .36rem;margin-bottom:.15rem;} #jsf_web_index_technology_0001_3 .slide .data{max-height:none;} #jsf_web_index_technology_0001_3 .slide .desc{font-size: .16rem;line-height:1.6;margin-top:.15rem;} /* 更多按钮 */ #jsf_web_index_technology_0001_3 .slide .more{min-width: 1.6rem;height: .5rem;border-radius:.25rem;padding:0 .2rem;margin-top:.3rem;} #jsf_web_index_technology_0001_3 .slide .more .txt{font-size: .16rem;margin-right:0.2rem;} #jsf_web_index_technology_0001_3 .slide .more .icon{font-size:.14rem;} } @media screen and (max-width: 576px) { #jsf_web_index_technology_0001_3{padding:10vw 0 7vw;} #jsf_web_index_technology_0001_3 .title{font-size: .62rem;} #jsf_web_index_technology_0001_3 .brief{font-size: .26rem;} #jsf_web_index_technology_0001_3 .slide .name2{font-size: .36rem;} #jsf_web_index_technology_0001_3 .slide .desc{font-size: .26rem;} #jsf_web_index_technology_0001_3 .slide .more{height: .6rem;border-radius:.3rem;} #jsf_web_index_technology_0001_3 .slide .more .txt{font-size: .26rem;} #jsf_web_index_technology_0001_3 .slide .more .icon{font-size:.24rem;} } #jsf_web_index_products_0001_4{padding:95px 0; background-image: -moz-linear-gradient( 0deg, rgb(187,187,187) 0%, rgb(229,229,229) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(187,187,187) 0%, rgb(229,229,229) 100%); background-image: -ms-linear-gradient( 0deg, rgb(187,187,187) 0%, rgb(229,229,229) 100%); background-color:rgba(255, 255,255,0.5); position: relative; } #jsf_web_index_products_0001_4 .title{font-size: 62px;color: rgb(26, 26, 26);line-height: 1;} #jsf_web_index_products_0001_4 .bind{width:65.715%;margin-left:30px;} #jsf_web_index_products_0001_4 .item .name{font-size: 36px;color: rgb(26, 26, 26);line-height: 1.444;} #jsf_web_index_products_0001_4 .item .brief{font-size: 18px;color: rgba(51, 51, 51, 0.651);line-height: 1.667;margin-top:24px;} #jsf_web_index_products_0001_4 .item .pics{margin-top:56px;} #jsf_web_index_products_0001_4 .item .img{width:320px;border-radius:12px;margin:0 20px 20px 0;} #jsf_web_index_products_0001_4 .item .img::after{content: "";display: block;width: 100%;padding-top: 62.5%;} #jsf_web_index_products_0001_4 .more{margin-top:60px;background-color: #1a1a1a;min-width: 160px;width: fit-content;height: 50px;border-radius:25px;padding:0 20px;} #jsf_web_index_products_0001_4 .more .txt{font-size: 18px;color: #fff;} #jsf_web_index_products_0001_4 .more .icon{font-size:10px;color: #fff;font-weight:bold;} #jsf_web_index_products_0001_4 .more:hover{background-color:var(--mainColor);} #jsf_web_index_products_0001_4 .bot{margin-top:110px;} #jsf_web_index_products_0001_4 .slide{width: fit-content;min-width:260px;padding:0 30px;} /* #jsf_web_index_products_0001_4 .slide:last-child{min-width: 120px;} */ #jsf_web_index_products_0001_4 .slide .box{padding:0 10px;border-top:3px solid rgb(102, 102, 102);padding-top: 20px;transition: 0.3s;} #jsf_web_index_products_0001_4 .slide .name{font-size: 18px;color: rgb(102, 102, 102);} #jsf_web_index_products_0001_4 .slide .icon{max-height:24px;margin-right:20px;} #jsf_web_index_products_0001_4 .slide.cur .box{border-top-color: var(--mainColor);} #jsf_web_index_products_0001_4 .slide.cur .name{color: var(--mainColor);} #jsf_web_index_products_0001_4 .slide.cur .i1{display:none;} #jsf_web_index_products_0001_4 .slide.cur .i2{display:inline-block;} /* 首页整屏滚动样式 */ @media screen and (min-width: 1025px){ .LYYFullScreen #jsf_web_index_products_0001_4{padding:calc(var(--head_top_height) + 5vh) 0 5vh;height: 100%;display: flex;align-items: center;} .LYYFullScreen #jsf_web_index_products_0001_4 .item .brief{margin-top:2.4vh;} .LYYFullScreen #jsf_web_index_products_0001_4 .item .pics{margin-top:5.6vh;} .LYYFullScreen #jsf_web_index_products_0001_4 .item .img{margin:0 20px 2vh 0;} .LYYFullScreen #jsf_web_index_products_0001_4 .more{margin-top:6vh;} .LYYFullScreen #jsf_web_index_products_0001_4 .bot{margin-top:11vh;} .LYYFullScreen #jsf_web_index_products_0001_4 .slide .box{padding-top: 2vh;} @media screen and (max-width:1440px) { .LYYFullScreen #jsf_web_index_products_0001_4 .item .brief{margin-top:1.5vh;} .LYYFullScreen #jsf_web_index_products_0001_4 .item .pics{margin-top:2vh;} .LYYFullScreen #jsf_web_index_products_0001_4 .more{margin-top:1vh;} .LYYFullScreen #jsf_web_index_products_0001_4 .bot{margin-top:10vh;} } } @media screen and (max-width:1440px) { #jsf_web_index_products_0001_4 .title{font-size: 42px;} #jsf_web_index_products_0001_4 .item .name{font-size: 30px;} #jsf_web_index_products_0001_4 .item .brief{font-size: 16px;line-height: 1.6;margin-top:15px;} #jsf_web_index_products_0001_4 .item .pics{margin-top:30px;} #jsf_web_index_products_0001_4 .more{margin-top:30px;} #jsf_web_index_products_0001_4 .bot{margin-top:80px;} #jsf_web_index_products_0001_4 .slide .name{font-size: 16px;} } @media screen and (max-width:1024px) { #jsf_web_index_products_0001_4{padding:80px 0;} #jsf_web_index_products_0001_4 .top{display:block;} #jsf_web_index_products_0001_4 .bind{width:100%;margin:30px 0 0 ;} } @media screen and (max-width:992px) { #jsf_web_index_products_0001_4{padding:8vw 0;} #jsf_web_index_products_0001_4 .title{font-size: .318rem;} #jsf_web_index_products_0001_4 .bind{margin:.227rem 0 0 ;} #jsf_web_index_products_0001_4 .item .name{font-size: .227rem;} #jsf_web_index_products_0001_4 .item .brief{font-size: .121rem;margin-top:.114rem;} #jsf_web_index_products_0001_4 .item .pics{margin-top:.424rem;} #jsf_web_index_products_0001_4 .item .img{width:2.424rem;border-radius:.091rem;margin:0 .152rem .152rem 0;} #jsf_web_index_products_0001_4 .more{margin-top:.227rem;min-width: 1.212rem;height: .379rem;border-radius:.189rem;padding:0 .152rem;} #jsf_web_index_products_0001_4 .more .txt{font-size: .136rem;} #jsf_web_index_products_0001_4 .more .icon{font-size:.076rem;} #jsf_web_index_products_0001_4 .bot{margin-top:.606rem;} #jsf_web_index_products_0001_4 .slide{min-width:1.97rem;padding:0 .152rem;} #jsf_web_index_products_0001_4 .slide .box{border-top:.023rem solid rgb(102, 102, 102);padding:0 .076rem; padding-top: .152rem;} /* #jsf_web_index_products_0001_4 .slide:last-child{min-width: .909rem;} */ #jsf_web_index_products_0001_4 .slide .name{font-size: .121rem;} #jsf_web_index_products_0001_4 .slide .icon{max-height:.182rem;margin-right:.152rem;} } @media screen and (max-width:768px) { #jsf_web_index_products_0001_4 .title{font-size: .42rem;} #jsf_web_index_products_0001_4 .bind{margin:.3rem 0 0 ;} #jsf_web_index_products_0001_4 .item .name{font-size: .3rem;} #jsf_web_index_products_0001_4 .item .brief{font-size: .16rem;margin-top:.15rem;} #jsf_web_index_products_0001_4 .item .pics{margin-top:0.3rem;} #jsf_web_index_products_0001_4 .item .img{width:3.2rem;border-radius:.12rem;margin:0 .2rem .2rem 0;} #jsf_web_index_products_0001_4 .more{margin-top:.3rem;min-width: 1.6rem;height: .5rem;border-radius:.25rem;padding:0 .2rem;} #jsf_web_index_products_0001_4 .more .txt{font-size: .18rem;} #jsf_web_index_products_0001_4 .more .icon{font-size:.1rem;} #jsf_web_index_products_0001_4 .bot{margin-top:.5rem;} #jsf_web_index_products_0001_4 .slide{min-width:2.6rem;padding:0 0.2rem;} #jsf_web_index_products_0001_4 .slide .box{border-top:.03rem solid rgb(102, 102, 102);padding:0 0.1rem;padding-top: .2rem;} /* #jsf_web_index_products_0001_4 .slide:last-child{min-width: 1.2rem;} */ #jsf_web_index_products_0001_4 .slide .name{font-size: .16rem;} #jsf_web_index_products_0001_4 .slide .icon{max-height:.24rem;margin-right:.2rem;} } @media screen and (max-width:576px) { #jsf_web_index_products_0001_4{padding:10vw 0;} #jsf_web_index_products_0001_4 .title{font-size: .62rem;} #jsf_web_index_products_0001_4 .item .name{font-size: .36rem;} #jsf_web_index_products_0001_4 .item .brief{font-size: .26rem;} #jsf_web_index_products_0001_4 .more{height: .6rem;border-radius:.3rem;} #jsf_web_index_products_0001_4 .more .txt{font-size: .28rem;margin-right: .1rem;} #jsf_web_index_products_0001_4 .more .icon{font-size:.2rem;} #jsf_web_index_products_0001_4 .bot > div{width:100%;} #jsf_web_index_products_0001_4 .bot .wrapper{display:flex;flex-wrap: wrap;justify-content: space-between;} #jsf_web_index_products_0001_4 .slide{width: calc(50% - 0.15rem);min-width:auto;margin:0 0.3rem 0.3rem 0;padding:0;} #jsf_web_index_products_0001_4 .slide:nth-child(2n){margin-right:0;} #jsf_web_index_products_0001_4 .slide .name{font-size: .3rem;} #jsf_web_index_products_0001_4 .slide .icon{max-height:.54rem;} } #jsf_web_index_blog_0001_5{padding:100px 0;position: relative;} #jsf_web_index_blog_0001_5 .title{font-size: 62px;color: #222222;line-height: 1; text-align:center;} #jsf_web_index_blog_0001_5 .box{padding:60px 0 45px;} #jsf_web_index_blog_0001_5 .slide .img{width:100%;padding-top:66.591%;border-radius:12px;} #jsf_web_index_blog_0001_5 .slide .name{font-size: 20px;color: rgb(34, 34, 34);line-height: 1.6;margin-top:30px;} #jsf_web_index_blog_0001_5 .slide .time{font-size: 16px;color: rgb(153, 153, 153);line-height: 1;margin-top: 22px;} #jsf_web_index_blog_0001_5 .slide .time span{margin-left:10px;} #jsf_web_index_blog_0001_5 .swiper-pagination{bottom: 0;} #jsf_web_index_blog_0001_5 .swiper-pagination-bullet{background: var(--mainColor);} #jsf_web_index_blog_0001_5 .swiper-pagination-bullet-active{background: var(--mainColor);} #jsf_web_index_blog_0001_5 .more{background-color: #1a1a1a;width: fit-content;min-width: 160px;height: 50px;border-radius:25px;padding:0 20px;margin:30px auto 0;} #jsf_web_index_blog_0001_5 .more .txt{font-size: 18px;color: #fff;margin-right:20px;} #jsf_web_index_blog_0001_5 .more .icon{font-size:14px;color: #fff;font-weight:bold;} #jsf_web_index_blog_0001_5 .more:hover{background-color:var(--mainColor);} /* 首页整屏滚动样式 */ @media screen and (min-width: 1025px){ .LYYFullScreen #jsf_web_index_blog_0001_5{padding:calc(var(--head_top_height) + 6vh) 0 10vh;} .LYYFullScreen #jsf_web_index_blog_0001_5 .box{padding:6vh 0 4.5vh;} .LYYFullScreen #jsf_web_index_blog_0001_5 .slide .name{margin-top:3vh;} .LYYFullScreen #jsf_web_index_blog_0001_5 .slide .time{margin-top: 2.2vh;} .LYYFullScreen #jsf_web_index_blog_0001_5 .more{margin-top:3vh;} @media screen and (max-width:1440px) { .LYYFullScreen #jsf_web_index_blog_0001_5 .box{padding:5vh 0 4vh;} .LYYFullScreen #jsf_web_index_blog_0001_5 .slide .name{margin-top:2vh;} } } @media screen and (max-width:1440px) { #jsf_web_index_blog_0001_5 .title{font-size:42px;} #jsf_web_index_blog_0001_5 .box{padding:50px 0 40px;} #jsf_web_index_blog_0001_5 .slide .name{font-size: 18px;margin-top:20px;} } @media screen and (max-width:1024px) { #jsf_web_index_blog_0001_5{padding:80px 0;} } @media screen and (max-width:992px) { #jsf_web_index_blog_0001_5{padding:8vw 0 6vw;} #jsf_web_index_blog_0001_5 .title{font-size:.318rem;} #jsf_web_index_blog_0001_5 .box{padding:.303rem 0 .242rem;} #jsf_web_index_blog_0001_5 .slide .img{border-radius:.091rem;} #jsf_web_index_blog_0001_5 .slide .name{font-size: .136rem;margin-top:.152rem;} #jsf_web_index_blog_0001_5 .slide .time{font-size: .121rem;margin-top:.152rem;} #jsf_web_index_blog_0001_5 .more{width: 1.212rem;height: .379rem;border-radius:.189rem;padding:0 .152rem;} #jsf_web_index_blog_0001_5 .more .txt{font-size: .136rem;margin-right:.152rem;} #jsf_web_index_blog_0001_5 .more .icon{font-size:.106rem;} } @media screen and (max-width:768px) { #jsf_web_index_blog_0001_5 .title{font-size:0.42rem;} #jsf_web_index_blog_0001_5 .more{width: 1.6rem;height: .5rem;border-radius:.25rem;padding:0 .2rem;margin-top:0.3rem;} #jsf_web_index_blog_0001_5 .more .txt{font-size: .18rem;margin-right:0.2rem;} #jsf_web_index_blog_0001_5 .more .icon{font-size:.14rem;} #jsf_web_index_blog_0001_5 .box{padding:.4rem 0 .32rem;} #jsf_web_index_blog_0001_5 .slide{display: flex;align-items:center;margin-bottom:0.3rem;} #jsf_web_index_blog_0001_5 .slide:last-child{margin-bottom:0;} #jsf_web_index_blog_0001_5 .slide .img{border-radius:.12rem;width:30%;padding-top:30%;} #jsf_web_index_blog_0001_5 .slide .info{width:70%;padding-left:5%;} #jsf_web_index_blog_0001_5 .slide .time{font-size: .18rem;margin-top:.3rem;} #jsf_web_index_blog_0001_5 .slide .name{font-size: .2rem;margin-top:0;} } @media screen and (max-width:576px) { #jsf_web_index_blog_0001_5{padding:10vw 0 8vw;} #jsf_web_index_blog_0001_5 .title{font-size:0.62rem;} #jsf_web_index_blog_0001_5 .more{min-width:2.2rem;height: .6rem;border-radius:.3rem;} #jsf_web_index_blog_0001_5 .more .txt{font-size: .28rem;} #jsf_web_index_blog_0001_5 .more .icon{font-size:.24rem;} #jsf_web_index_blog_0001_5 .slide .time{font-size: .28rem;} #jsf_web_index_blog_0001_5 .slide .name{font-size: .3rem;} }