@charset "UTF-8";body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0}table { border-collapse: collapse; border-spacing: 0}fieldset,img { border: 0}address,caption,cite,code,dfn,em,th,var,i { font-style: normal; font-weight: normal}ol,ul { list-style: none}caption,th { text-align: left}q:before,q:after { content: ''}a:focus { outline-style: none}abbr,acronym { border: 0; font-variant: normal}sup { vertical-align: text-top}sub { vertical-align: text-bottom}input,textarea,select,button { font-family: inherit; font-size: inherit; font-weight: inherit; outline: 0; border: 0}textarea { resize: none}input::-ms-clear { display: none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active { -webkit-transition-delay: 1111111s; -webkit-transition: color 111111s ease, background-color 111111s ease}textarea::-webkit-input-placeholder,input::-webkit-input-placeholder { color: var(--themeColor); font-size: 14px}a,a:focus,a:hover { text-decoration: none !important}@media screen and (min-width:769px) { @font-face { font-family: font1; src: url(); font-display: swap } @font-face { font-family: font2; src: url(); font-display: swap } @font-face { font-family: font3; src: url(); font-display: swap }}body { font: 12px; font-family: font1; overflow-x: hidden; --themeColor: #ea5b24; --bgthemeColor: #1a1a1a; --bbgthemeColor: linear-gradient(#fc8d62 0, #ea5b24 100%); color: #19022f; -webkit-font-smoothing: antialiased; position: relative; background-color: #fff; --swiper-theme-color: var(--themeColor)}::selection { background: var(--themeColor); color: #fff}:focus { outline-color: var(--themeColor)}img { max-width: 100%; height: auto; transition: all .4s ease}a { color: inherit}a:hover { color: inherit}.clamp1 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden}.clamp2 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden}.clamp3 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden}.clamp4 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden}@media(min-width:1450px) { .container { width: 1400px }}@media(max-width:1449px) { .container { width: 1200px }}@media(max-width:1025px) { .container { width: 100% }}.yige-home::after,.yige-home::before { display: none}.index-title { font-size: 36px; font-family: font2; color: black; line-height: 1; padding-bottom: 16px; position: relative; text-align: center}.index-title::after { content: ""; position: absolute; left: calc(50% - 18px); bottom: 0; height: 4px; width: 36px; border-radius: 2px; background: var(--themeColor)}.index-btn { display: block; position: relative; overflow: hidden; width: 120px; height: 40px; background: linear-gradient(#fc8d62 0, #ea5b24 100%); border-radius: 8px; box-shadow: 2.83px 2.83px 4px 0 rgba(235, 93, 37, 0.32)}.index-btn span,.index-btn .iconfont { display: flex; align-items: center; justify-content: center; color: white; font-family: font2; position: absolute; width: 100%; height: 100%; transition: all .4s ease; line-height: 1 !important}.index-btn span { font-size: 16px; left: 0; top: 0}.index-btn .iconfont { font-size: 18px; right: 100%; top: 0}.index-btn:hover span { left: 100%}.index-btn:hover i { right: 0}@media screen and (max-width:1449px) { .index-title { font-size: 28px }}@media screen and (max-width:769px) { .index-title { font-size: 24px }}header { display: block; width: 100%; background: rgb(255, 255, 255, 0.3); position: absolute; top: 0; left: 0; z-index: 99; transition: all .3s ease}header.fen { background: white !important; position: static}header:hover { background: white}header.fixeds { position: fixed; background: white; box-shadow: 0 0 2px 0 rgb(0 0 0 / 20%); -webkit-animation: menu_sticky .7s ease-in-out; animation: menu_sticky .7s ease-in-out}@-webkit-keyframes menu_sticky { 0% { margin-top: -75px; opacity: 0 } 50% { margin-top: -64px; opacity: 0 } 100% { margin-top: 0; opacity: 1 }}@keyframes menu_sticky { 0% { margin-top: -75px; opacity: 0 } 50% { margin-top: -64px; opacity: 0 } 100% { margin-top: 0; opacity: 1 }}header .header .header-nav { display: flex; align-items: center; justify-content: space-between; height: 108px; position: relative}header .header .header-nav .logo img { width: auto}.nav-right .nav-search { display: flex; align-items: center; justify-content: flex-end}.nav-right .nav-search ul { display: flex; flex-flow: row; margin-left: 15px; margin-right: 15px}.nav-right .nav-search ul i { color: #999; font-size: 16px; line-height: 1; margin-left: 5px; margin-right: 5px}.nav-right .nav-search a { color: #999; font-size: 16px; line-height: 1}header .header .header-nav .nav-search form { display: flex; align-items: center; justify-content: flex-end; max-width: 400px}header .header .header-nav .nav-search input { width: 120px; height: 16px; font-size: 16px; color: black; background: 0}header .header .header-nav .nav-search button { background: 0; border: 0; line-height: 1; padding: 0 10px}header .header .header-nav .nav-search button .iconfont { color: #999; font-size: 16px; line-height: 1}input::placeholder { font-size: 14px; color: #999}header .header .header-nav .fir-menu .index-btn { width: 120px; height: 36px; display: flex; align-items: center; justify-content: center; line-height: 1; background: var(--bbgthemeColor); border-radius: 8px; font-size: 16px; color: white; margin-left: 20px; box-shadow: none}header .header .header-nav .fir-menu { display: flex; align-items: center; justify-content: center; margin-top: 16px}header .header .header-nav .fir-menu>li { position: relative}header .header .header-nav .fir-menu>li>a { display: flex; align-items: center; justify-content: center; height: 36px; width: auto; font-size: 20px; color: #545454; font-weight: bold; padding: 0 20px; line-height: 1; position: relative; transition: all .4s ease}header .header .header-nav .fir-menu>li>a::after { content: ""; position: absolute; top: 100%; height: 4px; width: 0; background: var(--themeColor); border-radius: 2px; transition: all .4s ease}header .header .header-nav .sub-menu { position: absolute; left: 0; top: 22px; min-width: 280px; transition: all .4s ease; opacity: 0; pointer-events: none; transform: translateY(-30px); z-index: 6; padding-top: 24px}header .header .header-nav .sub-menu>li,header .header .header-nav .third-sub>li { position: relative; border-bottom: 1px solid #fbded3; background: white}header .header .header-nav .sub-menu>li:last-child,header .header .header-nav .third-sub>li:last-child { border-bottom: 0}header .header .header-nav .sub-menu>li>a,header .header .header-nav .third-sub>li>a { display: block; padding: 13px 20px; font-size: 16px; transition: all .4s ease}header .header .header-nav .third-sub { position: absolute; left: 100%; top: 0; min-width: 280px; background: white; transition: all .4s ease; opacity: 0; pointer-events: none; transform: translateX(-30px)}@media screen and (min-width:1026px) { header .header .header-nav .fir-menu>li:hover>a { color: var(--themeColor) } header .header .header-nav .fir-menu>li.active>a { color: var(--themeColor); font-family: font3 } header .header .header-nav .fir-menu>li:hover>a::after, header .header .header-nav .fir-menu>li.active>a::after { width: 28px } header .header .header-nav .sub-menu>li:hover>a, header .header .header-nav .third-sub>li:hover>a { background: var(--themeColor); color: white } header .header .header-nav .fir-menu>li:hover .sub-menu { transform: translateY(0); opacity: 1; pointer-events: all } header .header .header-nav .fir-menu>li:hover .sub-menu, header .header .header-nav .sub-menu>li:hover .third-sub { transform: translateX(0); opacity: 1; pointer-events: all }}@media screen and (max-width:1449px) { header .header .header-nav .fir-menu>li>a { padding: 0 15px }}header .header .nav-btn,header .header .header-nav .fir-menu .child-btn { display: none}@media screen and (max-width:1025px) { header { background: white } header .header .header-nav { height: 56px; padding: 0 15px } header .header .header-nav .nav-search, header .header .header-nav .fir-menu .index-btn { display: none } header .header .nav-btn { display: flex; align-items: center; width: 32px; height: 23px; position: relative } header .header .nav-btn span { display: block; width: 100%; height: 3px; background: var(--themeColor) } header .header .nav-btn::before, header .header .nav-btn::after { content: ""; width: 100%; height: 3px; position: absolute; left: 0; background: var(--themeColor) } header .header .nav-btn::before { top: 0 } header .header .nav-btn::after { bottom: 0 } header .header .header-nav .fir-menu { position: absolute; left: 0; top: 100%; background: rgba(0, 0, 0, 0.8); display: block; margin: 0; width: 100%; height: calc(100vh - 56px); overflow-y: auto; display: none } header .header .header-nav .fir-menu li { border-top: 1px solid #ddd; position: relative; background: none !important; border-bottom: none !important; line-height: 1 } header .header .header-nav .fir-menu li a { color: white; display: block !important; height: auto; padding: 20px 15px; line-height: 1 } header .header .header-nav .sub-menu, header .header .header-nav .third-sub { opacity: 1; pointer-events: all; position: static; transform: translateX(0); transform: translateY(0); background: none !important; padding: 0; display: none; transition: none !important } header .header .header-nav .sub-menu>li>a { padding-left: 30px } header .header .header-nav .third-sub>li>a { padding-left: 45px } header .header .header-nav .fir-menu .child-btn .iconfont { font-size: 18px; color: white } header .header .header-nav .fir-menu>li .child-btn { display: flex; align-items: center; justify-content: center; width: 57px; height: 57px; position: absolute; left: calc(100% - 57px); top: 0; border-left: 1px solid #ddd }}footer .footer { background: var(--bgthemeColor); padding-top: 32px; padding-bottom: 90px}footer .footer .logo a { font-size: 24px; color: white; display: flex; align-items: center; justify-content: flex-start; width: 100%; padding-bottom: 32px; border-bottom: 1px solid #333; transition: all .4s ease}footer .footer .logo a img { height: 86px; width: auto}footer .footer .logo a h1 { margin-left: 20px; line-height: 1; padding-top: 10px; font-size: 24px}footer .footer .footer-nav { margin: 42px -15px 0 -15px}footer .footer .footer-nav h3 { font-size: 20px; color: white; line-height: 1; margin-bottom: 15px}footer .footer .footer-nav ul { max-width: 360px}footer .footer .footer-nav li { margin-bottom: 12px}footer .footer .footer-nav li:last-child { margin-bottom: 0}footer .footer .footer-nav li a { font-size: 16px; color: #999; line-height: 2.25; transition: all .4s ease}footer .footer .footer-nav li a:hover { color: var(--themeColor)}footer .footer form input { width: 100%; height: 54px; border-radius: 8px; padding: 18px 20px; margin-bottom: 20px; background: #f5fbff}footer .footer form button { width: 100%; height: 54px; background: linear-gradient(#fc8d62 0, #ea5b24 100%); border-radius: 8px; box-shadow: none; font-size: 16px; color: white; font-family: font2}footer .footer .wai-link { margin-top: 26px; font-size: 0}footer .footer .wai-link a { display: inline-block; font-size: 0; margin-right: 30px}footer .footer .wai-link a:last-child { margin-right: 0}footer .footer .wai-link a .iconfont { font-size: 18px; color: white; line-height: 1; transition: all .4s ease}footer .footer .wai-link a:hover .iconfont { color: var(--themeColor)}@media screen and (max-width:1025px) { footer .footer .logo { padding: 0 15px } footer .footer .logo a img { height: 50px } footer .footer .logo a h1 { font-size: 20px } footer .footer .footer-nav { margin: 40px 0 0 0 } footer .footer .footer-nav ul { max-width: none } footer .footer .footer-nav .col-md-3, footer .footer .footer-nav .col-md-4, footer .footer .footer-nav .col-md-5, footer .footer .footer-nav .col-md-6 { width: 100%; float: none } footer .footer .footer-nav .col-md-6 { margin-top: 30px } footer .footer .footer-nav .col-md-3 { margin-top: 30px } footer .footer .wai-link { margin-bottom: 10px } footer .footer .footer-nav li { margin-bottom: 5px }}@media screen and (max-width:769px) { footer .footer .logo a h1 { font-size: 18px }}.pagingClick { margin: 0 auto; text-align: center; padding: 4% 0}.pagingClick a,.pagingClick span { display: inline-block; width: 50px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; background-color: rgba(51, 51, 51, 0.73); color: #fff; margin-right: 20px}.pagingClick span { color: #fff; background-color: var(--themeColor)}.common .common-nav form { margin-bottom: 20px; font-size: 16px}.common .common-nav form input { border: 0; background-color: #eee; padding: 10px; width: 80%}.common .common-nav form button { border: 0; background-color: var(--themeColor); color: #fff; padding: 10px; width: 16%; transition: all .4s ease 0s}.common .common-nav form button:hover { background: #212121}.common .common-nav>h3 { font-size: 15px; font-weight: bold; text-transform: uppercase; border-left: 5px solid var(--themeColor); padding-left: .5em; padding-top: 10px; padding-bottom: 10px; background-color: #f5f5f5; margin-bottom: 10px}.common .pro-nav li { position: relative; margin-bottom: 10px; border-radius: 3px}.common .pro-nav li a { display: inline-block; width: 100%; padding: 12px 10px; color: #555; position: relative; box-sizing: border-box; font-size: 16px; text-transform: capitalize; border: 1px solid #ddd; white-space: nowrap; transition: all .4s ease}.common .pro-nav li .triangle { display: inline-block; width: 42px; max-height: 42px; position: absolute; top: 0; right: 0; box-sizing: border-box; display: flex; align-items: center; justify-content: center; color: #fff; cursor: pointer; transition: all .4s ease}.common .pro-nav .second-items li i { font-size: 16px; display: inline-block; color: var(--themeColor); margin-right: 5px; transition: all .4s ease}.common .pro-nav .second-items,.common .pro-nav .third-items,.common .pro-nav .fourth-items { display: none; margin: 10px 0}.common .pro-nav .second-items a { padding-left: 20px}.common .pro-nav .third-items a { padding-left: 30px}.common .pro-nav .fourth-items a { padding-left: 40px}.common .triangle { position: relative}.common .triangle::after { position: absolute; top: 40%; left: 40%; content: ""; width: 8px; height: 8px; border-bottom: 1px solid #555; border-right: 1px solid #555; transform: rotate(315deg)}.common .aside-product { margin: 1rem 0; border: 1px solid #ddd}.common .aside-product .media { width: 100%; display: flex; align-items: center}.common .aside-product .box-img { display: table-cell; flex: 1; padding: 10px}.common .aside-product h4 { font-size: 14px; padding: 0 1em; vertical-align: middle; color: #333; height: 47px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; flex: 2}.common .aside-product>a:hover { background-color: #ddd}.common .pro-nav li.active>a,.common .pro-nav li:hover>a { background: var(--themeColor); color: white}.common .pro-nav li.active>i::after,.common .pro-nav li:hover>i::after,.common .pro-nav li:hover>a>i,.common .pro-nav li.active>a>i { border-color: white; color: white !important}@media screen and (max-width:768px) { .pagingClick a, .pagingClick span { width: 40px; height: 30px; line-height: 30px; font-size: 14px; margin-bottom: 10px }}.footer-menu { display: none}@media screen and (max-width:769px) { .footer-menu { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; background: #8d8d8d; text-align: center; font-size: 12px; display: block } .footer-menu .footer-menu-box { display: flex; align-items: center; justify-content: space-around } .footer-menu .footer-menu-box a { display: flex; flex-direction: column; color: #fff; font-size: 14px; padding: 6px 0; text-transform: capitalize } .footer-menu .footer-menu-box .active { color: var(--themeColor) }}bg-banner { display: block; position: relative}bg-banner .layer-img img { width: 100%}.bg-banner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 2}.bg-banner::after { content: ""; background: rgba(0, 0, 0, 0.2); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1}.bg-banner h3 { color: white; font-size: 35px; font-weight: bold; text-transform: uppercase}.route { padding: 18px 0}.route { background: #f1f1f1; border-bottom: 1px solid #e5e5e5}.route ul { display: flex; flex-wrap: wrap; margin-left: 0; padding-left: 0}.route ul>li { float: left; position: relative; padding-right: 30px}.route ul>li a img { width: 100px}.route ul>li a { font-size: 16px; text-transform: capitalize; padding: 0 10px; color: #242424; letter-spacing: .32px; transition: all .3s ease}.route ul>li a:hover { color: var(--themeColor)}.route ul>li:first-child a { padding-left: 0}.route ul>li::after { content: ""; top: 10px; right: 10px; width: 8px; height: 8px; position: absolute; border-left: 1.5px solid #242424; border-bottom: 1.5px solid#242424; -webkit-transform: translate(0, -50%) rotate(-135deg); transform: translate(0, -50%) rotate(-135deg)}.route ul>li:last-child::after { border: 0}@media screen and (max-width:769px) { bg-banner .layer-img img { min-height: 100px; object-fit: cover } .bg-banner { background-size: contain; background-repeat: no-repeat } .bg-banner h3 { font-size: 30px; display: none } .bg-banner h3 { padding-top: 0 } .route ul>li a { padding: 0 }}.search-index h3 { margin-top: 80px; margin-bottom: 50px; font-size: 20px; color: #333; text-align: center}.search-index .item { display: block; border: 2px solid var(--themeColor); margin-bottom: 40px; position: relative; padding: 15px 15px 0 15px}.search-index .item::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 0; transition: all .4s ease; background: var(--themeColor); z-index: -1}.search-index .item .box-img { overflow: hidden}.search-index .item .box-img img { transition: all .4s ease}.search-index .item .txt { padding: 20px 0; padding-bottom: 10px !important}.search-index .item .txt h4 { color: var(--themeColor); text-align: center; font-size: 18px; height: 20px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition: all .2s ease .4s; margin-bottom: 15px}.search-index .item .txt span { display: flex; height: 40px; width: 130px; justify-content: center; align-items: center; background: #d4d4d4; color: white; margin: auto; position: relative; bottom: -32px; border-radius: 5px; transition: all .2s ease .4s; border: 1px solid #d4d4d4; pointer-events: none}.search-index .item:hover:after { height: 100%}.search-index .item:hover .txt span { background: var(--themeColor); bottom: 0; pointer-events: all}.search-index .item:hover .txt h4 { color: white}.search-index .item:hover .box-img img { transform: scale(1.05)}@media screen and (max-width:1440px) { .search-index .search-item { width: 33%; float: left }}@media screen and (max-width:769px) { .search-index .search-item { width: 50% }}@media screen and (max-width:580px) { .search-index .search-item { width: 100% }}@media screen and (min-width:1026px) { .common .content { position: relative } .common .content .left-sticky { position: sticky; top: 120px }}@media screen and (max-width:1441px) { header .header .header-nav .fir-menu>li>a { font-size: 18px } .nav-right .nav-search ul { margin-left: 10px; margin-right: 10px } header .header .header-nav .nav-search button { padding: 0 8px } header .header .header-nav .fir-menu>li>a { padding: 0 15px !important }}.nav-right .nav-search ul { align-items: center; justify-content: center}.nav-right .nav-search a span { color: var(--themeColor); font-size: 16px}.nav-right .nav-search .nav-nav { display: flex; align-items: center; justify-content: center}.nav-right .nav-search a:nth-child(2) { display: flex; align-items: center; justify-content: center}.nav-right .nav-search a:nth-child(2) span { padding-top: 5px}banner .banner .box-img img { width: 100%; height: auto}banner .banner .swiper-pagination span { width: 20px; height: 4px; border-radius: 0; margin: 0 10px !important; background: #979fa3; opacity: 1}banner .banner .swiper-pagination .swiper-pagination-bullet-active { background: var(--themeColor)}@media screen and (max-width:1025px) {}iabout .iabout { margin-top: 100px; padding-bottom: 44px; position: relative}iabout .iabout::after { content: ""; position: absolute; left: 0; bottom: 0; z-index: -1; background: #f8f9fa; width: 100%; height: 700px}iabout .iabout .yige-description { max-width: 1100px; margin: 0 auto; margin-top: 10px; color: #4d4d4d; font-size: 16px; text-align: center; line-height: 2.25}iabout .iabout .index-btn { margin: 10px auto 40px auto}iabout .iabout .iabout-num { display: flex}iabout .iabout .iabout-num li { flex: 1}iabout .iabout .iabout-num li span { font-size: 36px; font-family: font3; color: var(--themeColor); line-height: 1}iabout .iabout .iabout-num li .title { font-size: 16px; color: #4d4d4d; margin-top: 5px}iabout .iabout .iabout-img { margin-top: 40px; margin-bottom: 46px}iabout .iabout .iabout-advantage .item { padding: 0 15px 0 0}iabout .iabout .iabout-advantage .iconfont { color: var(--themeColor); font-size: 60px; line-height: 1; display: inline-block}iabout .iabout .iabout-advantage h4 { font-size: 20px; color: #262626; font-family: font3; margin-top: 32px}iabout .iabout .iabout-advantage .content { font-size: 16px; color: #4d4d4d; line-height: 1.8; margin-top: 14px}@media screen and (max-width:1449px) { iabout .iabout .yige-description { line-height: 2 } iabout .iabout .iabout-num li span { font-size: 28px } iabout .iabout .iabout-num li .title { font-size: 14px } iabout .iabout .iabout-advantage .iconfont { font-size: 40px } iabout .iabout .iabout-advantage h4 { font-size: 18px; height: 40px } iabout .iabout .iabout-advantage .content { font-size: 14px; margin-top: 8px }}@media screen and (max-width:1025px) { iabout .iabout { margin-top: 80px } iabout .iabout .yige-description { padding: 0 15px } iabout .iabout .iabout-num { padding: 0 15px } iabout .iabout .iabout-advantage .item { padding: 0 15px; margin-bottom: 20px } iabout .iabout .iabout-advantage h4 { height: auto; margin-top: 10px }}@media screen and (max-width:580px) { iabout .iabout .iabout-num { display: block } iabout .iabout .iabout-num li { margin-bottom: 20px; text-align: center }}isolution .isolution { margin-top: 100px}isolution .isolution .isolution-all { margin: 40px -15px 0 -15px}isolution .isolution .isolution-nav { border-left: 1px solid #c8cacc}isolution .isolution .isolution-nav li { margin-bottom: 60px; position: relative; left: -14px}isolution .isolution .isolution-nav li:last-child { margin-bottom: 0}isolution .isolution .isolution-nav li>a { display: flex; align-items: center; flex-wrap: wrap}isolution .isolution .isolution-nav li .icon { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: #c8cacc; margin-right: 70px; position: relative; transition: all .4s ease}isolution .isolution .isolution-nav li:hover .icon,isolution .isolution .isolution-nav li.active .icon { background: var(--themeColor)}isolution .isolution .isolution-nav li .icon::before { content: ""; width: 12px; height: 12px; border-radius: 50%; background: white}isolution .isolution .isolution-nav li .icon::after { content: ""; width: 30px; height: 1px; background: #c8cacc; position: absolute; left: calc(100%+20px); transition: all .4s ease}isolution .isolution .isolution-nav li:hover .icon::after,isolution .isolution .isolution-nav li.active .icon::after { background: var(--themeColor)}isolution .isolution .isolution-nav li .title { font-size: 18px; color: #c8cacc; line-height: 1; transition: all .4s ease; width: calc(100% - 100px)}isolution .isolution .isolution-nav li:hover .title { color: #262626}isolution .isolution .isolution-nav li.active .title { color: #262626; font-family: font3}isolution .isolution .hot-img { border: 1px solid #ddd; margin-bottom: 20px; position: relative; overflow: hidden}isolution .isolution .hot-img .layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgb(0, 0, 0, 0.6); display: flex; align-items: center; align-content: center; justify-content: center; flex-wrap: wrap; opacity: 0; transition: all .4s ease}isolution .isolution .hot-img:hover .layer { opacity: 1}isolution .isolution .hot-img:hover img { transform: scale(1.05)}isolution .isolution .hot-img .layer h4 { font-size: 24px; color: white; font-family: font3; max-width: 500px; text-align: center; line-height: 1.5; margin-bottom: 24px}isolution .isolution .hot-img .layer .isolution-btn { width: 100%}isolution .isolution .hot-img .layer .index-btn { margin: auto}isolution .isolution .pack-img duotu { display: flex; max-height: 230px}isolution .isolution .pack-img a { display: block; margin-right: 20px; flex: 1; border: 1px solid #ddd; max-width: 230px}isolution .isolution .pack-img a:last-child { margin-right: 0}isolution .isolution .isolution-content { color: #4d4d4d; font-size: 16px; line-height: 1.8; text-align: center; margin-top: 18px}@media screen and (min-width:1450px) { isolution .isolution .isolution-all .isolution-left { width: 32% } isolution .isolution .isolution-all .isolution-right { width: 68% }}@media screen and (max-width:1449px) { isolution .isolution .isolution-content { font-size: 14px } isolution .isolution .hot-img .layer h4 { font-size: 20px } isolution .isolution .isolution-nav li .title { font-size: 16px }}@media screen and (max-width:1025px) { isolution .isolution { margin-top: 80px } isolution .isolution .isolution-nav { margin-left: 15px } isolution .isolution .isolution-nav li { margin-bottom: 30px } isolution .isolution .isolution-all { margin: 40px 0 0 0 } isolution .isolution .isolution-left { width: 100% } isolution .isolution .isolution-right { width: 100%; margin-top: 50px }}@media screen and (max-width:1025px) { isolution .isolution .pack-img a { margin-right: 10px }}@media screen and (max-width:580px) { isolution .isolution .pack-img { display: none }}iapplication .iapplication { margin-top: 100px}iapplication .iapplication .item-all { margin: 0 -20px; margin-top: 40px}iapplication .iapplication .item-all .item { padding: 0 20px; margin-bottom: 40px}iapplication .iapplication .item-all .box-img { position: relative; overflow: hidden}iapplication .iapplication .item-all .box-img .layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: flex-end; align-content: flex-end; justify-content: flex-start; flex-wrap: wrap; padding: 20px}iapplication .iapplication .box-img .layer h4 { width: 100%; font-size: 24px; font-family: font2; line-height: 1.5; margin-bottom: 12px}iapplication .iapplication .item .box-img img { width: 100%; height: auto}iapplication .iapplication .item a:hover .box-img img { transform: scale(1.05)}@media screen and (max-width:1449px) { iapplication .iapplication .box-img .layer h4 { font-size: 20px } iapplication .iapplication .item-all { margin: 40px -10px 0 -10px } iapplication .iapplication .item-all .item { padding: 0 10px; margin-bottom: 20px }}@media screen and (max-width:1025px) { iapplication .iapplication { margin-top: 80px } iapplication .iapplication .item-all { margin: 40px 8px 0 8px } iapplication .iapplication .item-all .item { width: 50%; float: left; padding: 0 7px }}@media screen and (max-width:580px) { iapplication .iapplication .item-all .item { width: 100% }}icontact .icontact { margin-top: 40px}icontact .icontact .icontact-box { max-width: 1000px; width: 100%; margin: auto; background: var(--bbgthemeColor); border-radius: 80px; display: flex; justify-content: flex-start; padding-left: 60px}icontact .icontact .icontact-box .icontact-info { display: inline-block; margin-top: 38px; margin-left: 8px}icontact .icontact .icontact-box h4 { color: white; font-size: 36px; font-family: font2; line-height: 1.5; white-space: nowrap}icontact .icontact .icontact-box .index-btn { background: white; margin: auto; margin-top: 5px}icontact .icontact .icontact-box .index-btn .iconfont,icontact .icontact .icontact-box .index-btn span { color: var(--themeColor)}@media screen and (max-width:1449px) { icontact .icontact .icontact-box .icontact-info { margin-left: 30px } icontact .icontact .icontact-box h4 { font-size: 28px }}@media screen and (max-width:769px) { icontact .icontact .icontact-box { flex-wrap: wrap } icontact .icontact .icontact-box { border-radius: 10px; max-width: none; width: auto; margin: 0 15px; padding: 0 0 30px 0; justify-content: center } icontact .icontact .icontact-box .box-img { width: 100%; text-align: center } icontact .icontact .icontact-box .index-btn { margin-top: 10px } icontact .icontact .icontact-box .icontact-info { margin: 20px 0 0 0 }}@media screen and (max-width:580px) { icontact .icontact .icontact-box h4 { font-size: 22px }}ifactory .ifactory { margin-top: 80px; padding: 60px 0 80px 0; position: relative; background: var(--bgthemeColor)}ifactory .ifactory::after { content: ""; position: absolute; right: 0; top: 0; width: 37.5%; height: 100%; background: var(--themeColor)}ifactory .ifactory .index-title { color: white; margin-bottom: 30px; position: relative; z-index: 2}ifactory .ifactory .box-img { position: relative; height: 228px; display: flex; align-items: center; justify-content: center; overflow: hidden;}about6 .about6 .swiper-slide .img { height: 220px; display: flex; align-items: center; justify-content: center; overflow: hidden;}ifactory .ifactory .box-img .layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgb(0, 0, 0, 0.5); opacity: 0; transition: all .3s ease}ifactory .ifactory .box-img:hover .layer { opacity: 1}ifactory .ifactory .box-img .layer .iconfont { display: flex; align-items: center; justify-content: center; background: white; width: 40px; height: 40px; border-radius: 8px; font-size: 20px; color: var(--themeColor); line-height: 1; transform: scale(0); transition: all .4s ease}ifactory .ifactory .box-img:hover .layer .iconfont { transform: scale(1)}ifactory .ifactory .ifactory-btn { position: absolute; top: 50%; left: 0; width: 100%; height: 0}ifactory .ifactory .ifactory-btn .container { display: flex; align-items: center; justify-content: space-between; padding: 0}ifactory .ifactory .ifactory-btn .container::before,ifactory .ifactory .ifactory-btn .container::after { display: none}ifactory .ifactory .ifactory-btn .swiper-button-prev,ifactory .ifactory .ifactory-btn .swiper-button-next { position: relative; top: unset; bottom: unset; width: 40px; height: 40px; border-radius: 8px; background: white; box-shadow: 0 0 4px 0 rgb(235 93 37 / 32%); transition: all .4s ease}ifactory .ifactory .ifactory-btn .swiper-button-prev::after,ifactory .ifactory .ifactory-btn .swiper-button-next::after { font-size: 18px; font-weight: bold; transition: all .4s ease}ifactory .ifactory .ifactory-btn .swiper-button-prev:hover,ifactory .ifactory .ifactory-btn .swiper-button-next:hover { background: var(--themeColor)}ifactory .ifactory .ifactory-btn .swiper-button-prev:hover::after,ifactory .ifactory .ifactory-btn .swiper-button-next:hover::after { color: white}inews .inews { margin-top: 100px; margin-bottom: 90px}inews .inews .index-title { margin-bottom: 30px}inews .inews .inews-left { padding: 0}inews .inews .inews-nav li a { display: flex; align-items: center; flex-wrap: wrap; padding-right: 56px; margin-bottom: 40px}inews .inews .inews-nav li:last-child a { margin-bottom: 0}inews .inews .inews-nav li .date { display: flex; align-items: center; justify-content: center; align-content: center; flex-wrap: wrap; width: 90px; height: 90px; background: #f8f9fa; padding-top: 2px; color: #262626; transition: all .4s ease}inews .inews .inews-nav li a:hover .date,inews .inews .inews-nav li.active a .date { background: var(--themeColor); color: white}inews .inews .inews-nav li .date .month { font-size: 16px; width: 100%; text-align: center; line-height: 1}inews .inews .inews-nav li .date .year { font-size: 24px; font-family: font3; width: 100%; text-align: center; line-height: 1; margin-top: 10px}inews .inews .inews-nav li .title { width: calc(100% - 108px); margin-left: 18px; font-size: 20px; color: #999; line-height: 1.5; transition: all .4s ease}inews .inews .inews-nav li a:hover .title { color: #262626}inews .inews .inews-nav li.active a .title { color: #262626; font-family: font3}inews .inews .inews-nav li a .iconfont { position: absolute; right: 0; font-size: 26px; color: var(--themeColor); transition: all .4s ease; opacity: 0; transform: translateX(-20px)}inews .inews .inews-nav li a:hover .iconfont,inews .inews .inews-nav li.active a .iconfont { opacity: 1; transform: translateX(0px)}inews .inews .inews-right { padding: 0 0 0 90px}inews .inews .inews-right .box-img { background: white; box-shadow: 0 0 9px 0 rgba(235, 93, 37, 0.32); overflow: hidden}inews .inews .inews-right .box-img img { width: 100%; height: auto}inews .inews .inews-right a:hover .box-img img { transform: scale(1.05)}inews .inews .inews-right .yige-description { font-size: 16px; color: #4d4d4d; line-height: 2.25; margin-top: 20px; margin-bottom: 8px}@media screen and (min-width:1450px) { inews .inews .inews-left { width: 51% } inews .inews .inews-right { width: 49% }}@media screen and (max-width:1449px) { inews .inews .inews-nav li .date .year { font-size: 22px } inews .inews .inews-nav li .title { font-size: 18px } inews .inews .inews-nav li a { margin-bottom: 30px } inews .inews .inews-right .yige-description { line-height: 2 }}@media screen and (max-width:1025px) { inews .inews .item-all { padding: 0 15px } inews .inews .inews-right { padding: 0 0 0 40px }}@media screen and (max-width:991px) { inews .inews .inews-right { padding: 0; margin-top: 50px }}@media screen and (max-width:769px) { inews .inews .inews-nav li .title { font-size: 16px }}isolution .isolution .hot-img img { max-width: 50%}isolution .isolution .hot-img a,isolution .isolution .pack-img a { display: flex; flex-flow: column; align-items: center; justify-content: center}about6 .about6 .a .total { padding: 100px 0}about6 .about6 .a .total .img { display: flex; flex-flow: column; align-items: center; justify-content: center; overflow: hidden; padding-left: 0; padding-right: 0}about6 .about6 .a .total .img img { max-width: 100%; height: auto}about6 .about6 .a .total .title { display: flex; flex-flow: column; align-items: center; justify-content: center}about6 .about6 .a .total .title h3 { font-size: 30px; color: #353535; font-weight: bold}about6 .about6 .a .total .title p { color: #666; font-size: 16px; text-align: center; line-height: 2}about6 .about6 .a .total .imgkg { margin-top: 50px; margin-bottom: 30px}about6 .about6 .advantage { width: 100%; min-height: 700px; background-repeat: no-repeat; display: flex; justify-content: flex-end; align-items: center; background-size: auto 100%; margin-bottom: 80px}about6 .about6 .advantage .adv_content { width: 1360px; max-height: 550px; background-color: white; padding: 80px; box-shadow: 0 0 20px 0 rgb(0 0 0 / 50%)}about6 .about6 .advantage .adv_content h3 { font-size: 30px; color: #353535; font-weight: 600; padding: 0; margin: 0}about6 .about6 .advantage .adv_content .description { margin-top: 30px; margin-bottom: 30px; font-size: 16px; color: #666; line-height: 2}about6 .about6 .advantage .adv_content .description p { margin-bottom: 10px}about6 .about6 .advantage .adv_content .description p:last-child { margin-bottom: 0}@media screen and (max-width:1449px) { about6 .about6 .advantage .adv_content { width: 1060px; max-height: none; padding: 30px 50px } about6 .about6 .advantage .adv_content .description { margin-bottom: 0 }}@media screen and (max-width:768px) { about6 .about6 .advantage { min-height: auto } about6 .about6 .advantage .adv_content { height: auto; background: rgb(0, 0, 0, 0.2); max-height: none; height: auto !important; padding: 30px 15px } about6 .about6 .advantage .adv_content h3 { color: white } about6 .about6 .advantage .adv_content p { color: white }}about6 .about6 .c { padding: 100px 0}about6 .about6 .c .total img { max-width: 100%; height: auto}about6 .about6 .c .total { display: flex; flex-flow: column; align-items: center; justify-content: center; overflow: hidden}about6 .about6 .c .total h3 { padding: 0; margin: 0; font-size: 30px; color: #353535; font-weight: 600; margin-bottom: 50px}about6 .about6 .swiper-container { width: 100%; height: 100%}about6 .about6 .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center}about6 .about6 .swiper-slide .img { border: 1px solid #c1c1c1}about6 .about6 .swiper-slide .img img { max-width: 100%; height: auto}@media screen and (max-width:768px) { about6 .about6 .b .yy { left: 0 }}.ipd50 { margin-top: 80px}.contact .contact-info .box { text-align: center; border-radius: 5px; padding: 20px; background: #fff; border: 1px solid #e5e8ed; height: 100%;}.contact .contact-info .box .icon { display: inline-block; vertical-align: top; width: 80px; height: 80px; margin-bottom: 20px; font-size: 30px; line-height: 80px; color: #333357; background: #f2f3f8; border: 1px solid #eee; border-radius: 100% 50% 50% 100% / 75% 69% 69% 75%}.contact .contact-info .box .icon i { color: var(--themeColor); font-size: 28px}.contact .contact-info .box h5 { font-weight: 500; margin: 0 0 10px; font-size: 15px; color: #333}.contact .contact-info .info-list { display: flex; flex-wrap: wrap;}.contact .contact-info .box a,.contact .contact-info .box p { font-size: 14px; line-height: 1.5; color: #333; text-align: center; display: flex; align-items: center; justify-content: center;}@media screen and (max-width:1449px) { .contact .contact-info .box a, .contact .contact-info .box p { height: 105px; -webkit-line-clamp: 5 }}.contact .content .contact-form { padding: 50px 0; margin-top: 50px; background-color: #f2f3f8}.contact .content form .form-box { background: #fff; padding: 20px; border: 1px solid #e5e8ed}.contact .content form h3 { padding: 0 0 20px 15px; font-size: 20px; color: #3b566e; font-weight: 500}.contact .content form .form-box textarea,.contact .content form .form-box .input-box input { border: 0; outline: 0; box-shadow: none; height: 40px; padding-left: 0; padding-right: 0; border-bottom: 2px solid #dcdcdc; border-radius: 0; width: 100%; font-size: 14px; color: #000; background: transparent}.contact .content form .form-box textarea:focus,.contact .content form .form-box .input-box input:focus { border-color: var(--themeColor)}.contact .content form .form-box .input-box>div { margin-bottom: 20px; position: relative}.contact .content form .form-box textarea { height: 100px}.contact .content form .contact-lines { position: relative}.input-focus-effect { width: 0; position: absolute; bottom: 0; left: 0; height: 2px; -webkit-transition: ease all .3s; -o-transition: ease all .3s; transition: ease all .3s}.contact .content form .form-box .input-box>div:last-child .input-focus-effect { bottom: 4px}.contact .content form .contact-form .map { background-color: #fff; border: 1px solid #e5e8ed}.contact-btn { padding: 10px 30px; border: 1px solid; border-radius: 3px; font-weight: 600; letter-spacing: .5px; text-decoration: none !important; display: inline-block; text-transform: uppercase; font-size: 12px; cursor: pointer; -webkit-transition: ease all .3s; -moz-transition: ease all .3s; -o-transition: ease all .3s; transition: ease all .3s; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); background: var(--themeColor); color: #fff; margin-left: 15px}.contact-btn:hover { color: var(--themeColor); background-color: #fff}.contact .contact-form h4 { margin-bottom: 50px; text-align: center; font-weight: 600; position: relative; font-size: 32px}.contact .contact-form h4::after { position: absolute; left: 0; top: 20px; content: ''; width: 70px; height: 15px; border-radius: 30px; opacity: .3; transform: rotate(-45deg); right: 0; margin: auto; z-index: 1; box-shadow: -2px -22px 0 0 rgb(0 0 0 / 27%); background: #5c5e97}@media screen and (max-width:768px) { .ipd50 { margin-top: 20px } .contact .contact-info .box { margin-bottom: 20px }}.yige-product::before { display: none}.yige-page-nav-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px 0; border-bottom: 1px solid #dbdbdb}.yige-page-nav-wrap .yige-page-nav-list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center}.yige-page-nav-wrap .yige-page-nav-list a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px 20px; border-radius: 100px; font-size: 16px; color: #444; margin-right: 35px}.yige-page-nav-wrap .yige-page-nav-list a.on { color: #fff; background: var(--themeColor)}.yige-page-nav-wrap .yige-page-nav-list a:hover { color: #fff; background: var(--themeColor)}@media screen and (max-width:768px) { .yige-page-nav-wrap { padding: 0 2% } .yige-page-nav-wrap .yige-page-nav-list a { width: 48%; margin-bottom: 10px; margin-right: 4% !important } .yige-page-nav-wrap .yige-page-nav-list a:nth-child(2n) { margin-right: 0 !important }}.yige-service-wrap .yige-service-title { padding: 50px 0}.yige-service-wrap .yige-service-title-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end}.yige-service-wrap .yige-service-title-top .yige-service-b-title { position: relative; padding: 0 18px; font-size: 30px; font-weight: bold; color: var(--themeColor)}.yige-service-wrap .yige-service-title-top .yige-service-b-title::after { content: ''; position: absolute; width: 5px; height: 28px; background: var(--themeColor); left: 0; top: 16%}.yige-service-wrap .yige-service-title-top .yige-service-s-title { font-size: 16px; color: #888}.yige-service-wrap .yige-service-title-bottom { font-size: 30px; color: var(--themeColor); text-transform: uppercase}.yige-service-wrap .yige-service-list { margin-bottom: 40px}.yige-service-wrap .yige-service-item { display: inline-block; width: 48.5%; margin-top: 2%; position: relative}.yige-service-wrap .yige-service-item:nth-child(2n+1) { margin-right: 2%}.yige-service-wrap .yige-service-item:hover .yige-service-item-img { width: 100%}.yige-service-wrap .yige-service-item:hover .yige-service-item-txt { width: 100%; padding: 4%; -webkit-transition: all .3s ease; transition: all .3s ease; background: var(--themeColor)}.yige-service-wrap .yige-service-item:hover .yige-service-item-txt .yige-service-item-s-title { display: none}.yige-service-wrap .yige-service-item:hover .yige-service-item-txt p { display: block}.yige-service-wrap .yige-service-item:hover .yige-service-item-more { display: none}.yige-service-wrap .yige-service-item-img { float: left; width: 51%; -webkit-transition: all .3s ease; transition: all .3s ease}.yige-service-wrap .yige-service-item-img img { width: 100%; height: 354px; -o-object-fit: cover; object-fit: cover}.yige-service-wrap .yige-service-item-txt { float: left; width: 49%; background: var(--themeColor); text-align: center; padding: 61px 0; -webkit-transition: all .3s ease; transition: all .3s ease; height: 100%; position: absolute; right: 0; top: 0}.yige-service-wrap .yige-service-item-txt .yige-service-item-icon { margin-bottom: 30px; line-height: 70px; height: 70px}.yige-service-wrap .yige-service-item-txt .yige-service-item-title h3 { font-size: 18px; color: #fff; margin-bottom: 5px}.yige-service-wrap .yige-service-item-txt .yige-service-item-title p { display: none; font-size: 14px; color: #fff; line-height: 26px; text-indent: 2em; text-align: left; margin-top: 20px}.yige-service-wrap .yige-service-item-txt .yige-service-item-more { margin-top: 40px}.yige-service-wrap .yige-service-item-txt .yige-service-item-more span { display: inline-block; line-height: 35px; width: 104px; text-align: center; font-size: 14px; color: #fff; border-radius: 100px; border: 1px solid #fff}@media screen and (max-width:768px) { .yige-service-wrap .yige-service-list .yige-service-item { width: 48% } .yige-service-wrap .yige-service-list .yige-service-item:hover .yige-service-item-img img { height: 334px } .yige-service-wrap .yige-service-list .yige-service-item:hover .yige-service-item-txt { position: absolute } .yige-service-wrap .yige-service-list .yige-service-item .yige-service-item-img { width: 100% } .yige-service-wrap .yige-service-list .yige-service-item .yige-service-item-img img { height: 145px } .yige-service-wrap .yige-service-list .yige-service-item .yige-service-item-txt { position: inherit; width: 100%; padding: 10px 0 } .yige-service-wrap .yige-service-list .yige-service-item .yige-service-item-txt .yige-service-item-icon { margin-bottom: 0 } .yige-service-wrap .yige-service-list .yige-service-item .yige-service-item-txt .yige-service-item-icon img { height: 30px; line-height: 30 } .yige-service-wrap .yige-service-list .yige-service-item .yige-service-item-txt .yige-service-item-title div { font-size: 14px } .yige-service-wrap .yige-service-list .yige-service-item .yige-service-item-txt .yige-service-item-more { margin-top: 20px } .yige-service-wrap .yige-service-list .yige-service-item .yige-service-item-txt .yige-service-item-more span { font-size: 12px } .yige-service-wrap .yige-service-list .yige-service-item .yige-service-item-txt .yige-service-item-title p { font-size: 12px; height: 200px; overflow-y: scroll } .yige-service-wrap .yige-service-title { padding: 20px 0 !important } .yige-service-wrap .yige-service-s-title { font-size: 14px !important } .yige-service-wrap .yige-service-b-title { font-size: 24px !important } .yige-service-wrap .yige-service-title-bottom { font-size: 20px !important }}.news-show .article { border: 1px solid #ddd}.news-show .article .dg-header { padding: 20px; border-bottom: 1px solid #ddd}.news-show .article .dg-header h1,.news-show .article-related { font-size: 20px; line-height: 1.4; color: #121212; padding: 10px 0}.news-show .article .dg-header .time { font-size: 14px; color: #777}.news-show .article .content { font-size: 16px; color: #777; line-height: 1.8; padding: 20px}.news-show .article .content p { margin-bottom: 5px}.news-show .article-related { margin: 20px 0; border: 1px solid #ddd}.news-show .article-related h5 { border-bottom: 1px solid #ddd; padding: 20px; color: #353a42; font-size: 18px; font-weight: 600}.news-show .article-related .article-related-box { padding: 25px 20px 5px 20px}.news-show .article-related a { font-size: 16px; padding-left: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; color: inherit; padding-bottom: 15px}.news-show .article-related a span { color: #777; font-weight: 400}.news-show .article-related a strong { color: #777}.news-show .article-related a:hover span { color: var(--themeColor)}.news-show { margin: 50px 0}.news h4 { font-size: 20px; color: #333; text-transform: uppercase; text-align: center; display: none}.news .content .content { margin: 50px 0}.news .content a { display: block; padding: 5%; transition: all .36s ease}.news .content a figure { height: 285px; overflow: hidden; display: flex; align-items: center; justify-content: center}.news .content a figure img { object-fit: contain; width: 100%; height: 100%;}.news .content a img { transition: all .36s ease}.news .content a h3 { font-size: 16px; font-weight: 400; color: #333; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 20px; text-transform: capitalize; transition: all .36s ease}.news .content a .time { font-size: 14px; color: #999; margin-top: 6px}.news .content a p { height: 46px; margin-top: 18px; font-size: 14px; color: #666; line-height: 1.7; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}.news .inews-btn { display: flex; align-items: center; justify-content: space-between; margin-top: 20px}.news .inews-btn span { display: inline-block; position: relative; height: 26px; line-height: 26px; max-width: 100%; padding: 0 8px; border: 1px solid #e5e5e5; margin-top: 12px; margin-right: 15px; border-radius: 5px; color: #999; font-size: 12px; word-break: keep-all; overflow: hidden; z-index: 2}figure { display: flex; overflow: hidden; justify-content: center; align-items: center}.news .inews-btn i { color: #999; transition: all .36s ease}.news .content a:hover i,.news .content a:hover h3 { color: var(--themeColor)}.news .content a:hover { box-shadow: 0 0 15px rgb(0 0 0 / 10%)}.news .content a:hover img { transform: scale(1.1)}@media screen and (max-width:768px) { .news .container-fluid { padding: 0 15px }}.ipd50 { padding-top: 80px}.common .conmmon-content .box-img { overflow: hidden; display: flex; align-items: center; justify-content: center}.common .conmmon-content .box-img img { width: 100%; height: 100%; object-fit: cover}.common .conmmon-content img { -webkit-transition: .5s}.common .conmmon-content .text { display: block; background-color: #ccc; padding-left: 15px; padding-right: 15px; position: relative; z-index: 1; padding: 25px 25px 30px 25px; background: #f3f3f3; text-align: center; border-bottom: 2px solid var(--themeColor)}.common .conmmon-content .text::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 0; z-index: -1; background-color: var(--themeColor); transition: all .3s ease-in-out}.common .conmmon-content .text h3 { line-height: 1.8em; color: #555; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical}.common .conmmon-content .text h3 { text-decoration: none; color: #121212; margin: 5px 0; font-size: 18px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical}.common .conmmon-content .text h4 { line-height: 1.8em; color: #555; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical}.common .conmmon-content .button-box { display: inline-block; border: 2px solid; padding: .5em 1em; margin-top: 10px; background-color: var(--themeColor); color: #fff; text-decoration: none; font-size: 14px; cursor: pointer; margin-top: 10px}.common .conmmon-content a:hover .text::after { height: 100%}.common .conmmon-content a:hover h3,.common .conmmon-content a:hover h4 { color: #fff}.common .conmmon-content a:hover img { -webkit-transform: scale(1.1)}.common .conmmon-content h5 { font-weight: 500; margin-bottom: 2px; color: var(--themeColor); font-size: 24px; font-weight: 500; position: relative; margin-bottom: 30px}.common .conmmon-content h5::after { content: ''; background-color: var(--themeColor); position: absolute; bottom: -10px; left: 0; height: 3px; width: 50px; border-radius: 5px}.common .conmmon-content .title { margin-bottom: 16px; font-family: "Roboto", sans-serif; color: #6e7889; font-size: 16px; line-height: 1.75; font-weight: 400}.common .content .top h4 { position: relative; font-weight: 500; margin-bottom: 2px; font-size: 30px; position: relative; padding-bottom: 15px; margin-bottom: 25px}.common .content .top h4::after { position: absolute; bottom: 0; left: 0; content: ''; background-color: var(--themeColor); height: 5px; width: 50px; border-radius: 5px}.common .content .top .content { line-height: 1.8em; margin-bottom: 16px; font-size: 14px; overflow: hidden; position: relative;}.content-btn { position: absolute; right: 0; bottom: 0; width: 30px; height: 30px; cursor: pointer; font-weight: bold;}.content-btn i { display: block; width: 30px; height: 30px; font-size: 25px;}@media screen and (max-width:768px) { .common .content { display: flex; flex-direction: column } .pro-show .txt h3 { margin: 1em 0; font-size: 16px } .pro-show .nav-tabs>li>a { font-size: 14px; padding: 5px }}.product7 { background: #eee; padding-top: 80px; padding-bottom: 80px}.product7 h6 { text-align: center; color: #767676; font-weight: 600; margin-bottom: 25px; font-size: 24px}.product7 .title { text-align: center; font-size: 14px; font-weight: 400; color: #767676; margin-bottom: 10px}.product7 .content a { display: block; box-shadow: 0 1px 2px rgb(0 0 0 / 10%); background-color: #fff; position: relative; transition: all .5s; margin-bottom: 1px; overflow: hidden; margin-bottom: 30px}.product7 .content h3 { display: block; margin: 0 0 5px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 20px; color: #3d474a; text-transform: uppercase; font-weight: 600; transition: all .3s ease}.product7 .content p { color: #767676; margin: 10px 0; font-size: 14px}.product7 .content .txt { padding: 20px; color: #767676}.product7 .content .txt h4 { line-height: 1.4; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; position: relative; padding-bottom: 10px}.product7 .content a:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, .2)}.product7 .content .txt h4::after { background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); position: absolute; bottom: 0; width: 100%; height: 75px; content: ""; display: block; z-index: 2}.product7 .content a:hover .box-img img { transform: scale(1.05)}.product7 .content a:hover .txt h3 { color: var(--themeColor)}@media screen and (max-width:768px) { .common .content { display: flex; flex-direction: column } .pro-show .txt h3 { margin: 1em 0; font-size: 16px } .pro-show .nav-tabs>li>a { font-size: 14px; padding: 5px }}pro-show .pro-show-3 { padding: 50px 0}pro-show .pro-show-3 .left img { max-width: 100%; height: auto}pro-show .pro-show-3 h1 { margin: 0 0 22px; font-weight: 700; font-family: 'Open Sans', sans-serif; color: #464646; font-size: 22px}pro-show .pro-show-3 .guige { line-height: 1.8}pro-show .pro-show-3 .guige p { margin-bottom: 10px}pro-show .pro-show-3 .product-details table { width: 100%}pro-show .pro-show-3 .product-details table td { padding: 10px !important}pro-show .pro-show-3 .pro-content { margin-top: 30px}pro-show .pro-show-3 .pro-content .course-details-text { line-height: 1.6; font-size: 16px}pro-show .pro-show-3 .pro-content table td { border: 1px solid #333; padding: 5px}pro-show .pro-show-3 .left .pro_show_a .swiper-slide { display: flex; flex-flow: column; align-items: center; justify-content: center}pro-show .pro-show-3 .left .pro_show_a { margin-bottom: 10px}pro-show .pro-show-3 .left .pro_show_b .swiper-slide { border: 1px solid #ddd; cursor: pointer}pro-show .pro-show-3 .product-details .list_btn { display: flex; flex-flow: row; align-items: center; justify-content: flex-start; margin-top: 30px; margin-bottom: 20px}pro-show .pro-show-3 .product-details .list_btn a { padding: 5px 40px; background-color: #333; color: #fff; font-size: 18px; margin-right: 20px; text-align: center; width: calc(50% - 8px); transition: all .3s ease}pro-show .pro-show-3 .product-details .list_btn a:nth-child(1) { margin-right: 8px}pro-show .pro-show-3 .product-details .list_btn a:nth-child(2) { margin-left: 8px}pro-show .pro-show-3 .product-details .list_btn a:hover { background: var(--themeColor)}pro-show .pro-show-3 .swiper-button-prev,pro-show .pro-show-3 .swiper-button-next { overflow: hidden; width: 30px; height: 30px; background-color: rgba(0, 0, 0, 0.5); transition: all .5s; border-radius: 50%; display: flex; flex-flow: column; align-items: center; justify-content: center}pro-show .pro-show-3 .swiper-button-prev:after,pro-show .pro-show-3 .swiper-button-next:after { font-size: 14px; color: #fff}.slideInDown.addthis-animated,.slideInLeft.addthis-animated,.slideInRight.addthis-animated,.slideInUp.addthis-animated,.slideOutDown.addthis-animated,.slideOutLeft.addthis-animated,.slideOutRight.addthis-animated,.slideOutUp.addthis-animated { display: none}#at20mc { display: none !important}pro-show .pro-show-3 .right h2 { border-bottom: 2px solid #e60012; font-size: 18px; padding-bottom: 10px; text-transform: uppercase; display: inline-block; width: 100%}pro-show .pro-show-3 .right ul li { padding: 10px 0; padding: 0}pro-show .pro-show-3 .right ul li a { font-size: 14px; color: #464646}pro-show .pro-show-3 .right .productUrl { display: flex; flex-flow: column; align-items: center; justify-content: center}pro-show .pro-show-3 .right .productUrl li { padding: 15px; border: 1px solid #ddd; margin-bottom: 20px}pro-show .pro-show-3 .right .productUrl li .img { border-bottom: 1px solid #ddd}pro-show .pro-show-3 .right .productUrl li .title { font-size: 18px; color: #464646; padding: 10px}pro-show .pro-show-3 .pro-content { padding-right: 15px}pro-show .pro-show-3 .pro-content .nav-tabs { margin-bottom: 30px; border: 0}pro-show .pro-show-3 .pro-content table { width: 100%}pro-show .pro-show-3 .pro-content .nav-tabs a { padding: 10px 20px; color: #fff; background-color: #ddd; border-radius: 0; font-size: 14px}pro-show .pro-show-3 .pro-content .nav-tabs .active a { background-color: var(--themeColor)}pro-show .pro-show-3 .pro-content .nav-tabs a::after { border-color: #ddd transparent transparent; border-style: solid; position: absolute; content: ""; border-width: 9px 6px 0; left: 50%; margin-left: -6px; bottom: -9px; text-decoration: none; display: none}pro-show .pro-show-3 .pro-content .nav-tabs .active a::after { display: block; border-color: var(--themeColor) transparent transparent}@media screen and (max-width:1024px) { .pro-show-3 .total { padding-left: 0; padding-right: 0 } pro-show .pro-show-3 .product-details .list_btn { width: 80% } pro-show .pro-show-3 .product-details .list_btn a { padding: 0; padding: 5px 10px } pro-show .pro-show-3 .pro-content { padding-left: 0; padding-right: 0 } pro-show .pro-show-3 .icon { display: none } pro-show .pro-show-3 .left .col-md-6 { padding-left: 0; padding-right: 0 }}pro-show .swiper-wrapper { height: auto}pro-show .modal .modal-header { border: 0}pro-show .modal-header .close { margin-top: -20px}pro-show .modal .modal-content { padding: 30px}pro-show .modal .modal-title { font-weight: 600; font-size: 24px; line-height: 24px; color: #3d474a}pro-show .modal .modal-body form .modal-box { padding-bottom: 20px}pro-show .modal .modal-body form .modal-box p { line-height: 1.4; padding-bottom: 6px; color: #767676; font-size: 14px}pro-show .modal .modal-body form .modal-box input { border: 0; height: 40px; font-size: 13px; line-height: 1.4; padding: 9px 12px; display: block; width: 100%; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-color: #e1e6eb}pro-show .modal .modal-body form .modal-box textarea { border: 0; font-size: 13px; line-height: 1.4; padding: 9px 12px; display: block; width: 100%; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-color: #e1e6eb}pro-show .modal .modal-body form .footer-sub { padding: 9px 15px; color: #fff; background-color: var(--themeColor); border: 0; display: block}pro-show .modal-dialog { top: 15%}@media screen and (max-width:769px) { pro-show .modal-dialog { top: 8% } pro-show .modal .modal-body form .modal-box { padding-bottom: 10px } pro-show .modal .modal-content { padding: 30px 15px 0 15px }}.pro-form-post { width: 100%; margin-top: 50px}.pro-form-post form { width: 100%}.pro-form-post input,.pro-form-post select { width: 100%; border-radius: 5px; color: #333; height: 40px; line-height: 40px; padding-left: 10px; padding-right: 10px; margin-bottom: 15px; font-size: 16px; border: 1px solid #ddd}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; margin: 0}input[type="number"] { -moz-appearance: textfield}.pro-form-post .footer-sub { color: #fff; background-color: var(--themeColor)}.pro-form-post .footer-sub:hover { background-color: #fff; color: var(--themeColor); border-color: var(--themeColor)}.pro-form-post textarea { width: 100%; border: 1px solid #ddd; height: 80px; padding: 10px 10px 0 10px; margin-bottom: 15px; border-radius: 5px; font-size: 16px}.pro-form-post .form-div { border: 1px solid #ddd}.pro-form-post .form-div .title { padding: 20px; background-color: #efefef; display: flex; flex-flow: row; align-items: center; padding-top: 10px; padding-bottom: 10px}.pro-form-post .form-div .title i { font-size: 36px; color: var(--themeColor); margin-right: 10px}.pro-form-post .form-div .title h3 { font-size: 20px; color: #000; font-weight: 600}.pro-form-post .form-div form { padding: 20px; padding-top: 45px; padding-bottom: 25px}.pro-form-post .form-div .box-list { display: flex; flex-flow: row; width: 100%; justify-content: flex-end}.pro-form-post .form-div .box-list .modal-box { margin-left: 10px; margin-right: 10px; display: flex; flex-flow: row; flex: 1}.pro-form-post .form-div .box-list .modal-box span { color: var(--themeColor); width: 5px; margin-right: 10px}.pro-form-post .footer-sub { max-width: 300px; margin-right: 10px}pro-show .pro-show-3 .tab-content table p { text-align: center}@media screen and (max-width:1441px) { pro-show .pro-show-3 .tab-content table p { font-size: 14px } pro-show .pro-show-3 .pro-content table td { padding: 5px 3px }}ifactory { display: flex; align-items: center; justify-content: center}ifactory .ifactory { max-width: 1400px}.iabout .iabout-num { margin-bottom: 30px}.iabout .iabout-num,.iabout .iabout-advantage .item { cursor: pointer}iapplication .iapplication .item-all .box-img { max-height: 120px}footer .copy { padding: 15px 0; font-size: 14px; display: flex; align-items: center; justify-content: space-between; background-color: var(--bgthemeColor)}footer .copy p { font-size: 16px; color: #fff}.yige-service-wrap .yige-service-item-txt .yige-service-item-title h3 { padding-left: 10px; padding-right: 10px}.nav-search .nav-nav a,.nav-right .nav-search a,header .header .header-nav .nav-search button .iconfont,header .header .header-nav .nav-search input,.nav-right .nav-search ul i { margin-left: 5px; margin-right: 5px; color: var(--themeColor)}pro-show .pro-show-3 .guige p,pro-show .pro-show-3 .tab-content p { font-size: 16px}.nav-search .nav-nav a i { margin-right: 5px}.img .ys { font-size: 55px; font-weight: 700; background-image: -webkit-linear-gradient(top, #f14200, #f7f7f7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; position: relative; text-transform: uppercase; font-family: font1}.header .header-nav .nav-left { display: flex; flex-flow: row}.header .header-nav .des { display: flex; flex-flow: column; align-items: flex-start; justify-content: space-around; padding-left: 10px}.header .header-nav .des h3 { font-size: 14px; font-weight: 600; color: var(--themeColor)}.header .header-nav .nav-left { max-width: 330px}header .header .header-nav .nav-search input::placeholder { color: var(--themeColor)}@media screen and (max-width:1441px) { .contact .contact-info .box { padding: 10px } .contact .contact-info .col-md-3 { padding-left: 5px; padding-right: 5px } ifactory .ifactory { max-width: 1200px } header .header .header-nav .sub-menu>li>a, header .header .header-nav .third-sub>li>a { font-size: 14px; padding: 10px 15px } .header .header-nav .des { padding-left: 10px } header .header .header-nav .fir-menu>li>a { padding: 0 10px } .header .header-nav .nav-left { max-width: 300px } ifactory .ifactory .box-img { height: 180px; } about6 .about6 .swiper-slide .img { height: 185px; }}header .header .header-nav a { text-transform: capitalize;}isolution .isolution .isolution-nav li .title,isolution .isolution .hot-img .layer h4 { text-transform: capitalize;}pro-show .pro-show-3 .left .pro_show_a .swiper-slide { height: 465px; display: flex; align-items: center; justify-content: center; overflow: hidden;}pro-show .pro-show-3 .left .pro_show_b .swiper-slide { height: 90px; display: flex; align-items: center; justify-content: center; overflow: hidden;}.common .content { padding-top: 0}.product7 .ipd50 { padding: 0; margin: 0}@media screen and (max-width:1025px) { header .header .header-nav .fir-menu>li>a { padding: 19px !important } header .header .header-nav .logo img { max-width: 50% } ifactory .ifactory { max-width: 100% } header .header .header-nav .sub-menu>li>a, header .header .header-nav .third-sub>li>a { padding: 19px 30px } header .header .header-nav .fir-menu { z-index: 999 } footer .copy { display: none } common-nav .common-nav { display: none } pro-show .pro-show-3 .left .col-md-6 { width: 100%; margin-bottom: 15px } .yige-service-wrap .yige-service-item-txt .yige-service-item-title h3 { font-size: 16px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden } footer .footer .footer-nav .col-md-5 { display: none } .common .content .col-md-9 { width: 100% }}@media screen and (max-width:767px) { .common .left-sticky { display: none } pro-show .pro-show-3 .pro-content .nav-tabs li { margin-bottom: 20px } .pro-form-post { padding-left: 0; padding-right: 0 } .pro-form-post .form-div .title h3 { font-size: 16px } .pro-form-post .form-div form { padding: 10px; padding-left: 0; padding-right: 0 } .route ul>li a { font-size: 12px } .route { padding: 10px 0 } bg-banner .layer-img img { min-height: auto } .yige-service-wrap .yige-service-list .yige-service-item { width: 100%; margin: 0; margin-bottom: 50px } .yige-service-wrap .yige-service-item-txt .yige-service-item-title h3 { font-size: 16px } .yige-service-wrap .yige-service-list .yige-service-item .yige-service-item-txt .yige-service-item-title p { height: auto } .yige-service-wrap .yige-service-list .yige-service-item .yige-service-item-txt .yige-service-item-title div { padding: 15px } .news-show .article .dg-header h1, .news-show .article-related { font-size: 18px } .news-show .article .content { padding: 10px; font-size: 14px } about6 .about6 .a .total, about6 .about6 .c { padding: 50px 0 } .img .ys { font-size: 36px; text-align: center } .ipd50 { padding-top: 40px }}aside.page__aside { position: fixed; right: 0; top: 70%; z-index: 9999; transform: translateY(-50%);}aside.page__aside .page__aside-list { display: flex; flex-direction: column; justify-content: center; align-items: center;}aside.page__aside .page__aside-list>li:last-child a { background-color: #e1e2e2; color: var(--themeColor); font-weight: bold;}aside.page__aside .page__aside-list>li { position: relative;}aside.page__aside .page__aside-list>li.scroll-top { display: none;}aside.page__aside .page__aside-list>li.scroll-top i { width: 10px; height: 10px; border-bottom: 2px solid var(--themeColor); border-right: 2px solid var(--themeColor); content: ""; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg);}aside.page__aside .page__aside-list>li>a { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 6rem; height: 6rem; background-color: var(--themeColor); color: #ffffff;}aside.page__aside .page__aside-list>li a .st-iconfont { font-size: 2.2rem;}aside.page__aside .page__aside-list>li:hover .aside_sec_list { opacity: 1; visibility: visible; transform: translateX(-100%);}aside.page__aside .page__aside-list>li .aside_sec_list { position: absolute; opacity: 0; visibility: hidden; min-width: 23rem; left: 0; top: 0; padding-right: 5px; transform: translateX(0%); transition: 0.2s ease-out;}aside.page__aside .page__aside-list>li .aside_sec_list>li { width: 100%; background-color: var(--themeColor); border-bottom: 2px solid #ffffff; font-size: 16px;}aside.page__aside .page__aside-list>li .aside_sec_list>li>a { display: flex; justify-content: center; align-items: center; width: 100%; min-height: 6rem; color: #ffffff;}aside.page__aside .page__aside-list>li .aside_sec_list>li .img-box { padding: 0.5rem;}aside.page__aside .page__aside-list>li .aside_sec_list>li .img-box img { width: 18rem; height: 18rem; object-fit: contain;}