:root{ --theme: 0, 87, 173; } /* ==================================================================================== */ /* 滚动到一定距离，将导航隐藏 */ #header_bg, #header_ct{ box-shadow: 0 0 10px rgba(0, 0, 0, .1); transition:.3s; opacity: 1;} #header.scroll-down #header_bg, #header.scroll-down #header_ct{transform: translateY(-100%);pointer-events: none;} /* ==================================================================================== */ /* 背景色 */ #header_bg{height: 120px;width: 100%; border-top: 4px solid rgba(var(--theme)); background: #fff; pointer-events: none;transition:.3s,height .1s;} #header.fixed{ height: 120px !important;} #header.fixed.scroll-top #header_bg{background: rgba(0, 0, 0, 0);} #header.fixed.scroll-top.opacity_black #header_bg{background-color: rgba(255, 255, 255, 0.1);} #fei_web_header_001_0_mb_nav{ display: none;} #fei_web_header_001_0_nav.cur{ box-shadow: 0 0 10px rgba(0, 0, 0, .05);} #fei_web_header_001_0_nav .head{transition: .3s;} #header.fixed #fei_web_header_001_0_nav.cur{ top: 0; left: 0; width: 100%;} #header.fixed #fei_web_header_001_0_nav.cur, #header.fixed.scroll-top #fei_web_header_001_0_nav .head{color: #fff;} #header.fixed #fei_web_header_001_0_nav.cur .head, #header.fixed.scroll-center #fei_web_header_001_0_nav .head{color: #333;} #header.fixed.scroll-center #fei_web_header_001_0_nav, #header.fixed.scroll-top #fei_web_header_001_0_nav{background: transparent;} #header.fixed.scroll-top.hover #header_bg{ background: #fff;} /* logo部分 */ #fei_web_header_001_0_nav .weblogo{ margin-right: 20px; max-width: 318px; overflow: hidden;} #fei_web_header_001_0_nav .weblogo img{ max-width: 100%;} #fei_web_header_001_0_nav .weblogo svg{ width: 100%;} /* 搜索&语言切换 */ #fei_web_header_001_0_nav .rig{ margin-left: 30px; height: 120px;} #fei_web_header_001_0_nav .rig > *{ font-size: 22px; color: #333;} #fei_web_header_001_0_nav .rig > *:last-child{padding-right: 0;} #fei_web_header_001_0_nav .rig > * > i{font-size: 22px;} #fei_web_header_001_0_nav .rig .phone{ margin-right: 42px; color: rgba(var(--theme)); font-family: MiSans-Demibold;} #fei_web_header_001_0_nav .rig .lyicon-telephone{ margin-right: 10px; font-size: 26px; color: rgba(var(--theme));} #fei_web_header_001_0_nav .rig .menu-nav{ display: none; margin-right: 20px;} #fei_web_header_001_0_nav .rig .menu-nav .lyicon-menu{ font-size: 24px;} #fei_web_header_001_0_nav .rig .search{ font-weight: bold;} @media (max-width: 1460px) { #fei_web_header_001_0_nav .head_btn{display: none;} } /* 导航 */ #fei_web_header_001_0_nav .nav{ font-size: 22px;} #fei_web_header_001_0_nav .nav .li{height:100%; padding: 0 45px; color: #333;} #fei_web_header_001_0_nav .nav .li>a{ font-size: 22px; color: #333; font-family: MiSans-Normal;} #fei_web_header_001_0_nav .nav .li.cur:before{} #fei_web_header_001_0_nav .nav .li.cur>a{ color: rgba(var(--theme)); font-family: MiSans-Medium;} #fei_web_header_001_0_nav .nav .li.cur>a:before{ display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: rgba(var(--theme));} #header.fixed.scroll-top #fei_web_header_001_0_nav .list{box-shadow: none;color: #fff;} #header.fixed.scroll-top.opacity_black #fei_web_header_001_0_nav .list{color: #333;} @media (max-width: 750px) { #header .fei_web_header_001_0{opacity: 1;position: static;height: var(--head_top_height_app);} } /* 移动端菜单按钮 */ #fei_web_header_001_0_nav .head .menu{display: none;padding: 30px 20px;position: relative;cursor: pointer;margin-right: -20px;} #fei_web_header_001_0_nav .head .menu i{width: 36px;height: 2px;display: block;background: var(--head_fz_color);position: relative;transition: .3s;} #fei_web_header_001_0_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;} #fei_web_header_001_0_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 #fei_web_header_001_0_nav .head .menu i, #header.fixed.scroll-top #fei_web_header_001_0_nav .head .menu i::before, #header.fixed.scroll-top #fei_web_header_001_0_nav .head .menu i::after{background: #fff;} #header.fixed.scroll-top.opacity_black #fei_web_header_001_0_nav .head .menu i, #header.fixed.scroll-top.opacity_black #fei_web_header_001_0_nav .head .menu i::before, #header.fixed.scroll-top.opacity_black #fei_web_header_001_0_nav .head .menu i::after{background: #333;} /* 侧边栏菜单展开状态(右侧) */ #header.menu_expand #fei_web_header_001_0_nav .head{box-shadow: none !important;border-bottom-color: transparent !important;} #header.menu_expand #fei_web_header_001_0_nav .menu i{background: transparent !important;} #header.menu_expand #fei_web_header_001_0_nav .menu i::before{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(45deg);} #header.menu_expand #fei_web_header_001_0_nav .menu i::after{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(-45deg);} #header.menu_expand #fei_web_header_001_0_nav .head_btn{display: none;} #fei_web_header_001_0_nav .nav .sub{ top: 100%; left: -9999px; padding: 13px 0 16px; width: 260px; background: #fff; border-top: 1px solid #ddd; transform: translateX(-50%); box-shadow: 0 10px 10px rgba(0, 0, 0, .07);} #fei_web_header_001_0_nav .nav .sub-name{ padding: 0 30px; height: 50px; font-size: 16px; color: #333;} #fei_web_header_001_0_nav .nav .sub-two{ top: 0; left: 100%; margin-top: -1px; padding: 16px 30px 13px 25px; width: 280px; height: calc(100% + 1px); background: #f7f7f7; border-top: 1px solid #ddd;} #fei_web_header_001_0_nav .nav .sub-two-name{ height: 43px; font-size: 16px; color: #666;} #fei_web_header_001_0_nav .nav .lyicon-arrow-down{ font-size: 12px; font-weight: bold;} #fei_web_header_001_0_nav .nav .sub-three-name{ padding-left: 12px; line-height: 30px; font-size: 16px; color: #666;} #fei_web_header_001_0_nav .nav .sub-three-name:before{ display: block; content: ''; position: absolute; top: 50%; left: 0; width: 6px; height: 6px; background: #666; transform: translateY(-50%); border-radius: 50%; transition: all .3s;} #fei_web_header_001_0_nav .nav .product-sub{ top: 100%; padding: 0 0 60px; width: 100% !important; height: calc(100vh - 120px); transform: translateX(0); pointer-events: none; overflow-y: auto;} /*#fei_web_header_001_0_nav .nav .li.cur .product-sub{ left: 0;}*/ #fei_web_header_001_0_nav .product-sub .container{ margin: 0 auto; padding-top: 30px; height: fit-content; pointer-events: visible; transform: translateY(-3px);} /*#fei_web_header_001_0_nav .product-sub .wrapper{ height: 100%;}*/ #fei_web_header_001_0_nav .product-sub .slide{ background: rgba(var(--theme)); border-radius: 8px;} #fei_web_header_001_0_nav .product-sub .sub-name{ height: 50px; font-size: 22px; color: #fff !important; font-family: MiSans-Demibold;} #fei_web_header_001_0_nav .product-sub .sub-name svg{ margin-right: 15px;} #fei_web_header_001_0_nav .product-sub .sub-name-bg{ top: 50%; right: -15px; width: 120px; height: 100%; background-size: 100% auto; background-position: left center; filter: opacity(.1); transform: translateY(-50%);} #fei_web_header_001_0_nav .product-sub .sub-two{ width: 100%; height: calc(100% - 49px); border-radius: 8px 8px 0 0;} #fei_web_header_001_0_nav .product-sub .sub-two-name{ line-height: 28px; font-size: 18px; color: #333; font-family: MiSans-Medium;} #fei_web_header_001_0_nav .product-sub .sub-three{ margin-top: 10px; height: 130px; overflow-y: auto;} #fei_web_header_001_0_nav .product-sub .sub-three-name{ margin-top: 10px; padding-left: 16px; line-height: 25px; font-size: 16px !important; color: #666; font-family: MiSans-Regular;} #fei_web_header_001_0_nav .product-sub .sub-three-name:before{ display: block; content: ''; width: 4px; height: 4px; background: #999; border-radius: 50%; transition: all .3s;} #fei_web_header_001_0_nav .product-sub .sub-three-name:first-child{ margin-top: 0;} /* 导航栏放不下时 */ /* #fei_web_header_001_0_nav.pc_app .nav .li{display: none;} #fei_web_header_001_0_nav.pc_app .menu{display: block;} */ @media (any-hover: hover) { #fei_web_header_001_0_nav .nav .li:hover>a, #fei_web_header_001_0_nav .nav .li.nav_hover>a{color: rgba(var(--theme));} .ly_header_nav_default .li:hover{ background: rgba(var(--theme)) !important;} #fei_web_header_001_0_nav .li:hover .sub:not(.product-sub){ left: 50%;} #fei_web_header_001_0_nav .li:hover .product-sub{ left: 0;} /*#fei_web_header_001_0_nav .li .product-sub:hover{ left: -9999px;}*/ #fei_web_header_001_0_nav .nav .sub:not(.product-sub) .sub-li:hover .sub-name{ background: #f7f7f7; color: rgba(var(--theme));} #fei_web_header_001_0_nav .nav .sub:not(.product-sub) .sub-two-li:hover .sub-two-name{ color: rgba(var(--theme));} #fei_web_header_001_0_nav .nav .sub:not(.product-sub) .sub-two-li:hover .lyicon-arrow-down{ color: rgba(var(--theme)); transform: rotate(-180deg);} #fei_web_header_001_0_nav .nav .sub:not(.product-sub) .sub-three-name:hover{ color: rgba(var(--theme));} #fei_web_header_001_0_nav .nav .sub:not(.product-sub) .sub-three-name:hover:before{ background: rgba(var(--theme));} #fei_web_header_001_0_nav .nav .sub:not(.product-sub) .sub-li:hover .sub-name{ background: #f7f7f7; color: rgba(var(--theme));} #fei_web_header_001_0_nav .product-sub .sub-three-name:hover{ color: rgba(var(--theme));} #fei_web_header_001_0_nav .product-sub .sub-three-name:hover:before{ background: rgba(var(--theme));} } @media (max-width: 1536px) { #fei_web_header_001_0_nav .nav .li{ padding: 0 30px;} } @media (max-width: 1440px) { #fei_web_header_001_0_nav .nav .li{ padding: 0 25px;} #fei_web_header_001_0_nav .nav .li>a{font-size: 20px;} #fei_web_header_001_0_nav .rig .phone{margin-right: 25px;} } @media (max-width: 1380px) { #fei_web_header_001_0_nav .weblogo{ max-width: 270px;} #fei_web_header_001_0_nav .nav .li{ padding: 0 18px;} #fei_web_header_001_0_nav .rig > *{ font-size: 18px;} } @media (max-width: 1200px) { #fei_web_header_001_0_nav .weblogo{ max-width: 240px;} #fei_web_header_001_0_nav .nav .li{ padding: 0 15px;} #fei_web_header_001_0_nav .rig{margin-left: 20px;} #fei_web_header_001_0_nav .rig .phone{margin-right: 20px;} } @media (max-width: 1076px) { #fei_web_header_001_0_nav .rig .menu-nav{ display: block;} #fei_web_header_001_0_nav .nav{ display: none;} #fei_web_header_001_0_mb_nav{ display: block; top: 0; left: 0; z-index: 1; padding: 20px; width: 100%; height: 100%; background: #fff; text-align: right; transform: translateX(-200%);} #fei_web_header_001_0_mb_nav.open{ transform: translateX(0);} #fei_web_header_001_0_mb_nav .nav-top .search-form{ display: none;} #fei_web_header_001_0_mb_nav .lyicon-close{ font-size: 26px; color: #7f7f7f;} #fei_web_header_001_0_mb_nav .nav_in{ height: 100%; overflow-y: auto;} #fei_web_header_001_0_mb_nav .li{ border-bottom: 1px solid #ddd;} #fei_web_header_001_0_mb_nav .li .title{ width: 100%; height: 60px;} #fei_web_header_001_0_mb_nav .li .text{ width: 100%; font-size: 26px; text-align: left;} #fei_web_header_001_0_mb_nav .li .lyicon-add{ font-size: 26px; color: #7f7f7f;} #fei_web_header_001_0_mb_nav .li .sub-li{ padding-left: 30px;} #fei_web_header_001_0_mb_nav .li .sub-name{ height: 50px;} #fei_web_header_001_0_mb_nav .li .sub-text{ font-size: 22px;} #fei_web_header_001_0_mb_nav .li .sub-two-name{ padding-left: 30px; height: 50px;} #fei_web_header_001_0_mb_nav .li .sub-two-text{ line-height: 50px; font-size: 22px;} #fei_web_header_001_0_mb_nav .li .sub-three{ padding-left: 30px;} #fei_web_header_001_0_mb_nav .li .sub-three-name{ padding-left: 30px; line-height: 40px; font-size: 18px; text-align: left;} #fei_web_header_001_0_mb_nav .sub-li.cur .sub-name .lyicon-arrow-down{ transform: rotate(180deg);} #fei_web_header_001_0_mb_nav .sub-two-li.cur .sub-two-name .lyicon-arrow-down{ transform: rotate(180deg);} } @media (max-width: 1024px) { #fei_web_header_001_0_nav .list .nav{font-size: 16px;} } @media (max-width: 900px) { #fei_web_header_001_0_nav .rig .search{ display: none;} #fei_web_header_001_0_nav .rig .search i {font-size: 26px;} #fei_web_header_001_0_mb_nav .nav-top{ justify-content: space-between; height: 60px;} #fei_web_header_001_0_mb_nav .search-form{ display: flex !important; max-width: 300px; width: 92%; height: 40px; border: 1px solid #333; border-radius: 20px;} #fei_web_header_001_0_mb_nav .search-form input[type=text]{ padding: 0 20px; width: calc(100% - 60px); height: 100%; font-size: 16px;} #fei_web_header_001_0_mb_nav .search-form .submit{ width: 40px; height: 100%;} } @media (max-width: 768px) { /* #fei_web_header_001_0_nav .head{height: var(--head_top_height_app) !important;} #header_bg{height: var(--head_top_height_app) !important;} */ #fei_web_header_001_0_nav .weblogo{ margin-right: 0; max-width: 318px;} #fei_web_header_001_0_nav{ background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, .05);} #header.fixed, #fei_web_header_001_0_nav .rig, #header_bg{ height: 1.2rem !important;} #fei_web_header_001_0_nav .rig{ margin-left: .2rem;} #fei_web_header_001_0_nav .rig .menu-nav{ margin-right: .2rem;} #fei_web_header_001_0_nav .rig .lyicon-telephone{ display: none;} #fei_web_header_001_0_nav .rig .phone{ margin-right: .2rem; font-size: .3rem; white-space: nowrap;} #fei_web_header_001_0_nav .rig > * > i{font-size: 26px;} #fei_web_header_001_0_nav .rig .search i {font-size: 26px;} /* #fei_web_header_001_0_nav .rig .language{display: none;} */ #fei_web_header_001_0_nav .head .menu{padding: 30px;} #fei_web_header_001_0_nav .head .menu i{width: 46px;height: 3px;} #fei_web_header_001_0_nav .head .menu i::before{transform: translateY(-18px);height: 3px;} #fei_web_header_001_0_nav .head .menu i::after{transform: translateY(18px);height: 3px;} #header.menu_expand #fei_web_header_001_0_nav .weblogo{opacity: 0;} #fei_web_header_001_0_mb_nav .li .text{ font-size: .3rem;} #fei_web_header_001_0_mb_nav .li .sub{ padding-bottom: .5rem;} #fei_web_header_001_0_mb_nav .li .sub-name{ height: auto; line-height: 1.8;} #fei_web_header_001_0_mb_nav .li .sub-text{ font-size: .26rem;} #fei_web_header_001_0_mb_nav .li .sub-two-name{ height: auto; line-height: 1.8;} #fei_web_header_001_0_mb_nav .li .sub-two-text{ line-height: 1.8; font-size: .26rem;} #fei_web_header_001_0_mb_nav .li .sub-three-name{ height: auto; line-height: 1.8; font-size: .26rem;} } @-webkit-keyframes fei_web_header_001_0-scale-up { 0% {-webkit-transform: scale(0);opacity: 0;} 60% {-webkit-transform: scale(1.2);opacity: 1;} 100% {-webkit-transform: scale(1);opacity: 1;} } @-moz-keyframes fei_web_header_001_0-scale-up { 0% {-moz-transform: scale(0);opacity: 0;} 60% {-moz-transform: scale(1.2);opacity: 1;} 100% {-moz-transform: scale(1);opacity: 1;} } @keyframes fei_web_header_001_0-scale-up { 0% {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 0;} 60% {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);opacity: 1;} 100% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;} } @-webkit-keyframes fei_web_header_001_0-scale-down { 0% {-webkit-transform: scale(1);opacity: 1;} 60% {-webkit-transform: scale(0);opacity: 0;} } @-moz-keyframes fei_web_header_001_0-scale-down { 0% {-moz-transform: scale(1);opacity: 1;} 60% {-moz-transform: scale(0);opacity: 0;} } @keyframes fei_web_header_001_0-scale-down { 0% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;} 60% {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 0;} } :root{ --theme: 0, 87, 173; } #fei_web_footer_001_0 { background: #063773; overflow: hidden;} #fei_web_footer_001_0 .content{ padding: 94px 0 84px;} /* #fei_web_footer_001_0 .content .foot_nav { padding: 50px 0 32px 8.3333vw;} */ #fei_web_footer_001_0 .content .foot_left{ width: calc(100% - 30.9375%);} #fei_web_footer_001_0 .content .copyright { width: 100%; font-size: 18px; color: rgba(255, 255, 255, .5); font-family: MiSans-Normal;} #fei_web_footer_001_0 .foot_nav .ul{ margin-right: 2%; width: 23.5294%;} #fei_web_footer_001_0 .foot_nav .ul .title{ margin-bottom: 50px; height: 30px;} #fei_web_footer_001_0 .foot_nav .ul .text{ font-size: 22px; color: #fff; font-family: MiSans-Medium;} #fei_web_footer_001_0 .foot_nav .ul .lyicon-add{ display: none;} #fei_web_footer_001_0 .foot_nav .ul .li { margin-top: 16px;} #fei_web_footer_001_0 .foot_nav .ul .li-title { line-height: 28px; font-size: 18px;} #fei_web_footer_001_0 .foot_nav .ul .li .lyicon-arrow-down{ display: none;} #fei_web_footer_001_0 .foot_nav .ul .li a{ color: #fff; font-family: MiSans-Normal;} #fei_web_footer_001_0 .foot_nav .sub-two{ padding-left: 20px;} #fei_web_footer_001_0 .foot_nav .sub-two-text{ font-size: 14px;} #fei_web_footer_001_0 .foot_nav .sub-three{ padding-left: 20px;} #fei_web_footer_001_0 .foot_nav .sub-three-name{ font-size: 12px;} #fei_web_footer_001_0 .foot_nav .ul .li.cur .li-title .lyicon-arrow-down{ transform: rotate(180deg);} #fei_web_footer_001_0 .foot_nav .ul .sub-two-li.cur .sub-two-name .lyicon-arrow-down{ transform: rotate(180deg);} #fei_web_footer_001_0 .copyright *{ font-size: 18px; color: rgba(255, 255, 255, .5); font-family: MiSans-Normal;} #fei_web_footer_001_0 .foot_rig{ padding-left: 70px; width: 34.375%;} #fei_web_footer_001_0 .foot_rig:before{ display: block; content: ''; position: absolute; top: 50%; left: 0; height: 95%; border-left: 1px solid rgba(255, 255, 255, .05); transform: translateY(-50%);} #fei_web_footer_001_0 .foot_title{ line-height: 38px; font-size: 32px; color: #fff; font-family: MiSans-Demibold;} #fei_web_footer_001_0 .foot_share{ margin-top: 30px;} /* #fei_web_footer_001_0 .share-item{ margin-left: 22px; width: 48px; height: 48px; background: rgba(255, 255, 255, .1); font-size: 24px; color: #fff; border-radius: 50%;} #fei_web_footer_001_0 .share-item .img{ left: 50%; top: 110%; width: 150px; height: 150px; background: #fff; transform: translateX(-50%); border-radius: 8px; opacity: 0; pointer-events: none;} */ #fei_web_footer_001_0 .share-item{ margin-left: 2%; width: 32%;} #fei_web_footer_001_0 .share-item:first-child{ margin-left: 0;} #fei_web_footer_001_0 .share-item .share-item-img{ width: 100%; height: 100%; background: #fff; border-radius: 8px; pointer-events: none;} #fei_web_footer_001_0 .share-item .share-item-img img{ width: 100%; height: 100%;} #fei_web_footer_001_0 .share-item .share-item-title{ margin-top: 10px; font-size: 14px; color: #fff; text-align: center;} #fei_web_footer_001_0 .foot_info{ margin-top: 55px;} #fei_web_footer_001_0 .foot_info .item{ margin-top: 30px;} #fei_web_footer_001_0 .foot_info .item:first-child{ margin-top: 0;} #fei_web_footer_001_0 .foot_info .item span{ margin-right: 16px; font-size: 20px;} #fei_web_footer_001_0 .foot_info .item .tit{ line-height: 30px; font-size: 22px; color: #fff; font-family: MiSans-Medium;} #fei_web_footer_001_0 .foot_info .item .txt{ margin-top: 10px; line-height: 24px; font-size: 18px; color: rgba(255, 255, 255, .5); font-family: MiSans-Normal;} #fei_web_footer_001_0 .foot_info .item .email{ margin-top: 8px; line-height: 21px; font-size: 18px; color: rgba(255, 255, 255, .5); font-family: MiSans-Normal;} #fei_web_footer_001_0 .foot_rig .copyright{ margin-top: 85px; font-size: 18px; color: rgba(255, 255, 255, .5); font-family: MiSans-Normal;} #fei_web_footer_001_0 .foot_rig .copyright .mb_copyright{ display: none;} #fei_web_footer_001_0 .foot_rig .copyright .parting{ margin: 0 15px; font-size: 18px; color: rgba(255, 255, 255, .5);} /* 友情链接 */ #fei_web_footer_001_0_links{font-size: 16px;height: 72px;border-top: 1px solid var(--font_color_3);color: var(--font_color_2);} #fei_web_footer_001_0_links .fd_link{display: flex;flex-wrap: wrap;gap: 10px 26px;} #fei_web_footer_001_0_links .fd_link span{font-weight: bold;} #fei_web_footer_001_0_float{ top: 50%; right: 20px; z-index: 1; transform: translateY(-50%);} #fei_web_footer_001_0_float .float-item{ margin-top: 6px; padding: 0 14px; width: 52px; height: 52px; background: #fff; border-radius: 8px; box-shadow: 0 8px 10px rgba(0, 0, 0, .05); cursor: default;} #fei_web_footer_001_0_float .float-item .float-text{ padding-left: 0; width: 0; color: #fff; overflow: hidden;} #fei_web_footer_001_0_float .phone .float-text{ font-size: 20px;} #fei_web_footer_001_0_float .contact .float-text{ font-size: 16px;} #fei_web_footer_001_0_float .float-icon{ height: 100%; font-size: 24px;} #fei_web_footer_001_0_float .float-qrcode{ top: 0; right: calc(100% + 6px); width: 170px; height: 170px; opacity: 0; pointer-events: none;} #fei_web_footer_001_0_float .float-qrcode img{ max-width: 100%; max-height: 100%;} #fei_web_footer_001_0_float .float-item.contact{ cursor: pointer;} #fei_web_footer_001_0_float .float-item:last-child{ background: rgba(var(--theme)); cursor: pointer;} #fei_web_footer_001_0_float .float-item:last-child .float-icon{ color: #fff;} #fei_web_footer_001_0_feedback{ top: 0; left: -99999px; z-index: 100; width: 100%; height: 100%; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);} #fei_web_footer_001_0_feedback:before{ display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .1); filter: blur(10px);} #fei_web_footer_001_0_feedback.cur{ left: 0;} #fei_web_footer_001_0_feedback .pop-form-in{ top: 50%; left: 50%; z-index: 10; padding: 50px; background: #fff; transform: translate(-50%, -50%); border-radius: 8px;} #fei_web_footer_001_0_feedback .title{ line-height: 50px; font-size: 42px; color: #333; font-weight: bold; text-align: center; font-family: MiSans-Demibold;} #fei_web_footer_001_0_feedback .form{ background-color: #f5f6fa;} #fei_web_footer_001_0_feedback form[feedback] { margin-top: 47px; background-color: #fff;} #fei_web_footer_001_0_feedback form[feedback] .one {display: flex;align-items: center;justify-content: space-between;} #fei_web_footer_001_0_feedback form[feedback] .one .box {width: 31.6429%;} #fei_web_footer_001_0_feedback form[feedback] .text { line-height: 28px; font-size: 18px; display: flex; align-items: center; font-family: MiSans-Regular;} #fei_web_footer_001_0_feedback form[feedback] .text.required{ padding-right: 16px;} #fei_web_footer_001_0_feedback form[feedback] .text.required:after{ display: block; content: ''; margin-left: 10px; width: 5px; height: 5px; background: #1a1a1a; border-radius: 50%;} #fei_web_footer_001_0_feedback form[feedback] .one .box .input {width: 100%;border-radius: 4px;background: #fff;font-size: 16px;border: 1px solid #ddd;padding: 0 19px;line-height: 48px;margin-top: 7px;} #fei_web_footer_001_0_feedback form[feedback] .one .box .input:focus, #fei_web_footer_001_0_feedback form[feedback] .one .box .input:hover {border-color: rgba(var(--theme));} #fei_web_footer_001_0_feedback form[feedback] .one .box .input::placeholder{opacity: 0;color: #999;transition: all 0.3s;} #fei_web_footer_001_0_feedback form[feedback] .one .box .input:focus::placeholder, #fei_web_footer_001_0_feedback form[feedback] .one .box .input:hover::placeholder {opacity: 1;} #fei_web_footer_001_0_feedback form[feedback] .two {margin-top: 35px;} #fei_web_footer_001_0_feedback form[feedback] .two .textarea {width: 100%;margin-top: 10px;height: 226px;border-radius: 4px;background: #fff;padding: 19px;font-size: 16px;border: 1px solid #ddd;} #fei_web_footer_001_0_feedback form[feedback] .two .textarea:focus, #fei_web_footer_001_0_feedback form[feedback] .two .textarea:hover {border-color: rgba(var(--theme));} #fei_web_footer_001_0_feedback form[feedback] .two .textarea::placeholder{ opacity: 0;color: #999;transition: all 0.3s;} #fei_web_footer_001_0_feedback form[feedback] .two .textarea:focus::placeholder, #fei_web_footer_001_0_feedback form[feedback] .two .textarea:hover::placeholder {opacity: 1;} #fei_web_footer_001_0_feedback form[feedback] .btn {margin: 60px auto 0; width: 180px; height: 60px; border-radius: 30px;padding: 0 28px;background: rgba(var(--theme)); font-size: 16px; color: #fff; text-align: center; font-family: MiSans-Medium;} #fei_web_footer_001_0_feedback form[feedback] .btn .icon{width: 4px; height: 7px;} #fei_web_footer_001_0_feedback form[feedback] .btn:hover{opacity: 0.8;} @media (any-hover: hover) { #fei_web_footer_001_0 .share-item:hover .img{ opacity: 1; cursor: pointer;} #fei_web_footer_001_0_float .float-item:hover{ background: rgba(var(--theme));} #fei_web_footer_001_0_float .float-item:hover .float-icon{ color: #fff;} #fei_web_footer_001_0_float .float-item.phone:hover, #fei_web_footer_001_0_float .float-item.contact:hover{ width: auto;} #fei_web_footer_001_0_float .float-item.phone:hover .float-text, #fei_web_footer_001_0_float .float-item.contact:hover .float-text{ padding-left: 15px; width: auto;} #fei_web_footer_001_0_float .float-item.qrcode:hover .float-qrcode{ opacity: 1;} } @media only screen and (max-width: 1680px){ #fei_web_footer_001_0 .foot_nav .ul{ margin-right: 4.2083vw;} #fei_web_footer_001_0 .logo_foot{ width: 90%;} } @media only screen and (max-width: 1540px){ /* #fei_web_footer_001_0 .content .link{ flex-direction: column;} */ #fei_web_footer_001_0 .foot_nav{ flex-wrap: wrap;} #fei_web_footer_001_0 .foot_nav .ul{ margin-right: 1.6%; width: 20.3333%;} } @media only screen and (max-width: 1280px){ /* #fei_web_footer_001_0 .content{ width: calc(100% - 35%);} #fei_web_footer_001_0 .foot_rig{ width: 35%;} */ #fei_web_footer_001_0 .content .foot_left{ width: calc(100% - 395px);} #fei_web_footer_001_0 .foot_rig{ padding-left: 30px; width: 400px;} #fei_web_footer_001_0 .foot_nav .ul{ width: 23.3333%;} } @media only screen and (max-width: 1050px){ #fei_web_footer_001_0 .content{ flex-direction: column;} #fei_web_footer_001_0 .content .foot_left{ width: 100%;} #fei_web_footer_001_0 .foot_left .copyright{ display: none;} #fei_web_footer_001_0 .foot_rig{ padding-left: 0; width: 100%;} #fei_web_footer_001_0 .foot_rig .copyright .mb_copyright{ display: flex;} #fei_web_footer_001_0 .foot_rig:before{ border-left: 0;} #fei_web_footer_001_0 .share-item{ margin-left: 10px;} } @media screen and (max-width: 992px){ #fei_web_footer_001_0_feedback .form{ padding: .7rem 0 1.02rem;} #fei_web_footer_001_0_feedback form[feedback] { margin-top: .36rem; padding: .53rem .76rem;} #fei_web_footer_001_0_feedback form[feedback] .text { line-height: .21rem; font-size: .14rem;} #fei_web_footer_001_0_feedback form[feedback] .text.required{ padding-right: .12rem;} #fei_web_footer_001_0_feedback form[feedback] .text.required:after{ margin-left: .08rem; width: .04rem; height: .04rem;} #fei_web_footer_001_0_feedback form[feedback] .one .box .input { border-radius: .03rem; font-size: .12rem; padding: 0 .14rem; line-height: .36rem; margin-top: .05rem;} #fei_web_footer_001_0_feedback form[feedback] .two { margin-top: .27rem;} #fei_web_footer_001_0_feedback form[feedback] .two .textarea { margin-top: .07rem; height: 1.71rem; border-radius: .03rem; padding: .14rem; font-size: .12rem;} #fei_web_footer_001_0_feedback form[feedback] .btn { margin: .45rem auto 0; width: 1.36rem; height: .45rem; border-radius: .23rem; padding: 0 .21rem; font-size: .12rem;} #fei_web_footer_001_0_feedback form[feedback] .btn .icon{ width: .03rem; height: .05rem;} } @media only screen and (max-width: 768px) { .lyfooterfloadbox{ display: none;} #fei_web_footer_001_0_float{ display: none;} #fei_web_footer_001_0 .content{ padding: .5rem 0;} #fei_web_footer_001_0 .foot_title{ line-height: 1.8; font-size: .42rem;/* text-align: center;*/} #fei_web_footer_001_0 .foot_info .item .tit{ line-height: 1.8; font-size: .36rem;} #fei_web_footer_001_0 .foot_info .item .txt{ line-height: 1.8; font-size: .26rem;} #fei_web_footer_001_0 .content .link{ flex-direction: column; padding: 0 30px 30px; text-align: center;} #fei_web_footer_001_0 .content .rig{ justify-content: center; margin-top: 30px;} #fei_web_footer_001_0 .content .qrcode{ width: 49%;} #fei_web_footer_001_0 .content .foot_nav{ padding: 0; width: 100%;} #fei_web_footer_001_0 .content .ul{ flex-direction: column; margin: 0; padding: 0 30px; width: 100%; border-top: 0; border-bottom: 1px solid #fff;} #fei_web_footer_001_0 .content .ul:first-child{ border-top: 0;} #fei_web_footer_001_0 .content .ul .title{ margin-bottom: 0; height: auto; line-height: 3; display: flex; justify-content: space-between; align-items: center;} #fei_web_footer_001_0 .content .ul .title_a{ width: 100%;} #fei_web_footer_001_0 .content .ul .text{ margin-bottom: 0;} #fei_web_footer_001_0 .content .ul .lyicon-add{ display: block; margin: 0; font-size: 24px; color: #fff;} #fei_web_footer_001_0 .content .ul .li{ display: none; margin: 0 0 10px 0;} #fei_web_footer_001_0 .content .ul .li:last-child{ margin-bottom: 25px;} #fei_web_footer_001_0 .content .ul.cur .li{ display: block;} #fei_web_footer_001_0 .content .ul .li .li-title .lyicon-arrow-down{ display: block;} #fei_web_footer_001_0 .content .ul .li.cur .li-title .lyicon-arrow-down{ transform: rotate(180deg);} #fei_web_footer_001_0 .content .sub-two{ padding-left: .3rem;} #fei_web_footer_001_0 .content .sub-three{ padding-left: .3rem;} #fei_web_footer_001_0 .foot_nav .ul .text{ font-size: .3rem;} #fei_web_footer_001_0 .foot_nav .ul .li-title{ font-size: .26rem;} #fei_web_footer_001_0 .foot_nav .sub-two-name{ line-height: 1.8;} #fei_web_footer_001_0 .foot_nav .sub-two-text{ font-size: .26rem;} #fei_web_footer_001_0 .foot_nav .sub-three{ line-height: 1.8;} #fei_web_footer_001_0 .foot_nav .sub-three-name{ line-height: 1.8; font-size: .26rem;} /*#fei_web_footer_001_0 .foot_share{ justify-content: center;}*/ #fei_web_footer_001_0 .foot_share .share-item{ margin-left: 2%; width: 32%; height: auto;} #fei_web_footer_001_0 .foot_share .share-item:first-child{ margin-left: 0;} #fei_web_footer_001_0 .foot_share .share-item.cur .img{ left: 0; opacity: 1; transform: translateX(0);} #fei_web_footer_001_0 .foot_rig{ margin-top: .5rem;} #fei_web_footer_001_0 .foot_info .item .email-a{ font-size: .26rem;} #fei_web_footer_001_0 .foot_rig .copyright{ margin-top: .85rem;} #fei_web_footer_001_0 .copyright *{ font-size: .26rem;} #fei_web_footer_001_0_feedback .form{ padding: .93rem 0 1.35rem;} #fei_web_footer_001_0_feedback form[feedback] { margin-top: .47rem; padding: .5rem;} #fei_web_footer_001_0_feedback form[feedback] .one{ flex-direction: column;} #fei_web_footer_001_0_feedback form[feedback] .one .box{ margin-top: .2rem; width: 100%;} #fei_web_footer_001_0_feedback form[feedback] .one .box:first-child{ margin-top: 0;} #fei_web_footer_001_0_feedback form[feedback] .one .box .input { border-radius: .04rem; font-size: .3rem; padding: 0 .19rem; line-height: .7rem; margin-top: .07rem;} #fei_web_footer_001_0_feedback form[feedback] .text { line-height: 1.8; font-size: .3rem;} #fei_web_footer_001_0_feedback form[feedback] .text.required{ padding-right: .16rem;} #fei_web_footer_001_0_feedback form[feedback] .text.required:after{ margin-left: .1rem; width: .05rem; height: .05rem;} #fei_web_footer_001_0_feedback form[feedback] .two { margin-top: .35rem;} #fei_web_footer_001_0_feedback form[feedback] .two .textarea { margin-top: .1rem; height: 2.26rem; border-radius: .04rem; padding: .19rem; font-size: .3rem;} #fei_web_footer_001_0_feedback form[feedback] .btn { margin: .6rem auto 0; width: 100%; height: .8rem; border-radius: .3rem; padding: 0 .28rem; font-size: .26rem; border-radius: .4rem;} #fei_web_footer_001_0_feedback form[feedback] .btn .icon{ width: .04rem; height: .07rem;} }.lyuilocation_001 { --theme: 0, 87, 173; --width: 100%; --fontSize: 16px; } .lyuilocation_001{ margin-top: 34px; height: 80px;} .lyuilocation_001.blog {margin-top: 0;} .lyuilocation_001 .cw1600{ height: 100%;} .lyuilocation_001 .lyicon-home-filling{ font-size: 22px;} .lyuilocation_001-item, .lyuilocation_001-icon{ margin: 0 10px; line-height: 23px;font-size: var(--fontSize); color: #999; font-family: MiSans-Regular;} .lyuilocation_001-rig{ width: 130px; height: 45px; border: 1px solid #96add3; font-size: 18px; color: #96add3; border-radius: 23px; font-family: MiSans-Regular;} .lyuilocation_001-num{ font-size: 16px; color: var(--numColor);} .lyuilocation_001-item:last-child{ color: #333;} .lyuilocation_001.detail{ margin-top: 0; background: rgba(var(--theme));} .lyuilocation_001.detail .lyuilocation_001-item, .lyuilocation_001.detail .lyuilocation_001-rig-icon, .lyuilocation_001.detail .lyuilocation_001-icon{ color: #96add3;} @media screen and (max-width:1024px) { .lyuilocation_001 {width: 100%;padding: 30px;} } @media screen and (max-width: 992px) { .lyuilocation_001{ display: none;} }.lyuicategory_003 { --margin-top: 0; --border-radius: 0; --width: 300px; --background-color: #fff; --one-title-height: 78px; --one-border-bottom: 1px solid #e6e6e6; --one-title-padding: 0; --one-font-size: 22px; --one-font-color: #333; --open-one-background-color: 0, 87, 173; --open-one-font-color: 0, 87, 173; --open-one-icon-color: 0, 87, 173; --two-in: 0 21px; --two-in-bg-color: #f6f7fb; --two-line-height: 43px; --two-font-size: 18px; --two-font-color: #666; --open-two-font-color: 0, 87, 173; --open-two-icon-color: 0, 87, 173; --three-in-padding: 0 0 9px; --three-padding-left: 26px; --three-line-height: 26px; --three-font-size: 16px; --three-font-color: #666; --three-title-cur-font-color: 0, 87, 173; } .lyuicategory_003{ margin-top: var(--margin-top); width: var(--width); background-color: var(--background-color); border-radius: var(--border-radius);} .lyuicategory_003-in{ height: 85vh; overflow-x: hidden; overflow-y: auto;} .lyuicategory_003-one{ border-bottom: var(--one-border-bottom);} .lyuicategory_003-one-title{ padding: var(--one-title-padding); width: 100%; height: var(--one-title-height); cursor: pointer;} .lyuicategory_003-one-tit{ font-size: var(--one-font-size); color: var(--one-font-color); font-family: MiSans-Regular;} .lyuicategory_003-one-open{ border-bottom: 0;} .lyuicategory_003-one:hover .lyuicategory_003-one-title, .lyuicategory_003-one-open .lyuicategory_003-one-title{ color: rgba(var(--open-one-font-color)); font-family: MiSans-Medium;} .lyuicategory_003-one:hover .lyuicategory_003-one-tit, .lyuicategory_003-one-open .lyuicategory_003-one-tit, .lyuicategory_003-one:hover .lyuicategory_003-one-icon{ color: rgba(var(--open-one-icon-color)); font-family: MiSans-Medium;} .lyuicategory_003-one-open .lyuicategory_003-one-icon{ color: rgba(var(--open-one-icon-color)); transform: rotate(180deg);} .lyuicategory_003-two-in{ padding: var(--two-in); background: var(--two-in-bg-color);} .lyuicategory_003-two-item{ padding: 21px 0; border-bottom: 1px solid #e6e6e6;} .lyuicategory_003-two-item:last-child{ border-bottom: 0;} .lyuicategory_003-two-title{ line-height: var(--two-line-height); font-size: var(--two-font-size); color: var(--two-font-color); cursor: pointer;} .lyuicategory_003-two-tit{ font-family: MiSans-Medium;} .lyuicategory_003-three-title{ margin-top: 10px; padding-left: var(--three-padding-left); line-height: var(--three-line-height); font-size: var(--three-font-size); color: var(--three-font-color);} .lyuicategory_003-three-title:before{ display: block; content: ''; position: absolute; top: 50%; left: 5px; width: 6px; height: 6px; background: #999; border-radius: 50%; transform: translateY(-50%);} .lyuicategory_003-two-item:hover .lyuicategory_003-two-title, .lyuicategory_003-two-open .lyuicategory_003-two-title{ color: rgba(var(--open-two-font-color));} .lyuicategory_003-two-item:hover .lyuicategory_003-two-tit, .lyuicategory_003-two-open .lyuicategory_003-two-tit{ color: rgba(var(--open-two-font-color));} .lyuicategory_003-two-open .lyuicategory_003-two-icon{ color: rgba(var(--open-two-icon-color)); transform: rotate(180deg);} .lyuicategory_003-three-in{ padding: var(--three-in-padding);} .lyuicategory_003-three-title:hover, .lyuicategory_003-three-title.cur{ color: rgba(var(--three-title-cur-font-color));} .lyuicategory_003-three-title:hover:before, .lyuicategory_003-three-title.cur:before{ background: rgba(var(--three-title-cur-font-color));} .lyuicategory_003-three-title{ font-family: MiSans-Regular;} @media screen and (max-width: 750px){ .lyuicategory_003-one-tit, .lyuicategory_003-one-icon{ font-size: 24px;} .lyuicategory_003-two-tit, .lyuicategory_003-two-icon{ font-size: 24px;} .lyuicategory_003-three-title{ font-size: 20px;} }.lyuicategory_004 { --margin-top: 45px; --border-radius: 0; --width: 100%; --title-padding: 0 30px; --title-width: 100%; --title-height: 60px; --title-font-size: 28px; --background-color: #fff; --one-title-height: 62px; --one-border-bottom: 2px solid #f7f7f7; --one-title-padding: 0 30px; --one-font-size: 18px; --one-font-color: #333; --open-one-background-color: 0, 87, 173; --open-one-font-color: #fff; --open-one-icon-color: #fff; --two-in: 13px 30px 17px 45px; --two-line-height: 43px; --two-font-size: 16px; --two-font-color: #666; --open-two-font-color: 0, 87, 173; --open-two-icon-color: 0, 87, 173; --three-padding-left: 20px; --three-line-height: 30px; --three-font-size: 16px; --three-font-color: #666; --three-title-icon: '·'; --three-title-before-font-size: 32px; --three-title-before-font-color: #666; } .lyuicategory_004{ margin-top: var(--margin-top); width: var(--width); background-color: var(--background-color); border-radius: var(--border-radius); box-shadow: 0 0 30px rgba(0, 0, 0, .1);} .lyuicategory_004-title{ padding: var(--title-padding); width: var(--title-width); line-height: var(--title-height); font-size: var(--title-font-size); cursor: pointer;} .lyuicategory_004-title.cur .lyicon-arrow-down-bold{ transform: rotate(180deg);} .lyuicategory_004-in{ position: absolute; top: 100%; left: 0; z-index: 1; width: 100%; background: #fff;} .lyuicategory_004-one{ border-bottom: var(--one-border-bottom);} .lyuicategory_004-one:first-child{ border-top: var(--one-border-bottom);} .lyuicategory_004-one-title{ padding: var(--one-title-padding); width: 100%; height: var(--one-title-height); cursor: pointer;} .lyuicategory_004-one-tit{ font-size: var(--one-font-size); color: var(--one-font-color);} .lyuicategory_004-one-tit.no_sub{ width: 100%; height: 100%;} .lyuicategory_004-one:hover .lyuicategory_004-one-title, .lyuicategory_004-one-open .lyuicategory_004-one-title{ background-color: rgba(var(--open-one-background-color)); color: var(--open-one-font-color);} .lyuicategory_004-one:hover .lyuicategory_004-one-tit, .lyuicategory_004-one-open .lyuicategory_004-one-tit, .lyuicategory_004-one:hover .lyuicategory_004-one-icon, .lyuicategory_004-one-open .lyuicategory_004-one-icon{ color: var(--open-one-icon-color);} .lyuicategory_004-two-in{ padding: var(--two-in);} .lyuicategory_004-two-title{ line-height: var(--two-line-height); font-size: var(--two-font-size); color: var(--two-font-color); cursor: pointer;} .lyuicategory_004-three-title{ padding-left: var(--three-padding-left); line-height: var(--three-line-height); font-size: var(--three-font-size); color: var(--three-font-color);} .lyuicategory_004-three-title:before{ display: block; content: var(--three-title-icon); position: absolute; top: 50%; left: 0; font-size: var(--three-title-before-font-size); color: var(--three-title-before-font-color); transform: translateY(-50%);} .lyuicategory_004-two-item:hover .lyuicategory_004-two-title, .lyuicategory_004-two-open .lyuicategory_004-two-title{ color: rgba(var(--open-two-font-color));} .lyuicategory_004-two-item:hover .lyuicategory_004-two-tit, .lyuicategory_004-two-open .lyuicategory_004-two-tit{ color: rgba(var(--open-two-icon-color));} .lyuicategory_004-two-open .lyuicategory_004-two-icon{ color: rgba(var(--open-two-icon-color)); transform: rotate(180deg);} .lyuicategory_004-two-open .lyuicategory_004-two-tit.no_sub{ width: 100%; height: 100%;} .lyuicategory_004-three-title:hover, .lyuicategory_004-three-titl.cur{ color: rgba(var(--open-two-icon-color));} .lyuicategory_004-three-title:hover:before, .lyuicategory_004-three-title.cur:before{ color: rgba(var(--open-two-icon-color));} @media screen and (max-width: 768px){ .lyuicategory_004-title{ font-size: .3rem;} .lyuicategory_004-one-tit, .lyuicategory_004-one-icon{ font-size: .3rem;} .lyuicategory_004-two-tit, .lyuicategory_004-two-icon{ font-size: .3rem;} .lyuicategory_004-three-title{ font-size: .3rem;} } :root{ --theme: 0, 87, 173; } html, body{ overflow: visible;} * img{ max-width: 100%; max-height: 100%;} #fei_web_products_detail_001_0 .products_category_mb{ display: none;} #fei_web_products_detail_001_0 { padding: 0 0 175px;} #fei_web_products_detail_001_0 .products_category{ margin-top: 85px;} #fei_web_products_detail_001_0 .products_category>div{ position: sticky; top: 0;} #fei_web_products_detail_001_0 .rig{ margin-top: 85px; width: calc(100% - 350px);} #fei_web_products_detail_001_0 .rig-item{ margin-top: 150px; padding-bottom: 120px; border-bottom: 1px solid #e6e6e6;} #fei_web_products_detail_001_0 .rig-item:first-child{ margin-top: 0; border-bottom: 0;} #fei_web_products_detail_001_0 .rig-item.detail{ margin-top: 0;} #fei_web_products_detail_001_0 .category-name{ line-height: 62px; font-size: 55px; color: #333; text-align: center; font-family: MiSans-Semibold;} #fei_web_products_detail_001_0 .category-brief{/* margin-top: 36px;*/ line-height: 50px; font-size: 24px; color: #333; text-align: center;} #fei_web_products_detail_001_0 .category-brief *{ line-height: 36px;} #fei_web_products_detail_001_0 .category-video{ margin-top: 36px; width: 100%; border-radius: 8px;} /* #fei_web_products_detail_001_0 .category-video .lyicon-bofang1{ display: block; top: 50%; left: 50%; z-index: 1; width: 90px; height: 90px; line-height: 74px; border: 8px solid #fff; font-size: 30px; color: #fff; text-align: center; cursor: pointer; border-radius: 50%; transform: translate(-50%, -50%);} */ #fei_web_products_detail_001_0 .category-video .video-btn{ top: 50%; left: 50%; z-index: 1; width: 90px; height: 90px; text-align: center; cursor: pointer; border-radius: 50%; transform: translate(-50%, -50%);} #fei_web_products_detail_001_0 .category-video .video-btn img{ max-width: 100%; max-height: 100%;} #fei_web_products_detail_001_0 .detail-info{ width: 40.8%;} #fei_web_products_detail_001_0 .detail-name{ line-height: 60px; font-size: 45px; color: #333; font-family: MiSans-Semibold;} #fei_web_products_detail_001_0 .detail-brief{ margin-top: 20px; line-height: 36px; font-size: 20px; color: #333; font-family: MiSans-Regular;} #fei_web_products_detail_001_0 .detail-img{ padding-bottom: 104px; width: 50.8%;} #fei_web_products_detail_001_0 .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 0 !important; height: 10px; line-height: 9px;} #fei_web_products_detail_001_0 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 11px; width: 10px; height: 10px; background: #dadfe6; opacity: 1; border-radius: 50%;} #fei_web_products_detail_001_0 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: rgba(var(--theme));} #fei_web_products_detail_001_0 .list .item{ margin-top: 170px;} #fei_web_products_detail_001_0 .list .item:first-child{ margin-top: 0;} #fei_web_products_detail_001_0 .list .item:nth-child(even){ flex-direction: row-reverse;} #fei_web_products_detail_001_0 .list .item-img{ width: 57.44%;} #fei_web_products_detail_001_0 .list .item-img video{ width: 100%;} #fei_web_products_detail_001_0 .list .item-info{ width: 40%;} #fei_web_products_detail_001_0 .list .item-name{ line-height: 48px; font-size: 40px; color: rgba(var(--theme)); font-family: MiSans-Medium;} #fei_web_products_detail_001_0 .list .item-brief{ margin-top: 26px; line-height: 30px; font-size: 20px; color: #333; font-family: MiSans-Regular;} #fei_web_products_detail_001_0 .case-title{ line-height: 53px; font-size: 45px; color: #333; text-align: center; font-family: MiSans-Semibold;} #fei_web_products_detail_001_0 .case-brief{ margin-top: 21px; line-height: 33px; font-size: 20px; color: #333; text-align: center; font-family: MiSans-Regular;} #fei_web_products_detail_001_0 .case-list{ margin-top: 78px; max-height: 500px;} #fei_web_products_detail_001_0 .case-left{ width: 28%; overflow-y: auto;} #fei_web_products_detail_001_0 .case-left-in{ padding-right: 27px;} #fei_web_products_detail_001_0 .case-item{ height: 83px; border-bottom: 1px solid #e6e6e6; font-size: 22px; color: #333;} #fei_web_products_detail_001_0 .case-name{ width: 90%; font-family: MiSans-Medium;} #fei_web_products_detail_001_0 .case-img{ width: 68%; border-radius: 8px;} #fei_web_products_detail_001_0 .case-item.cur .case-name, #fei_web_products_detail_001_0 .case-item.cur .case-icon{ color: rgba(var(--theme));} #fei_web_products_detail_001_0 .model-title{ line-height: 53px; font-size: 45px; color: #333; text-align: center; font-family: MiSans-Semibold;} #fei_web_products_detail_001_0 .model-brief{ margin-top: 21px; line-height: 33px; font-size: 20px; color: #333; text-align: center; font-family: MiSans-Regular;} #fei_web_products_detail_001_0 .model-list{ margin-top: 76px;} #fei_web_products_detail_001_0 .model-item{ margin: 40px 3.2% 0 0; padding: 30px; width: 29.92%; background: #f5f7fa; border-radius: 8px;} #fei_web_products_detail_001_0 .model-item:nth-child(-n+3){ margin-top: 0;} #fei_web_products_detail_001_0 .model-item:nth-child(3n){ margin-right: 0;} #fei_web_products_detail_001_0 .model-item .item-img{ height: 210px;} #fei_web_products_detail_001_0 .model-item .item-name{ margin-top: 50px; line-height: 40px; font-size: 22px; color: rgba(var(--theme)); font-family: MiSans-Demibold;} #fei_web_products_detail_001_0 .model-item .item-brief{ margin-top: 9px; height: 100px; line-height: 25px; font-size: 16px; color: #333; overflow-y: auto; font-family: MiSans-Regular;} #fei_web_products_detail_001_0 .hardware.rig-item{ padding-bottom: 0; border-bottom: 0;} #fei_web_products_detail_001_0 .hardware-title{ line-height: 53px; font-size: 45px; color: #333; text-align: center; font-family: MiSans-Demibold;} #fei_web_products_detail_001_0 .hardware-brief{ margin-top: 21px; line-height: 33px; font-size: 20px; color: #333; text-align: center; font-family: MiSans-Regular;} #fei_web_products_detail_001_0 .hardware-list{ margin-top: 76px;} #fei_web_products_detail_001_0 .hardware-item{ margin: 40px 3.2% 0 0; padding: 30px; width: 29.92%; background: #f5f7fa; border-radius: 8px;} #fei_web_products_detail_001_0 .hardware-item:nth-child(-n+3){ margin-top: 0;} #fei_web_products_detail_001_0 .hardware-item:nth-child(3n){ margin-right: 0;} #fei_web_products_detail_001_0 .hardware-item .item-img{ height: 210px;} #fei_web_products_detail_001_0 .hardware-item .item-name{ margin-top: 50px; line-height: 40px; font-size: 22px; color: rgba(var(--theme)); font-family: MiSans-Demibold;} #fei_web_products_detail_001_0 .hardware-item .item-brief{ margin-top: 9px; height: 100px; line-height: 25px; font-size: 16px; color: #333; overflow-y: auto; font-family: MiSans-Regular;} @media (any-hover: hover) { #fei_web_products_detail_001_0 .case-item:hover .case-name, #fei_web_products_detail_001_0 .case-item:hover .case-icon{ color: rgba(var(--theme));} #fei_web_products_detail_001_0 .category-video:hover .video-btn{ width: 120px; height: 120px;} } @media screen and (max-width: 1280px){ #fei_web_products_detail_001_0 .products_category{ width: 200px;} #fei_web_products_detail_001_0 .rig{ width: calc(100% - 250px);} } @media screen and (max-width: 992px){ #fei_web_products_detail_001_0 .products_category, #fei_web_products_detail_001_0 .bot .title_list{ display: none;} #fei_web_products_detail_001_0 .rig{ width: 100%;} #fei_web_products_detail_001_0 .rig-item{ margin-top: 1.1rem; padding-bottom: .91rem;} #fei_web_products_detail_001_0 .category-name{ line-height: .47rem; font-size: .42rem;} #fei_web_products_detail_001_0 .category-brief{ margin-top: .27rem; line-height: .38rem; font-size: .18rem;} #fei_web_products_detail_001_0 .category-video{ margin-top: .27rem; border-radius: .06rem;} #fei_web_products_detail_001_0 .detail-img{ padding-bottom: .79rem;} #fei_web_products_detail_001_0 .swiper-container-horizontal>.swiper-pagination-bullets{ height: .08rem; line-height: .07rem;} #fei_web_products_detail_001_0 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 .08rem; width: .08rem; height: .08rem;} #fei_web_products_detail_001_0 .list .item{ margin-top: 1.29rem;} #fei_web_products_detail_001_0 .list .item-name{ line-height: .36rem; font-size: .3rem;} #fei_web_products_detail_001_0 .list .item-brief{ margin-top: .2rem; line-height: .23rem; font-size: .15rem;} #fei_web_products_detail_001_0 .case-title{ line-height: .53rem; font-size: .45rem;} #fei_web_products_detail_001_0 .case-brief{ margin-top: .21rem; line-height: .33rem; font-size: .2rem;} #fei_web_products_detail_001_0 .case-list{ margin-top: .78rem; max-height: 5rem;} #fei_web_products_detail_001_0 .case-left-in{ padding-right: .27rem;} #fei_web_products_detail_001_0 .case-item{ height: .83rem; font-size: .22rem;} #fei_web_products_detail_001_0 .model-title{ line-height: .4rem; font-size: .34rem;} #fei_web_products_detail_001_0 .model-brief{ margin-top: .16rem; line-height: .33rem; font-size: .15rem;} #fei_web_products_detail_001_0 .model-list{ margin-top: .76rem;} #fei_web_products_detail_001_0 .model-item{ margin: .4rem 3.2% 0 0; padding: .3rem; border-radius: .08rem;} #fei_web_products_detail_001_0 .model-item .item-img{ height: 2.1rem;} #fei_web_products_detail_001_0 .model-item .item-name{ margin-top: .5rem; line-height: .4rem; font-size: .22rem;} #fei_web_products_detail_001_0 .model-item .item-brief{ margin-top: .09; height: 1rem; line-height: .25rem; font-size: .16rem;} #fei_web_products_detail_001_0 .hardware-title{ line-height: .53rem; font-size: .45rem;} #fei_web_products_detail_001_0 .hardware-brief{ margin-top: .21rem; line-height: .33rem; font-size: .2rem;} #fei_web_products_detail_001_0 .hardware-list{ margin-top: .58rem;} #fei_web_products_detail_001_0 .hardware-item{ margin: .3rem 3.2% 0 0; padding: .23rem; border-radius: .06rem;} #fei_web_products_detail_001_0 .hardware-item .item-img{ height: 1.59rem;} #fei_web_products_detail_001_0 .hardware-item .item-name{ margin-top: .38rem; line-height: .3rem; font-size: .17rem;} #fei_web_products_detail_001_0 .hardware-item .item-brief{ margin-top: .07rem; height: .75rem; line-height: .19rem; font-size: .12rem;} } @media screen and (max-width: 768px){ #fei_web_products_detail_001_0 .products_category{ display: none;} #fei_web_products_detail_001_0 .products_category_mb{ display: block; z-index: 2;} #fei_web_products_detail_001_0 .cw1600{ flex-direction: column;} #fei_web_products_detail_001_0 { padding: 0 0 1.75rem;} #fei_web_products_detail_001_0 .products_category{ margin-top: .85rem;} #fei_web_products_detail_001_0 .rig{ margin-top: .85rem;} #fei_web_products_detail_001_0 .rig-item{ margin-top: .5rem; padding-bottom: .5rem;} #fei_web_products_detail_001_0 .rig-item.case{ padding-bottom: 0; border-bottom: 0;} #fei_web_products_detail_001_0 .rig-item.detail{ flex-direction: column;} #fei_web_products_detail_001_0 .rig-item.detail .detail-info{ width: 100%;} #fei_web_products_detail_001_0 .rig-item.detail .detail-img{ margin-top: .3rem; width: 100%;} #fei_web_products_detail_001_0 .category-name{ line-height: 1.8; font-size: .56rem;} #fei_web_products_detail_001_0 .category-brief{ margin-top: .36rem; line-height: 1.8; font-size: .3rem;} /*#fei_web_products_detail_001_0 .category-brief img{ max-width: 42%;}*/ /*#fei_web_products_detail_001_0 .category-brief img{ height: .5rem;}*/ #fei_web_products_detail_001_0 .category-video{ margin-top: .36rem; border-radius: .08rem;} #fei_web_products_detail_001_0 .category-video .video-btn{ width: .9rem; height: .9rem;} #fei_web_products_detail_001_0 .detail-name{ line-height: 1.8; font-size: .42rem;} #fei_web_products_detail_001_0 .detail-brief{ line-height: 1.8; font-size: .26rem;} #fei_web_products_detail_001_0 .detail-img{ padding-bottom: .5rem;} #fei_web_products_detail_001_0 .swiper-container-horizontal>.swiper-pagination-bullets{ height: .16rem; line-height: .09rem;} #fei_web_products_detail_001_0 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 .11rem; width: .1rem; height: .1rem;} #fei_web_products_detail_001_0 .list .item{ flex-direction: column; margin-top: 1rem;} #fei_web_products_detail_001_0 .list .item:nth-child(even){ flex-direction: column;} #fei_web_products_detail_001_0 .list .item-img{ width: 100%;} #fei_web_products_detail_001_0 .list .item-info{ margin-top: .2rem; width: 100%;} #fei_web_products_detail_001_0 .list .item-name{ line-height: .48rem; font-size: .4rem; text-align: center;} #fei_web_products_detail_001_0 .list .item-brief{ margin-top: .26rem; line-height: .3rem; font-size: .26rem; text-align: center;} #fei_web_products_detail_001_0 .case-title{ line-height: 1.8; font-size: .42rem;} #fei_web_products_detail_001_0 .case-brief{ margin-top: .21rem; line-height: 1.8; font-size: .26rem;} #fei_web_products_detail_001_0 .case-list{ flex-direction: column-reverse; margin-top: .78rem; max-height: inherit;} #fei_web_products_detail_001_0 .case-left{ margin-top: .3rem; width: 100%; height: 2.5rem;} #fei_web_products_detail_001_0 .case-left-in{ padding-right: 0;} #fei_web_products_detail_001_0 .case-img{ width: 100%;} #fei_web_products_detail_001_0 .case-item{ height: .83rem; font-size: .26rem;} #fei_web_products_detail_001_0 .model-title{ line-height: 1.8; font-size: .42rem;} #fei_web_products_detail_001_0 .model-brief{ margin-top: .21rem; line-height: 1.8; font-size: .26rem;} #fei_web_products_detail_001_0 .model-list{ margin-top: 0;} #fei_web_products_detail_001_0 .model-item{ margin: .4rem 0 0 0 !important; padding: .5rem .3rem .3rem; width: 100%; border-radius: .08rem;} #fei_web_products_detail_001_0 .model-item .item-img{ height: 2.1rem;} #fei_web_products_detail_001_0 .model-item .item-name{ margin-top: .5rem; line-height: 1.8; font-size: .3rem;} #fei_web_products_detail_001_0 .model-item .item-brief{ margin-top: .09rem; height: 2rem; line-height: 1.8; font-size: .26rem;} #fei_web_products_detail_001_0 .hardware-title{ line-height: 1.8; font-size: .42rem;} #fei_web_products_detail_001_0 .hardware-brief{ margin-top: .21rem; line-height: 1.8; font-size: .26rem;} #fei_web_products_detail_001_0 .hardware-list{ margin-top: 0;} #fei_web_products_detail_001_0 .hardware-item{ margin: .4rem 0 0 0 !important; padding: .5rem .3rem .3rem; width: 100%; border-radius: .08rem;} #fei_web_products_detail_001_0 .hardware-item .item-img{ height: 2.1rem;} #fei_web_products_detail_001_0 .hardware-item .item-name{ margin-top: .5rem; line-height: 1.8; font-size: .3rem;} #fei_web_products_detail_001_0 .hardware-item .item-brief{ margin-top: .09rem; height: 2rem; line-height: 1.8; font-size: .26rem;} }