/* ==================================================================================== */ /* 滚动到一定距离，将导航隐藏 */ #header_bg, #header_ct{transition:.3s;opacity: 1;} #header.scroll-down #header_bg, #header.scroll-down #header_ct{transform: translateY(-100%);pointer-events: none;} /* ==================================================================================== */ /* 背景色 */ #header_bg{height: 96px;width: 100%;pointer-events: none;transition:.3s,height .1s;} #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;} /* logo部分 */ #fei_web_header_001_0_nav .weblogo{ overflow: hidden;margin-right: 20px;} #fei_web_header_001_0_nav .weblogo .logo_w{max-height: 90%;display: var(--head_logo_w);} #fei_web_header_001_0_nav .weblogo .logo_b{max-height: 90%;display: var(--head_logo_b);} #header.fixed #fei_web_header_001_0_nav.cur .weblogo .logo_w, #header.fixed.scroll-top #fei_web_header_001_0_nav .weblogo .logo_w{display: block;} #header.fixed #fei_web_header_001_0_nav.cur .weblogo .logo_b, #header.fixed.scroll-top #fei_web_header_001_0_nav .weblogo .logo_b{display: none;} #header.fixed #fei_web_header_001_0_nav.cur, #header.fixed.scroll-center #fei_web_header_001_0_nav{ background: #fff;} #header.fixed #fei_web_header_001_0_nav.cur .weblogo .logo_w, #header.fixed.scroll-center #fei_web_header_001_0_nav .weblogo .logo_w{display: none;} #header.fixed #fei_web_header_001_0_nav.cur .weblogo .logo_b, #header.fixed.scroll-center #fei_web_header_001_0_nav .weblogo .logo_b{display: block;} /* 搜索&语言切换 */ #fei_web_header_001_0_nav .SearchLang{ margin-left: 30px; height: 96px; font-size: 18px;} #fei_web_header_001_0_nav .SearchLang > *{padding: 10px 5px;} #fei_web_header_001_0_nav .SearchLang > *:last-child{padding-right: 0;} #fei_web_header_001_0_nav .SearchLang > * > i{font-size: 24px;} #fei_web_header_001_0_nav .SearchLang .menu-nav{ display: none;} #fei_web_header_001_0_nav .SearchLang .menu-nav .lyicon-menu{ font-size: 24px;} #fei_web_header_001_0_nav .SearchLang .language .icon i{margin-right: 10px; font-size: 21px;} #fei_web_header_001_0_nav .SearchLang .language .icon i.lyicon-arrow-down{ margin-right: 0; margin-left: 22px; font-size: 11px;} #fei_web_header_001_0_nav .SearchLang .language .pop{ top: 100%; left: 0; padding: 10px; width: 100%; background: #fff; color: #333; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, .1); opacity: 0; pointer-events: none;} #fei_web_header_001_0_nav .SearchLang .language .item{ margin-top: 5px;} #fei_web_header_001_0_nav .SearchLang .language .item:first-child{ margin-top: 0;} #fei_web_header_001_0_nav .SearchLang .language:hover .pop{ opacity: 1; pointer-events: visible;} /* 电话 */ #fei_web_header_001_0_nav .head_btn{font-size: 16px;margin-left: 40px;} #fei_web_header_001_0_nav .head_btn .icon{font-size: 46px;margin-right: 15px;} #fei_web_header_001_0_nav .head_btn .cd_words_wrapper {display: inline-block;position: relative;text-align: left;} #fei_web_header_001_0_nav .head_btn .cd_words_wrapper b {display: inline-block;position: absolute;white-space: nowrap;left: 0;top: 0;font-size:34px;/*color: var(--hoverColor);*/font-weight:bold;font-family:Arial, Helvetica, sans-serif;} #fei_web_header_001_0_nav .head_btn .cd_words_wrapper b.is-visible {position: relative;} #fei_web_header_001_0_nav .head_btn .cd_headline.scale i {display: inline-block;opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);font-style:normal;} #fei_web_header_001_0_nav .head_btn .cd_headline.scale i.in {-webkit-animation: fei_web_header_001_0-scale-up 0.6s forwards;-moz-animation: fei_web_header_001_0-scale-up 0.6s forwards;animation: fei_web_header_001_0-scale-up 0.6s forwards;} #fei_web_header_001_0_nav .head_btn .cd_headline.scale i.out {-webkit-animation: fei_web_header_001_0-scale-down 0.6s forwards;-moz-animation: fei_web_header_001_0-scale-down 0.6s forwards;animation: fei_web_header_001_0-scale-down 0.6s forwards;} #header #fei_web_header_001_0_nav .head_btn .icon{color: #173887;} #header #fei_web_header_001_0_nav .head_btn .cd_headline.scale i{color: #173887;} #header.fixed #fei_web_header_001_0_nav.cur .head_btn .icon, #header.fixed.scroll-top #fei_web_header_001_0_nav .head_btn .icon{color: inherit;} #header.fixed #fei_web_header_001_0_nav.cur .head_btn .cd_headline.scale i, #header.fixed.scroll-top #fei_web_header_001_0_nav .head_btn .cd_headline.scale i{color: inherit;} @media only screen and (max-width: 1460px) { #fei_web_header_001_0_nav .head_btn{display: none;} } /* 导航 */ #fei_web_header_001_0_nav .nav{ font-size: 18px;} #fei_web_header_001_0_nav .nav .li{ height: 100%; padding: 0 20px;} #fei_web_header_001_0_nav .nav .li:before{ display: block; content: ''; position: absolute; bottom: 3px; left: 0; width: 0; height: 2px; background: #fff; transition: all .3s;} #fei_web_header_001_0_nav .nav .li.cur:before{ width: 100%;} #fei_web_header_001_0_nav .nav .li:hover:before, #fei_web_header_001_0_nav .nav .li.nav_hover:before{ width: 100%;} #header.fixed.scroll-center .li.cur>a{ color: #173887;} .ly_header_nav_default .li:hover{ background: #173887 !important;} #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 only screen and (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 0 13px; width: 280px; height: calc(100% + 1px); background: #fff; border-top: 1px solid #ddd;} #fei_web_header_001_0_nav .nav .sub-two-in{ height: 100%; overflow-y: auto;} #fei_web_header_001_0_nav .nav .sub-two-name{ padding: 0 30px; 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: 42px; 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: 30px; width: 6px; height: 6px; background: #666; transform: translateY(-50%); border-radius: 50%; transition: all .3s;} #fei_web_header_001_0_nav .nav .sub-li:hover .sub-name{ background: #f7f7f7; color: #173887;} #fei_web_header_001_0_nav .nav .sub-two-li:hover{ background: #f7f7f7;} #fei_web_header_001_0_nav .nav .sub-two-li:hover .sub-two-name{ color: #173887;} #fei_web_header_001_0_nav .nav .sub-two-li:hover .lyicon-arrow-down{ color: #173887; transform: rotate(-180deg);} #fei_web_header_001_0_nav .nav .sub-three-name:hover{ color: #173887;} #fei_web_header_001_0_nav .nav .sub-three-name:hover:before{ background: #173887;} /* 导航栏放不下时 */ #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 .sub{ left: 50%;} } */ #fei_web_header_001_0_nav .nav .li:hover .sub{ left: 50%;} @media only screen and (max-width: 1076px) { #fei_web_header_001_0_nav .SearchLang .menu-nav{ display: block;} #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 .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{ font-size: 26px;} #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 only screen and (max-width: 1024px) { #fei_web_header_001_0_nav .list .nav{font-size: 16px;} } @media only screen and (max-width: 900px) { #fei_web_header_001_0_nav .SearchLang .search i {font-size: 26px;} #fei_web_header_001_0_nav .SearchLang .language{font-size: 20px;} #fei_web_header_001_0_nav .SearchLang .language i {font-size: 26px;margin-right: 10px;} } @media only screen and (max-width: 750px) { #fei_web_header_001_0_nav .weblogo, #fei_web_header_001_0_nav .weblogo img{ width: 100px;} /* #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{ box-shadow: 0 0 30px rgba(0, 0, 0, .05);} #fei_web_header_001_0_nav .SearchLang > * > i{font-size: 42px;} #fei_web_header_001_0_nav .SearchLang .menu-nav .lyicon-menu, #fei_web_header_001_0_nav .SearchLang .search i, #fei_web_header_001_0_nav .SearchLang .language .icon i{ font-size: 42px;} #fei_web_header_001_0_nav .SearchLang .language .icon>div{ font-size: 38px;} #fei_web_header_001_0_nav .SearchLang .language .icon i.lyicon-arrow-down{ font-size: 26px;} #fei_web_header_001_0_nav .SearchLang .language .item{ font-size: 38px;} /* #fei_web_header_001_0_nav .SearchLang .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;} #fei_web_header_001_0_mb_nav .lyicon-close{ font-size: 42px;} #fei_web_header_001_0_mb_nav .li .title{ line-height: 2; height: auto;} #fei_web_header_001_0_mb_nav .li .text{ font-size: 36px;} #fei_web_header_001_0_mb_nav .li .sub-text{ line-height: 2; font-size: 32px;} #fei_web_header_001_0_mb_nav .li .lyicon-add{ font-size: 42px;} #header.menu_expand #fei_web_header_001_0_nav .weblogo{opacity: 0;} } @-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;} } #fei_web_footer_001_0 { background: #222424; overflow: hidden;} #fei_web_footer_001_0 .content{ padding: 102px 0 30px; width: calc(100% - 30%);} #fei_web_footer_001_0 .content .link{ padding: 0 2.0833vw 23px 8.333vw; border-bottom: 1px solid #2f3131;} #fei_web_footer_001_0 .link .qrcode{ margin-left: 20px; width: 13.5417vw; height: 40px;} #fei_web_footer_001_0 .link .qrcode:first-child{ margin-left: 0;} #fei_web_footer_001_0 .qrcode .in{ padding: 0 7px; width: 100%; min-height: 100%; background: #173887; border-radius: 20px;} #fei_web_footer_001_0 .qrcode .top{ width: 100%; height: 40px;} #fei_web_footer_001_0 .in .icon{ width: 26px; height: 26px;} #fei_web_footer_001_0 .in .txt{ padding-right: 13px; font-size: 16px; color: #ccc;} #fei_web_footer_001_0 .in .img{ display: none; width: 100%;} #fei_web_footer_001_0 .in .img_in{ padding: 10px 10px 20px;} #fei_web_footer_001_0 .in .img img{ width: 100%; height: 100%;} #fei_web_footer_001_0 .link .qrcode:hover .img{ display: block;} #fei_web_footer_001_0 .content .foot_nav { padding: 50px 0 32px 8.3333vw;} #fei_web_footer_001_0 .content .copyright { padding-left: 8.3333vw; width: 100%; padding-top: 26px; border-top: 1px solid #2f3131; font-size: 16px; color: #888;} #fei_web_footer_001_0 .foot_nav .ul{ margin: 0 3.2083vw 20px 0;} #fei_web_footer_001_0 .foot_nav .ul .text{ margin-bottom: 17px; line-height: 38px; font-size: 18px; color: #fff;} #fei_web_footer_001_0 .foot_nav .ul .lyicon-add{ display: none;} #fei_web_footer_001_0 .foot_nav .ul .li { line-height: 30px; font-size: 16px; color: #999;} #fei_web_footer_001_0 .copyright > *{display: flex;align-items: center;flex-wrap: wrap;gap: 10px 20px;} @media (any-hover: hover){ #fei_web_footer_001_0 .foot_nav .ul .li:hover{ text-decoration: underline;} } #fei_web_footer_001_0 .foot_rig{ padding: 116px 8.3333vw 30px 2.2396vw; width: 30%; border-left: 1px solid #2f3131;} #fei_web_footer_001_0 .foot_title{ line-height: 28px; font-size: 20px; color: #fff;} #fei_web_footer_001_0 .foot_info{ margin-top: 42px;} #fei_web_footer_001_0 .foot_info .item{ margin-top: 16px; min-height: 23px; font-size: 16px; color: #ccc;} #fei_web_footer_001_0 .foot_info .icon{ margin-right: 13px;} #fei_web_footer_001_0 .foot_info .item:first-child{ margin-top: 0;} #fei_web_footer_001_0 .addr_list{ margin-top: 27px;} #fei_web_footer_001_0 .addr_item{ margin-top: 23px;} #fei_web_footer_001_0 .addr_item .address{ line-height: 23px; font-size: 16px; color: #999;} /* 友情链接 */ #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;} @media only screen and (max-width: 1920px){ #fei_web_footer_001_0 .footer_in{ margin: 0 auto; max-width: 1920px;} #fei_web_footer_001_0 .content{ width: calc(100% - 550px);} #fei_web_footer_001_0 .foot_rig{ width: 550px;} } @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: 1536px){ /* #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: 31.3333%;} } @media only screen and (max-width: 1440px){ #fei_web_footer_001_0 .content{ width: calc(100% - 35%);} #fei_web_footer_001_0 .foot_rig{ width: 35%;} } @media only screen and (max-width: 1050px){ #fei_web_footer_001_0{ flex-direction: column-reverse;} #fei_web_footer_001_0 .content{ width: 100%;} #fei_web_footer_001_0 .foot_rig{ padding: 30px; width: 100%;} #fei_web_footer_001_0 .foot_info{ display: flex; flex-wrap: wrap;} #fei_web_footer_001_0 .foot_info .item{ margin: 0 2% 0 0; width: 31.3333%;} #fei_web_footer_001_0 .addr_list{ display: flex; flex-wrap: wrap;} #fei_web_footer_001_0 .addr_list .addr_item{ margin-right: 2%; width: 31.3333%;} #fei_web_footer_001_0 .link .qrcode{ width: 22vw;} } @media only screen and (max-width: 992px){ #fei_web_footer_001_0{ flex-direction: column-reverse;} #fei_web_footer_001_0 .content{ width: 100%;} #fei_web_footer_001_0 .foot_rig{ padding: 30px; width: 100%;} #fei_web_footer_001_0 .foot_info{ display: flex; flex-wrap: wrap;} #fei_web_footer_001_0 .foot_info .item{ margin: 0 2% 0 0; width: 31.3333%;} #fei_web_footer_001_0 .addr_list{ display: flex; flex-wrap: wrap;} #fei_web_footer_001_0 .addr_list .addr_item{ margin-right: 2%; width: 31.3333%;} #fei_web_footer_001_0 .link .qrcode{ width: 22vw;} } @media only screen and (max-width: 750px) { #fei_web_footer_001_0 { padding: 80px 0 60px;} #fei_web_footer_001_0 .foot_title{ font-size: 36px;} #fei_web_footer_001_0 .footer_in{ flex-direction: column;} #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: 1px solid #2f3131;} #fei_web_footer_001_0 .content .ul:first-child{ border-top: 0;} #fei_web_footer_001_0 .content .ul .title{ display: flex; justify-content: space-between; align-items: center; height: 80px; cursor: pointer;} #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-bottom: 10px;} #fei_web_footer_001_0 .content .ul .li:last-child{ margin-bottom: 25px;} #fei_web_footer_001_0 .content .ul.cur .li{ display: block; line-height: 1.6;} #fei_web_footer_001_0 .foot_info .item{ margin: 23px 0 0 0; width: 100%; font-size: 32px;} #fei_web_footer_001_0 .foot_info .icon{ width: 36px;} #fei_web_footer_001_0 .addr_list{ flex-direction: column; margin-top: 0; width: 100%;} #fei_web_footer_001_0 .addr_list .addr_item{ margin-right: 0; width: 100%;} #fei_web_footer_001_0 .addr_list .addr_item .address{ line-height: 40px; font-size: 32px;} #fei_web_footer_001_0 .link .qrcode{ height: auto;} #fei_web_footer_001_0 .link .qrcode .in{ padding: 5px 20px 0;} #fei_web_footer_001_0 .qrcode .in{ position: static; border-radius: 30px;} #fei_web_footer_001_0 .qrcode .top{ height: 60px;} #fei_web_footer_001_0 .in .icon{ width: 40px; height: 40px;} #fei_web_footer_001_0 .in .txt{ font-size: 32px;} #fei_web_footer_001_0 .in .img{ display: block;} #fei_web_footer_001_0 .in .img img{ border-radius: 20px;} #fei_web_footer_001_0 .content .ul .title .text{ font-size: 32px;} #fei_web_footer_001_0 .content .ul .li a{ font-size: 32px;} #fei_web_footer_001_0 .content .copyright{ padding-left: 0;} #fei_web_footer_001_0 .copyright > *{ font-size: 32px;} } #scroll_top{ right: 1%; bottom: 10%; z-index: 10; width: 50px; height: 50px; cursor: pointer;} #scroll_top .icon{ width: 100%; height: 100%; background: #fff; border-radius: 50%; box-shadow: 0 0 10px rgba(0, 0, 0, .1);}.lyuilocation_001 { --margin-right: 11px; --font-size: 16px; --color: #666; } .lyuilocation_001{ width: 100%; height: 30px;} .lyuilocation_001-icon, .lyuilocation_001-arrow-icon, .lyuilocation_001-item{ margin-right: var(--margin-right); font-size: var(--font-size); color: var(--color);} @media screen and (max-width: 750px){ .lyuilocation_001{ display: none;} } #fei_web_products_detail_001_0_pro_detail{ margin-top: 96px; padding: 25px 0 0; width: 100%; background: url(/images/i_pro_bg.png) no-repeat top center #f7f7f7;} #fei_web_products_detail_001_0_pro_detail .pro_detail_info{ margin-top: 37px;} #fei_web_products_detail_001_0_pro_detail .pro_pic{ padding: 0 60px; width: 48.5714%; height: 480px; background: #fff;} #fei_web_products_detail_001_0_pro_detail .pic_left{ width: 70.5882%; height: 100%;} #fei_web_products_detail_001_0_pro_detail .pic_rig{ width: 80px; height: 400px;} #fei_web_products_detail_001_0_pro_detail .container{ width: 100%; height: 100%;} #fei_web_products_detail_001_0_pro_detail .pic_rig .lyicon-arrow-up-bold, #fei_web_products_detail_001_0_pro_detail .pic_rig .lyicon-arrow-down-bold{ margin: 0 auto; width: 40px; height: 40px; background: #f7f7f7; font-size: 10px; color: #7a7a7a; border-radius: 50%; cursor: pointer;} #fei_web_products_detail_001_0_pro_detail .pic_rig .lyicon-arrow-up-bold{ margin-bottom: 20px;} #fei_web_products_detail_001_0_pro_detail .pic_rig .lyicon-arrow-down-bold{ margin-top: 20px;} #fei_web_products_detail_001_0_pro_detail .pic_rig .lyicon-arrow-up-bold:hover, #fei_web_products_detail_001_0_pro_detail .pic_rig .lyicon-arrow-down-bold:hover{ background: #173887; color: #fff;} #fei_web_products_detail_001_0_pro_detail .pic_rig .container{ height: 280px;} #fei_web_products_detail_001_0_pro_detail .pic_rig .slide{ width: 100%; height: 80px; border: 1px solid #e5e5e5; border-radius: 8px; overflow: hidden;} #fei_web_products_detail_001_0_pro_detail .pic_rig .slide.swiper-slide-thumb-active{ border-width: 2px; border-color: #173887;} #fei_web_products_detail_001_0_pro_detail .pro_info{ width: 47.1429%;} #fei_web_products_detail_001_0_pro_detail .top{ padding-bottom: 30px; height: 86px; border-bottom: 1px solid #dedede;} #fei_web_products_detail_001_0_pro_detail .pro_name{ font-size: 42px; color: #222;} #fei_web_products_detail_001_0_pro_detail .phone{ padding: 0 16px; height: 50px; background: #fff; font-size: 20px; color: #ff5a00; border-radius: 8px;} #fei_web_products_detail_001_0_pro_detail .phone svg{ margin-right: 9px;} #fei_web_products_detail_001_0_pro_detail .brief{ margin-top: 32px; line-height: 30px; font-size: 16px; color: #666;} #fei_web_products_detail_001_0_pro_detail .btn_list{ margin-top: 46px; height: 50px;} #fei_web_products_detail_001_0_pro_detail .btn_item{ margin-left: 20px; width: 160px; height: 100%; border: 2px solid #ddd; font-size: 18px; color: #173887; border-radius: 25px;} #fei_web_products_detail_001_0_pro_detail .btn_item:first-child{ margin-left: 0;} #fei_web_products_detail_001_0_pro_detail .btn_item span{ margin-right: 10px; transition: all .3s;} #fei_web_products_detail_001_0_pro_detail .btn_item .lyicon-customer-service{ margin-right: 8px; font-size: 21px;} #fei_web_products_detail_001_0_pro_detail .btn_item .video_icon{ margin-right: 12px; width: 25px; height: 25px; line-height: 25px; border: 3px solid #173887; border-radius: 50%;} #fei_web_products_detail_001_0_pro_detail .btn_item .lyicon-bofang1{ margin-right: 0; font-size: 11px; color: #173887;} #fei_web_products_detail_001_0_pro_detail .btn_item:hover{ border-color: #173887; background-color: #173887; color: #fff;} #fei_web_products_detail_001_0_pro_detail .btn_item:hover .video_icon{ border-color: #fff;} #fei_web_products_detail_001_0_pro_detail .btn_item:hover .lyicon-bofang1{ color: #fff;} #fei_web_products_detail_001_0_pro_detail .share{ margin-top: 30px; height: 40px; font-size: 16px; color: #333;} #fei_web_products_detail_001_0_pro_detail .share_item{ margin-left: 10px; width: 40px; height: 40px; background: #fff; border-radius: 50%;} #fei_web_products_detail_001_0_pro_detail .share_item:first-child{ margin-left: 20px;} #fei_web_products_detail_001_0_pro_detail .share_item path{ transition: all .3s;} #fei_web_products_detail_001_0_pro_detail .share_item:hover path{ fill: #173887;} #fei_web_products_detail_001_0_pro_detail .app{ margin-top: 45px;} #fei_web_products_detail_001_0_pro_detail .app .title{ line-height: 45px; font-size: 36px;} #fei_web_products_detail_001_0_pro_detail .app .con{ margin-top: 25px;} /* #fei_web_products_detail_001_0_pro_detail .app .left{ width: 68.5714%;} */ #fei_web_products_detail_001_0_pro_detail .app .left{ width: calc(100% - 4.2857% - 380px);} #fei_web_products_detail_001_0_pro_detail .left .item{ margin: 30px 3.125% 0 0; padding: 30px 30px 25px; width: 31.25%; border: 2px solid #fff; background: #fff;} #fei_web_products_detail_001_0_pro_detail .left .item:nth-child(3n){ margin-right: 0;} #fei_web_products_detail_001_0_pro_detail .left .item:nth-child(-n+3){ margin-top: 0;} #fei_web_products_detail_001_0_pro_detail .left .img{ width: 100%; height: 79px;} #fei_web_products_detail_001_0_pro_detail .left .icon{ top: 50%; left: 50%; height: 100%; transform: translate(-50%, -50%);} #fei_web_products_detail_001_0_pro_detail .left .icon:last-child{ opacity: 0;} #fei_web_products_detail_001_0_pro_detail .left .name{ margin-top: 17px; line-height: 30px; font-size: 20px; color: #333;} #fei_web_products_detail_001_0_pro_detail .left .item:hover, #fei_web_products_detail_001_0_pro_detail .left .item.cur{ border-color: #173887;} #fei_web_products_detail_001_0_pro_detail .left .item:hover .icon:last-child, #fei_web_products_detail_001_0_pro_detail .left .item.cur .icon:last-child{ opacity: 1;} #fei_web_products_detail_001_0_pro_detail .left .item:hover .name, #fei_web_products_detail_001_0_pro_detail .left .item.cur .name{ color: #173887;} #fei_web_products_detail_001_0_pro_detail .bot_con .desc_item{ padding: 95px 0 70px; border-bottom: 1px solid #e5e5e5;} #fei_web_products_detail_001_0_pro_detail .desc_item .title{ width: 300px; line-height: 45px; font-size: 36px; color: #222;} #fei_web_products_detail_001_0_pro_detail .desc_item .desc{ width: calc(100% - 300px);} #fei_web_products_detail_001_0_pro_detail .desc_item .text{ line-height: 30px; font-size: 16px; color: #777;} /* #fei_web_products_detail_001_0_pro_detail .desc .desc_top{ display: flex; justify-content: space-between; align-items: flex-start;} #fei_web_products_detail_001_0_pro_detail .desc_top .rig{ width: 490px;} */ #fei_web_products_detail_001_0_pro_detail .desc_top .text{ margin-bottom: 30px;} #fei_web_products_detail_001_0_pro_detail .desc>.text{ margin-top: 46px;} #fei_web_products_detail_001_0_pro_detail .desc>img{ margin: 35px auto 0;} /*#fei_web_products_detail_001_0_pro_detail .feat .desc{ display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}*/ #fei_web_products_detail_001_0_pro_detail .feat .text{ width: 300px;} #fei_web_products_detail_001_0_pro_detail .app .rig{ padding: 40px; width: 380px; background: #fff;} #fei_web_products_detail_001_0_pro_detail .rig .rig_tit{ width: 100%; border-bottom: 2px solid #173887;} #fei_web_products_detail_001_0_pro_detail .rig_tit .tit_in{ padding: 0 27px 0 15px; line-height: 40px; background: #173887; font-size: 20px; color: #fff;} #fei_web_products_detail_001_0_pro_detail .rec_list{ margin-top: 7px; width: 100%;} #fei_web_products_detail_001_0_pro_detail .rec_list .rec_item{ padding: 17px 30px 15px 0; width: 100%; border-bottom: 1px solid #e9e9e9;} #fei_web_products_detail_001_0_pro_detail .rec_item .rec_name{ width: 100%; line-height: 27px; font-size: 20px; color: #173887;} #fei_web_products_detail_001_0_pro_detail .rec_item .rec_brief{ width: 100%; line-height: 26px; font-size: 16px;} #fei_web_products_detail_001_0_pro_detail .bot_con{ margin-top: 85px; padding: 0 0 120px; background: #fff;} #fei_web_products_detail_001_0_pro_detail .app_bot{ margin-top: 95px;} #fei_web_products_detail_001_0_pro_detail .app_bot .title{ line-height: 46px; font-size: 36px; color: #222;} #fei_web_products_detail_001_0_pro_detail .app_bot .list{ margin-top: 56px;} #fei_web_products_detail_001_0_pro_detail .app_bot .item{ margin: 30px 1.4296% 0 0Q; width: 23.9286%;} #fei_web_products_detail_001_0_pro_detail .app_bot .item:nth-child(4n){ margin-right: 0;} #fei_web_products_detail_001_0_pro_detail .app_bot .item .img img{ width: 100%;} #fei_web_products_detail_001_0_pro_detail .app_bot .name{ margin-top: 27px; line-height: 30px; font-size: 20px; color: #333; text-align: center;} #fei_web_products_detail_001_0_pro_detail .app_bot_btn{ margin: 54px auto 0; width: 192px; line-height: 60px; border: 2px solid #ddd; font-size: 22px; color: #173887; text-align: center; font-weight: bold; border-radius: 30px;} #fei_web_products_detail_001_0_pro_detail .app_bot_btn .lyicon-arrow-double-right{ font-size: 22px;} #fei_web_products_detail_001_0_pro_detail .app_bot_btn:hover{ border-color: #173887; background: #173887; color: #fff;} #fei_web_products_detail_001_0_pro_detail .app_bot_btn:hover .lyicon-arrow-double-right{ color: #fff;} #fei_web_products_detail_001_0_pro_detail .video_pop{ top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0, 0, 0, .5);} #fei_web_products_detail_001_0_pro_detail .video_list{ top: 50%; left: 50%; padding: 20px; width: 80%; height: 75vh; background: #fff; transform: translate(-50%, -50%);} #fei_web_products_detail_001_0_pro_detail .video_in{ height: 100%; overflow-y: auto;} #fei_web_products_detail_001_0_pro_detail .video_list .item{ margin: 56px 1.7857% 0 0; width: 23.66%;} #fei_web_products_detail_001_0_pro_detail .video_list .img{ height: 16.4792vw;} #fei_web_products_detail_001_0_pro_detail .video_list .img:before{ display: block; content: ''; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 50%; background: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));} #fei_web_products_detail_001_0_pro_detail .video_list .item .icon{ bottom: 30px; right: 30px; z-index: 1; width: 38px; height: 38px; line-height: 32px; border-radius: 19px; border: 4px solid #fff; font-size: 20px; color: #fff; text-align: center;} #fei_web_products_detail_001_0_pro_detail .video_list .item .name{ margin-top: 26px; line-height: 33px; font-size: 24px; color: #333;} #fei_web_products_detail_001_0_pro_detail .video_list .item:nth-child(-n+4){ margin-top: 0;} #fei_web_products_detail_001_0_pro_detail .video_list .item:nth-child(4n){ margin-right: 0;} #fei_web_products_detail_001_0_pro_detail .video_list .item:hover .name{ color: #173887;} @media screen and (max-width: 992px){ #fei_web_products_detail_001_0_pro_detail .pro_detail_info{ flex-direction: column;} #fei_web_products_detail_001_0_pro_detail .pro_pic{ width: 100%;} #fei_web_products_detail_001_0_pro_detail .pro_info{ margin-top: 30px; width: 100%;} #fei_web_products_detail_001_0_pro_detail .phone{ display: none;} #fei_web_products_detail_001_0_pro_detail .app .con{ flex-direction: column;} #fei_web_products_detail_001_0_pro_detail .app .left{ width: 100%;} #fei_web_products_detail_001_0_pro_detail .app .rig{ margin-top: 30px; width: 100%;} #fei_web_products_detail_001_0_pro_detail .left .item{ margin-right: 1%; width: 24%;} #fei_web_products_detail_001_0_pro_detail .left .item:nth-child(3n){ margin-right: 1%;} #fei_web_products_detail_001_0_pro_detail .left .item:last-child{ margin: 0;} #fei_web_products_detail_001_0_pro_detail .rec_list .rec_item{ padding-right: 0;} #fei_web_products_detail_001_0_pro_detail .bot_con .desc_item{ flex-direction: column; padding: 35px 0;} #fei_web_products_detail_001_0_pro_detail .desc_item .desc{ margin-top: 30px; width: 100%;} #fei_web_products_detail_001_0_pro_detail .desc .desc_top .rig{ margin-top: 30px;} } @media screen and (max-width: 750px){ #fei_web_products_detail_001_0_pro_detail .bot_con{ padding-bottom: 60px;} #fei_web_products_detail_001_0_pro_detail .desc .desc_top, #fei_web_products_detail_001_0_pro_detail .desc_item .desc{ flex-direction: column;} #fei_web_products_detail_001_0_pro_detail .desc_item .desc .img{ margin-top: 30px;} #fei_web_products_detail_001_0_pro_detail .desc_top .rig{ width: 100%;} #fei_web_products_detail_001_0_pro_detail .brief{ line-height: 1.6; font-size: 28px;} #fei_web_products_detail_001_0_pro_detail .btn_item{ padding: 20px 30px; width: auto; height: auto; font-size: 28px; border-radius: 40px;} #fei_web_products_detail_001_0_pro_detail .btn_item .lyicon-customer-service{ font-size: 32px;} #fei_web_products_detail_001_0_pro_detail .share{ height: 60px; font-size: 32px;} #fei_web_products_detail_001_0_pro_detail .share_item{ width: 60px; height: 60px;} #fei_web_products_detail_001_0_pro_detail .share_item svg{ transform: scale(1.5);} #fei_web_products_detail_001_0_pro_detail .app .left{ flex-wrap: wrap;} #fei_web_products_detail_001_0_pro_detail .app .left .item{ margin: 20px 2% 0 0; width: 49%;} #fei_web_products_detail_001_0_pro_detail .app .left .item:nth-child(-n+2){ margin-top: 0;} #fei_web_products_detail_001_0_pro_detail .app .left .item:nth-child(2n){ margin-right: 0;} #fei_web_products_detail_001_0_pro_detail .left .name{ font-size: 28px;} #fei_web_products_detail_001_0_pro_detail .rec_item .rec_name{ line-height: 1.6; font-size: 28px;} #fei_web_products_detail_001_0_pro_detail .rec_item .rec_brief{ line-height: 1.6; font-size: 28px;} #fei_web_products_detail_001_0_pro_detail .desc_item .title{ line-height: 2; font-size: 42px;} #fei_web_products_detail_001_0_pro_detail .desc_item .desc .text{ margin-top: 0; width: 100%; line-height: 2; font-size: 36px;} #fei_web_products_detail_001_0_pro_detail .desc_item .desc .img, #fei_web_products_detail_001_0_pro_detail .desc_item .desc img{ width: 100%;} #fei_web_products_detail_001_0_pro_detail .app_bot .title{ line-height: 2; font-size: 42px;} #fei_web_products_detail_001_0_pro_detail .app_bot .name{ line-height: 1.6; font-size: 32px;} #fei_web_products_detail_001_0_pro_detail .rig_tit .tit_in{ font-size: 28px;} #fei_web_products_detail_001_0_pro_detail .app_bot{ margin-top: 60px;} #fei_web_products_detail_001_0_pro_detail .app_bot .list{ flex-wrap: wrap; margin-top: 30px;} #fei_web_products_detail_001_0_pro_detail .app_bot .list .item{ margin: 30px 2% 0 0; width: 49%;} #fei_web_products_detail_001_0_pro_detail .app_bot .list .item:nth-child(-n+2){ margin-top: 0;} #fei_web_products_detail_001_0_pro_detail .app_bot .list .item:nth-child(even){ margin-right: 0;} #fei_web_products_detail_001_0_pro_detail .video_list{ width: 90%; height: 90vh;} #fei_web_products_detail_001_0_pro_detail .video_list .item{ margin-right: 2%; width: 49%;} #fei_web_products_detail_001_0_pro_detail .video_list .item:nth-child(-n+4){ margin-top: 30px;} #fei_web_products_detail_001_0_pro_detail .video_list .item:nth-child(-n+2){ margin-top: 0;} #fei_web_products_detail_001_0_pro_detail .video_list .item:nth-child(2n){ margin-right: 0;} #fei_web_products_detail_001_0_pro_detail .video_list .img{ height: 41.4792vw;} #fei_web_products_detail_001_0_pro_detail .video_list .item .name{ font-size: 30px;} }