/*css*/
@import "grid.css";
@import "font/iconfont.css";
/*header*/
header{width: 100%; position: fixed; top: 0; left: 0; right: 0; background-color: rgba(255,255,255,1); z-index: 1001;transition: transform 0.5s ease-out;}
header.header-hidden {transform: translateY(-100%);}
header.opacity{background-color: rgba(255,255,255,0); border-bottom:1px solid rgba(255,255,255,.2) }
.opacity.header-visible{background-color:var(--footer-bg);}
.opacity .nav-list > li > a{color: #fff}
.opacity .nav-dropdown-menu{border-top: 0;}
.wrapper{margin: 0 auto; max-width: 1200px;}
#m-nav{display: none; height: 42px; overflow: hidden}
nav{display: grid;margin: 0 auto; width: 100vw; position: relative;}
.nav-container{display: flex; margin: 0 auto; max-width: 1440px; justify-content: center; padding: 0 20px; align-items: center;}
.nav-logo {flex: 0 0 180px;margin-top: 10px;}
.nav-logo img {display: block;}
.nav-menu{flex: 1; margin: 0 50px;}
.nav-list {display: flex;justify-content: center;margin: 0;padding: 0;}
.nav-list > li{display: inline-block; height: 68px; line-height: 68px;}
.nav-list > li.nav-icon-only a{font-size: 0}
.nav-list > li.nav-icon-only i{font-size: 2rem}
.nav-list > li > a{padding: 0 20px; display: block; font-weight: 600; white-space: nowrap;}
.nav-list li.nav-has-children a{position:relative;}
.nav-has-children > a:before{position: absolute; top: 1px; right: 0; z-index: 1; font-family: "iconfont",sans-serif; content: "\e610";font-weight:500; font-size: 1.4rem; transform: rotate(0deg); transition: transform 0.3s ease;}
.nav-has-children > a:hover:before{transform: rotate(90deg);}
/*sub menu*/
.nav-dropdown-menu{position: absolute; width: 100%; height: 0; border-top: 1px solid #eee; background-color: #fff; padding: 0; z-index: 1000; left: 0; top: 100%; box-sizing:border-box; overflow: hidden;}
.nav-list li.nav-has-children:hover .nav-dropdown-menu{height: auto; padding: 50px 0 20px;}
.nav-list li.nav-has-children:hover > a:before{transform: rotate(90deg)}
.nav-dropdown-wrap{margin: 0 auto; max-width: 60%;}
.nav-dropdown-wrap * {opacity: 0;transform: scale(0.8) rotateY(-30deg);transition: opacity 0.5s, transform 0.5s;}
.nav-list li.nav-has-children:hover .nav-dropdown-wrap * {opacity: 1;transform: scaleY(1) rotateY(0deg);}
.nav-category-header,.nav-children{float: left; display: inline-block}
.nav-category-header{width: 30%; padding-right: 50px; border-right: 1px solid var(--neutral-300); line-height: 150%;}
.nav-children{width: 60%;}
.nav-category-img{border: 3px solid var(--neutral-300);}
.nav-category-title{padding: 10px 0;}
.nav-category-summary{font-size: 1.4rem;}
.nav-child{float: left; width: calc( 50% - 30px ); margin-left: 30px; display: inline-block}
.nav-child a{padding: 0 0 10px; border-bottom: 1px solid var(--neutral-300); line-height: normal; display: block}
.nav-child .nav-subsubtitle{font-size: 1.4rem;}
.nav-child-summary{padding: 15px 0; font-size: 1.3rem; line-height: 150%}
.nav-btn-group{display: flex; align-items: center;}
.nav-btn{display: inline-block; cursor: pointer;text-align: center; border-radius: 3px; width: 4.6rem; height: 28px; border: 0; outline: 0; background-color: #f37616; color: #fff;}
.nav-btn i{font-size: 1.8rem;}
.language-dropdown{position: relative; margin-right: 1px;}
.language-dropdown-menu{position: absolute; background-color: rgba(0, 0, 0, .7); font-size: 0; height: 0; left: 0; top: 100%; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; width: 100%; display: grid; transition: all 0.3s ease;}
.language-dropdown-toggle{display: flex; align-items: center; gap: 3px; font-size: 1.2rem; border-top-right-radius: 0; border-bottom-right-radius: 0;background-color: var(--primary-color);}
.language-dropdown-toggle i{font-size: 1.4rem;}
.language-dropdown:hover .language-dropdown-menu{font-size: 1.2rem; height: auto;}
.language-dropdown-menu a{color: #fff; text-align: center; padding: 6px 0;}
.language-dropdown-menu a:hover{background-color: rgba(255, 255, 255, 0.2);}
.nav-search{position: relative; margin-left: auto;}
.nav-search-wrap{position: absolute; z-index: 1000; top: 0; right: -28px; width: 0; opacity: 0; overflow: hidden;}
.nav-search-wrap.active{width: 220px; display: block; opacity: 1;}
.nav-search-btn{border-top-left-radius: 0; border-bottom-left-radius: 0;}
.search-form{display: flex; grid-template-columns: 1fr auto; align-items: center; margin-top: -1px; justify-content: flex-end;}
.search-form input{width: 0; outline: 0; padding: 6px 10px; background-color: rgba(255,255,255,1);  border: 1px solid #ddd; border-radius: 3px 0 0 3px; transition: all 0.2s ease;}
.nav-search-wrap.active input{width: 120px;}
.search-form input:focus{width: calc(100% - 74px); color: rgba(0,0,0,1);}
.nav-search-close,.nav-close{cursor: pointer; color: #fff; font-size: 1.8rem; display: inline-block; margin-left: 10px; transition: all 0.3s ease;}
.nav-search-close:hover,.nav-close:hover{transform: rotate(90deg)}
.nav-search-submit{border-top-left-radius: 0; border-bottom-left-radius: 0; width: 4.6rem; display: inline-block;}
.nav-search-close{display: none;}
/*carousel*/
.carousel .my-slider{height: 780px; background-color: var(--footer-bg); display: block; overflow: hidden;}
.carousel .slider-item,.carousel .slider-list{height: 780px; display: block; overflow: hidden;}
.carousel .slider-item .background-picture {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;display: flex;justify-content: center;align-items: center;}
.carousel .slider-item .background-picture img,.carousel-slide .background-picture source {width: 100%; height: 100%;object-position: center; overflow: hidden;}
.slide-content {position: absolute;top: 50%;left: 30%;transform: translate(-50%, -40%);max-width: 700px;}
.slide-title {font-size: clamp(3rem, 4.8vw, 4.2rem); line-height: 120%; color: #fff; margin-bottom: 15px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);}
.slide-subtitle {font-size: clamp(1.8rem, 2.6vw, 2.4rem); line-height: 110%; color: #f0f0f0;margin-bottom: 15px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);}
.slide-desc {font-size: clamp(1.4rem, 2.2vw, 1.6rem);color: #ddd;margin-bottom: 20px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);}
.slide-content .btn{padding: 15px 35px;}
.carousel .slider-indicators{bottom: 30px;}
.carousel .slider-indicator{width: 60px; height: 3px; border-radius: initial; display: inline-block; line-height: normal; background-color: rgba(255,255,255,.8);font-size: 0;}
.carousel .slider-indicator.active{background-color: rgba(11,174,233,1)}
/*black name*/
.black-name{margin-bottom:50px; text-align:center}
.black-name h2{font-size: clamp(2.4rem, 4.2vw, 3.6rem); font-weight:700; margin-bottom:10px; color:#000}
.black-name .hr-line{width:80px; display:inline-block; height:2px; margin-bottom: 10px; background:#c7d1d8; overflow:hidden}
.black-name p{margin: 0 auto;max-width: 600px; color:#666;}
.black-name h2.white{color: #fff;}
.black-name p.white{color: rgba(255,255,255,.7);}
.black-name-tabs {margin-top: 40px;display: flex;justify-content: left;border-bottom: 1px solid #e0e0e0; overflow-y: auto; white-space: nowrap; scrollbar-width: thin;-ms-overflow-style: -ms-autohiding-scrollbar;scroll-behavior: smooth;}
.black-name-tab {margin: 0 20px; padding:0 10px 10px; color: #666; border-bottom: 2px solid #fff; font-size: 1.8rem;transition: all 0.3s ease;cursor: pointer;}
.black-name-tab:hover {color: var(--primary-color);border-bottom-color: var(--primary-color);}
.black-name-tab.black-name-tab-active {color: var(--primary-color);border-bottom-color: var(--primary-color);font-weight: 600;}
/*company-intro*/
.company-container{margin: 10px auto; padding: 50px 0 30px }
.company-wrapper{display: flex;justify-content: center; height: 100%; }
.company-grid{width: 25%; display: flex;flex-direction: column;align-items: center;text-align: center;}
.stat{position: relative; display: block; margin-bottom: 50px;}
.stat-icon{position: relative; z-index: 1; width: 120px; height: 120px; border-radius: 100%; display: flex;justify-content: center;align-items: center;}
.stat-icon i{font-size: 6.4rem; color: #fff;}
.stat-shadow{position: absolute; z-index: 0; left: 48px; top: 48px; width: 120px; height: 120px; transform: rotate(45deg);}
.stat-number{font-size: 2.4vw; font-weight: bold; margin-bottom: 30px;}
.company-grid p{font-size: 1.6rem;}
.light-blue{background-color: #0baee9}
.blue{background-color: #3d81e7}
.orange{background-color: #f1a501}
.orange-red{background-color: #ff8a30}
.stat-shadow-light-blue{background:linear-gradient(to right, rgba(11,174,233,.8),rgba(11,174,233,.3),rgba(255,255,255,0),rgba(255,255,255,0));}
.stat-shadow-blue{background:linear-gradient(to right, rgba(61,129,231,.8),rgba(61,129,231,.3),rgba(255,255,255,0),rgba(255,255,255,0));}
.stat-shadow-orange{background:linear-gradient(to right, rgba(241,165,1,.8),rgba(241,165,1,.3),rgba(255,255,255,0),rgba(255,255,255,0));}
.stat-shadow-orange-red{background:linear-gradient(to right, rgba(255,138,48,.8),rgba(241,165,1,.3),rgba(255,255,255,0),rgba(255,255,255,0));}
.font-light-blue{color: #0baee9}
.font-blue{color: #3d81e7}
.font-orange{color: #f1a501}
.font-orange-red{color: #ff8a30}
.blend-font-blue{font-style: normal; background: linear-gradient(135deg, #0baee9 0%, #063478 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.blend-font-orange{font-style: normal; background: linear-gradient(135deg, #ff8a30 0%, #ffd277 70%, #9e4105 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.screen-background {background: #071438 url('../images/app-areas-bg.jpg') no-repeat center fixed;background-size: cover;}
.intro-button {margin-top: 25px;}
.products-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 32px;}
.product-card {background-color: #FFFFFF;border-radius: 12px;overflow: hidden;box-shadow: var(--card-shadow);transition: all 0.3s ease;display: flex;flex-direction: column;height: 100%;}
.product-card:hover {transform: translateY(-8px);box-shadow: var(--card-hover-shadow);}
.product-image {position: relative;height: 220px;overflow: hidden;}
.product-image img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.product-card:hover .product-image img {transform: scale(1.1);}
.image-overlay {position: absolute;bottom: 0;left: 0;right: 0;height: 50%;background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);}
.product-badge {position: absolute;top: 16px;left: 16px;background-color: var(--primary-color);color: white;font-size: 12px;font-weight: 600;padding: 4px 12px;border-radius: 20px;}
.product-content {padding: 24px;flex-grow: 1;display: flex;flex-direction: column;}
.product-title {font-size: 20px;color: var(--dark-color);font-weight: 700;margin-bottom: 12px;}
.product-description {line-height: 1.6;margin-bottom: 14px;flex-grow: 1;}
.product-footer {display: flex;justify-content: space-between;align-items: center;}
.product-footer .btn{padding: 10px 16px;border-radius: 8px;}
.product-footer .btn i {margin-left: 3px; margin-top: 5px;}
.view-all {text-align: center;margin-top: 50px;}
.view-all a {color: var(--primary-color);font-weight: 500;text-decoration: none;display: inline-flex;align-items: center;transition: color 0.3s ease;}
.view-all a:hover {color: #0E42B3;text-decoration: underline; font-weight: 700}
.view-all a:hover i{transform: translateX(4px);}
.view-all i {margin-left: 8px;}
/*Application Areas*/
.appArea{padding: 80px 0;overflow: hidden;}
.appArea-item{display: flex;justify-content: center; align-items: stretch;}
.appArea-imgWrap{position: relative; width: 400px; border: 6px solid rgba(255,255,255,.2); margin-left: 100px; box-sizing:border-box; overflow: hidden}
.appArea-imgWrap img{position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 100%; height: 100%; max-width: initial; object-fit: cover;}
.appArea-info{margin-left: 50px; width: calc( 100% - 450px)}
.appArea-info h3{font-size: clamp(1.875rem, 3.2vw, 3rem); line-height: 120%; color: var(--light-color)}
.appArea-info-subtitle{padding: 30px 0 20px; font-size: 1.8rem;}
.appArea-info p{font-size: 1.6rem; line-height: 120%; color: rgba(255,255,255,.7)}
.intro-button .btn{padding: 12px 35px}
.appArea-products{overflow: hidden}
.appArea-products h4{font-size: 1.8rem; margin: 20px 0; color: var(--light-color)}
.appArea-products ul{margin-left: -10px;}
.appArea-products ul li{float: left; max-width: 80px; margin-left: 10px; text-align: center; display: inline-block}
.appArea-products ul li a{color: #fff}
.appArea-item-wrap .slider-indicators{display:grid; bottom: auto; top: 50%; left: 0; transform: translateY(-50%); width: 10px;}
.appArea-item-wrap .slider-indicator{width: 3px; height: 80px; border-radius: initial; display: inline-block; line-height: normal; background-color: rgba(255,255,255,.8);font-size: 0;}
.appArea-item-wrap .slider-indicator.active{background-color: rgba(11,174,233,1)}

/*manufacturing*/
.manufacturing{margin: 50px 0;}
.content-tab-item {opacity: 0;display: none;}
.content-tab-item.active {display: grid;animation: manuTab 0.5s ease forwards;}
.manufacturing-item {display: grid; grid-template-columns: repeat(2, 1fr);gap: 32px;animation: manuTab 0.5s ease forwards;}
@keyframes manuTab {
    0% {opacity: 0;transform: scale(1);}
    50% {transform: scale(0.95);}
    100% {opacity: 1;transform: scale(1);}
}
.manufacturing-item-left{max-width: 100%;}
.manufacturing-item-left-content{position: relative; border-radius: 12px; overflow: hidden}
.manufacturing-item-left img,.section-video{width: 100%;cursor: pointer; display: block;}
.section-video video{width: 100%; display: block}
.section-mask{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);transition: all 0.5s ease;}
.section-play{position: absolute; left: 50%; top: 50%; z-index: 2; transform: translateX(-50%) translateY(-50%); display: inline-block}
.section-play i{font-size: clamp(4.8rem, 8.4vw, 6.4rem); line-height: 100%; color: #e2e2e2;display: inline-block}
.section-video i{transition: all 0.5s ease; max-width: 100%;}
.section-video:hover i{color: #fff;transform: scale(1.2);}
.section-video:hover .section-mask{background-color: rgba(0,0,0,0.2);}
.manufacturing-item-content h3{font-size: clamp(2.2rem, 3.2vw, 2.5rem); line-height: 100%; margin-bottom: 15px;}
.manufacturing-subtitle{font-size: 1.8rem; font-weight: 500}
.manufacturing-description{font-size: 1.6rem;}
.Certifications-icon ul{display: grid;grid-template-columns: repeat(7, 1fr);gap: 5px;}
/*testimonials*/
.testimonials{padding: 80px 0 100px; background-color: var(--neutral-100);}
.testimonial-relative .my-slider{margin: 0 auto;position: relative;max-width: 800px; padding: 0 80px;}
.testimonial-slide{margin: 0 auto; text-align: center;}
.text-center{display: grid;grid-template-columns: repeat(1, 1fr);justify-items: center; padding-bottom: 30px;}
.slider-item .testimonial-avatar img{width: 120px; height: 120px; border: 3px solid rgba(255,255,255,.5); border-radius: 50%; display: block; overflow: hidden}
.testimonial-avatar h4{font-weight: 600; margin: 20px 0;}
.testimonial-text{font-size: clamp(1.875rem, 3vw, 2.4rem); line-height: 160%; color: rgba(0,0,0,.9); display: block}
.testimonial-company{color: rgba(0,0,0,.7); font-size: clamp(1.4rem, 2vw, 1.6rem);}
.testimonial-star{margin: 10px 0 20px;}
.testimonial-star i{color: #ff8a30; margin: 0 2px; font-size: 2rem;}
.testimonial-relative .slider-indicators{bottom: 10px;}
.testimonial-relative .slider-indicator{background-color: var(--neutral-300)}
.testimonial-relative .slider-indicator.active{background-color: rgba(11,174,233,1)}

/*hover_line*/
.hover_line {width: 100%;height: 100%;background: transparent;left:0;top:0;cursor: pointer;position: absolute;opacity: 1;transition: all .8s ease-in-out}
.hover_line::before,.hover_line::after {position: absolute;top: 20px;right: 20px; z-index:1;bottom: 20px;left: 20px;content: '';opacity: 0;transition: opacity 0.8s, transform 0.8s;}
.hover_line::before {border-top: 1px solid;border-bottom: 1px solid;transform: scale(0,1);opacity: 0}
.hover_line::after {border-right: 1px solid;border-left: 1px solid;transform: scale(1,0);opacity: 0}
.effect-line a:hover.hover_line::before,.effect-line a:hover.hover_line::after {opacity: 1;transform: scale(1)}
/*pic zoom*/
.zoom{overflow:hidden}
.zoom figure{height:100%; overflow:hidden}
.zoom figure img{transition: .7s;line-height: 1em; min-height: inherit; max-width:100%}
.zoom:hover figure img{transform: scale(1.2)}
/*product*/
.product-container{padding: 50px 0;}
.product-list{ margin-top:50px; display: flex;flex-wrap: wrap;}
.product-list li {position: relative; display: flex; flex-direction: column;flex: 1 0 33.33%; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.product-list li figure img{display: block}
.product-list li > a{position:absolute; width:100%; height:100%; text-align:center; left:0; top:0; color:#fff; z-index:1; background:rgba(10,115,180,0)}
.product-list li a:hover{background:rgba(10,115,180,0.5)}
.product-list li h4{padding: 20px; text-align: center}
.product-list li a span{position:relative; width:83px; height:83px; top:50%; margin-top:-42px; opacity:0; background:url('../images/icon_url.png') no-repeat 100%; display:inline-block;transition: 0.9s;}
.product-list li a:hover span{opacity:1;transform: rotate(360deg);}

/*index-newsArea*/
.index-newsArea{margin: 50px 0;}
.index-newsArea i.iconfont{font-size: 1.3rem;}
.index-newsArea-warp{display: flex;justify-content: center; height: 100%;}
.index-newsArea-item {display: grid;grid-template-columns: repeat(2, 1fr);gap: 32px;align-items: stretch;}
.index-newsArea-pic {position: relative; background-color: #FFFFFF;border-radius: 16px;overflow: hidden;box-shadow: var(--card-shadow);transition: all 0.3s ease;display: flex;flex-direction: column;height: 100%;}
.index-newsArea-pic:hover {transform: translateY(-8px);box-shadow: var(--card-hover-shadow);}
.index-newsArea-pic figure {position: relative; height: 100%; overflow: hidden;}
.index-newsArea-pic figure img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.index-newsArea-pic:hover img {transform: scale(1.1);}
.index-newsArea-pic-text{position: absolute; z-index: 1; width: 100%; color: rgba(255,255,255,.8); padding: 20px; left: 0; bottom: 0; box-sizing: border-box;}
.index-newsArea-pic-text h4{margin-bottom: 20px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);}
.index-newsArea-pic-text h4 a{font-size: clamp(1.875rem, 3vw, 3rem); color: #fff; line-height: 100%; font-weight: 600; }
.news-badge {position: absolute;top: 16px;left: 16px;background-color: red;color: white;font-size: 12px;font-weight: 600;padding: 4px 12px;border-radius: 20px;}
.index-newsArea-date span{padding: 0 8px;}
/* Right news list */
.index-newsArea-list {background-color: white;border-radius: 0.75rem;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);overflow: hidden;display: flex;flex-direction: column;max-height: 600px;}
.indexNews-scrollable {flex: 1;overflow-y: auto;padding: 0.25rem;}
.indexNews-item {padding: 1rem;border-radius: 0.5rem;margin: 0 0.5rem;transition: background-color 0.3s ease;}
.indexNews-item:hover {background-color: var(--neutral-100);}
.indexNews-title {font-size: 1.8rem;font-weight: 500;margin-bottom: 0.5rem;}
.indexNews-excerpt {font-size: 1.4rem;line-height: 1.5;margin-bottom: 0.5rem;display: block;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.indexNews-meta {display: flex;justify-content: space-between;align-items: center;font-size: 1.2rem;}
.view-more {padding: 1rem;border-top: 1px solid var(--neutral-200);text-align: center;}
.view-more a {font-weight: 500;font-size: 1.4rem;color: var(--primary-color);transition: color 0.3s ease;}
.view-more a:hover {color: #0E42B3;text-decoration: underline; font-weight: 700}
.view-all i {margin-left: 8px;}
.view-more a:hover i{transform: translateX(4px);}
.indexNews-scrollable {scrollbar-width: none;}
.indexNews-scrollable::-webkit-scrollbar {display: none;}
/*index-brand*/
.brand-section{padding: 80px 0;overflow: hidden}
.brand-silde{height: 100%;}
.brand-item{height: 62px;}
.brand-item-list{display: flex;justify-content: space-evenly; align-items: center;}
.brand-item-list li{padding: 5px 10px;}
.brand-item-list li img{filter: grayscale(1);transition: .5s; max-height: 58px; display: block}
.brand-item-list li img:hover{filter: grayscale(0);}
/*footer*/
/* 底部栏样式 */
.footer {background-color: var(--footer-bg);color: var(--footer-text);padding: 3rem 0 1.5rem;}
.footer-container {max-width: 1280px;margin: 0 auto;padding: 0 1rem;}
.footer-content {display: grid;grid-template-columns: repeat(4, 1fr);gap: 2rem;margin-bottom: 2rem;}
.footer-column h3 {color: white;font-size: 2rem;margin-bottom: 2.5rem;position: relative;margin-top: 2rem;padding-bottom: 1rem;}
.footer-column h3::after {content: '';position: absolute;left: 0;bottom: 0;width: 3.6rem;height: 0.3rem;background-color: var(--accent);}
.footer-links {list-style: none;}
.footer-links li {margin-bottom: 0.75rem;}
.footer-links a {color: var(--footer-text);text-decoration: none;transition: color 0.3s ease;}
.footer-links a:hover {color: var(--accent);text-decoration: none;}
.contact-info {list-style: none;}
.contact-info li {margin-bottom: 1rem;display: flex;align-items: flex-start;}
.contact-info i {color: var(--accent);margin-right: 0.75rem;margin-top: 0.25rem;width: 1.25rem;text-align: center;}
.social-links {display: flex;gap: 1rem;margin-top: 1rem;}
.social-links a {display: inline-flex;align-items: center;justify-content: center;width: 3.6rem;height: 3.6rem;border-radius: 50%;background-color: rgba(255, 255, 255, 0.1);color: white;transition: all 0.3s ease;}
.social-links a:hover {background-color: var(--accent);transform: translateY(-3px);}
.copyright {border-top: 1px solid rgba(255, 255, 255, 0.1);padding-top: 1.5rem;text-align: center;font-size: 1.6rem;color: rgba(255, 255, 255, 0.7);}
.footer-logo {display: flex;align-items: center;margin-bottom: 1rem;}
.footer-logo img {max-width: 220px;}
/* 订阅区域样式 */
.newsletter {margin-top: 1.5rem;}
.newsletter p{font-size: 1.4rem;}
.newsletter-form {display: flex;margin-top: 1rem;}
.newsletter input {flex: 1;padding: 0.75rem 1rem;border: none;border-radius: 0.25rem 0 0 0.25rem;background-color: rgba(255, 255, 255, 0.1);color: white;outline: none;}
.newsletter input::placeholder {color: rgba(255, 255, 255, 0.5);}
.newsletter button {padding: 0.75rem 1.5rem;background-color: var(--accent);color: white;border: none;border-radius: 0 0.25rem 0.25rem 0;cursor: pointer;transition: background-color 0.3s ease;}
.newsletter button:hover {background-color:  var(--accent);}
/* 法律信息样式 */
.legal-info {display: flex;flex-wrap: wrap;justify-content: center;gap: 1rem;margin-top: 1rem;font-size: 1.4rem;color: rgba(255, 255, 255, 0.5);}
.legal-info a {color: rgba(255, 255, 255, 0.7);text-decoration: none;}
.legal-info a:hover {color: var(--accent);}
/*chat*/
#liveChat{position: fixed; right: 20px; bottom: 40px; z-index: 666;}
.openchat{width: 5rem; height: 5rem; cursor: pointer; text-align: center; line-height: 5rem; border-radius: 50%; background: linear-gradient(to right, #ff8a30, #f1a501); display: inline-block;}
.openchat i{font-size: 2.4rem; color: #fff;}
.openchat:before,.openchat i::after {content: '';position: absolute;z-index: -1;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);background:linear-gradient(to right,#ff8a30, #f1a501);transform-origin: center;border-radius: 50%;opacity: 0.5;transition: all 0.3s ease;will-change: transform, opacity;}
.openchat i::before {width: 100%;height: 100%;animation: expandRing 2s ease-in-out infinite;}
.openchat i::after {width: 90%;height: 90%;animation: expandRing 2s ease-in-out infinite 0.5s;}
@keyframes expandRing { 0%{width: 100%;height: 100%;opacity: 0.5;} 100% {width: 140%;height: 140%;opacity: 0;}}
.almLayer-responsive .almLayer-title{position: relative; padding-left: 3rem;}
.almLayer-responsive .almLayer-title::before{position: absolute; left: 0; font-family: "iconfont", sans-serif; font-size: 2rem; content: '\e6b7'; width: 3rem; height: 3rem;}