/* === 全局样式== */
*{margin:0;padding:0;box-sizing:border-box;}
:root{--primary-color:#342c2a;--secondary-color:#e84f26;--text-color:#333;--text-light:#666;--text-white:#fff;--bg-light:#f8f9fa;--bg-dark:#342c2a;--border-color:#e0e0e0;--shadow:0 2px 10px rgba(0,0,0,0.1);--shadow-hover:0 5px 20px rgba(0,0,0,0.15);--transition:all 0.3s ease;--max-width:1440px;}
html{scroll-behavior:smooth;}
body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:16px;line-height:1.6;color:var(--text-color);overflow-x:hidden;}
.container{max-width:var(--max-width);margin:0 auto;padding:0 20px;}
img{max-width:100%;height:auto;display:block;}
a{text-decoration:none;color:inherit;transition:var(--transition);}
ul{list-style:none;}
.sou{position:relative;}
.sou a{display:block;padding:0;}
.sou:hover{}
.search{width:200px;height:40px;line-height:44px;position:absolute;right:0;top:40px;background:#342c2a;z-index:999;display:none;overflow:hidden;}
.search .stxt{width:100%;height:40px;line-height:40px;text-indent:10px;float:left;background:none;border:2px solid #e84f26;outline:none;color:#fff;}
.search .sbtn{width:25px;height:20px;position:absolute;outline:none;border:none;cursor:pointer;right:10px;top:10px;background:url(../images/search.png) 3px 1px no-repeat;}
/* ==按钮样式===== */
.btn{display:inline-block;padding:12px 32px;font-size:16px;font-weight:500;border-radius:4px;cursor:pointer;transition:var(--transition);border:2px solid transparent;}
.btn-primary{background-color:var(--secondary-color);color:var(--text-white);}
.btn-primary:hover{background-color:#d44520;transform:translateY(-2px);box-shadow:var(--shadow-hover);}
.btn-outline{background-color:transparent;color:var(--text-white);border-color:var(--text-white);}
.btn-outline:hover{background-color:var(--text-white);color:var(--primary-color);}
/* ==头部导航 - 增大字体=== */
.header{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:var(--transition);padding:20px 0;}
.header.scrolled{background-color:var(--text-white);box-shadow:var(--shadow);padding:10px 0;}
.header-content{display:flex;align-items:center;justify-content:space-between;}
.logo img{height:60px;/*transition:var(--transition);filter:brightness(0) invert(1);*/}
.header.scrolled .logo img{height:50px;/*filter:brightness(1);*/}
.glink{color:#fff;}
.scrolled .glink{color:#333;}
.nav-menu{flex:1;display:flex;justify-content:center;}
.nav-list{display:flex;gap:35px;align-items:center;}
.nav-item a{display:flex;align-items:center;gap:6px;color:var(--text-white);font-weight:500;font-size:17px; /* 从15px增大到17px */padding:8px 0;position:relative;}
.header.scrolled .nav-item a{color:var(--text-color);}
.nav-item a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--secondary-color);transition:var(--transition);}
.nav-item a:hover::after, .nav-item.active a::after{width:100%;}
.nav-item.has-dropdown{position:relative;}
.nav-item a i{font-size:11px;transition:var(--transition);}
.nav-item:hover a i{transform:rotate(180deg);}
/* 下拉菜单 */
.dropdown-menu{position:absolute;top:100%;left:0;background-color:var(--text-white);min-width:200px;border-radius:4px;box-shadow:var(--shadow-hover);opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition);padding:10px 0;margin-top:10px;}
.nav-item:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);}
.dropdown-menu li{padding:0;}
.dropdown-menu a{display:block;padding:10px 20px;color:var(--text-color) !important;font-size:15px;}
.dropdown-menu a:hover{background-color:var(--bg-light);color:var(--secondary-color) !important;}
.dropdown-menu a::after{display:none;}
/* 头部操作按钮 */
.header-actions{display:flex;align-items:center;gap:15px;}
.search-btn{background:none;border:none;color:var(--text-white);font-size:18px;cursor:pointer;padding:8px;transition:var(--transition);}
.header.scrolled .search-btn{color:var(--text-color);}
.search-btn:hover{color:var(--secondary-color);transform:scale(1.1);}
.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px;}
.mobile-menu-toggle span{display:block;width:25px;height:3px;background-color:var(--text-white);transition:var(--transition);}
.header.scrolled .mobile-menu-toggle span{background-color:var(--text-color);}
.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(7px, 7px);}
.mobile-menu-toggle.active span:nth-child(2){opacity:0;}
.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px, -7px);}
/* ======轮播图== */
.hero-slider{position:relative;width:100%;height:800px;overflow:hidden;}
.slider-container{width:100%;height:100%;}
.slide{position:relative;width:100%;height:100%;display:none;}
.slide.active{display:block;}
.slide img{width:100%;height:100%;object-fit:cover;}
.slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;/*background:linear-gradient(to right, rgba(52, 44, 42, 0.7), rgba(52, 44, 42, 0.3));*/}
.slide-content{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);color:var(--text-white);z-index:1;}
.slide-title{font-size:50px;font-weight:700;margin-bottom:20px;line-height:1.2;}
.slide-subtitle{font-size:24px;margin-bottom:40px;opacity:0.9;}
.slide-actions{display:flex;gap:20px;}
.slider-indicators{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:2;}
.indicator{width:40px;height:4px;background-color:rgba(255, 255, 255, 0.5);cursor:pointer;transition:var(--transition);}
.indicator.active{background-color:var(--secondary-color);}
/* 动画效果 */
.fade-in-up{opacity:0;transform:translateY(30px);animation:fadeInUp 0.8s ease forwards;}
.fade-in-up.delay-1{animation-delay:0.2s;}
.fade-in-up.delay-2{animation-delay:0.4s;}
.fade-in-up.delay-3{animation-delay:0.6s;}
.fade-in-up.delay-4{animation-delay:0.8s;}
.fade-in-up.delay-5{animation-delay:1s;}
@keyframes fadeInUp {
to{opacity:1;transform:translateY(0);}
}
/* ==通用版块样式======== */
.section{padding:100px 0;}
.bg-light{background-color:var(--bg-light);}
.bg-dark{background-color:var(--bg-dark);}
.section-header{text-align:center;margin-bottom:60px;}
.section-subtitle{display:block;color:var(--secondary-color);font-size:14px;font-weight:600;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase;}
.section-title{font-size:42px;font-weight:700;color:var(--text-color);margin-bottom:15px;}
.section-title.text-white{color:var(--text-white);}
.title-underline{width:60px;height:4px;background-color:var(--secondary-color);margin:0 auto;}
/* ==企业简介版块=== */
.about-content{max-width:1000px;margin:0 auto;}
.about-text{text-align:center;margin-bottom:60px;}
.lead-text{font-size:20px;line-height:1.8;color:var(--text-color);margin-bottom:20px;font-weight:500;}
.about-text p{font-size:16px;line-height:1.8;color:var(--text-light);}
.about-stats{display:grid;grid-template-columns:repeat(4, 1fr);gap:40px;}
.stat-item{text-align:center;padding:30px 20px;background:var(--text-white);border-radius:8px;box-shadow:var(--shadow);transition:var(--transition);}
.stat-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);}
.stat-number{font-size:48px;font-weight:700;color:var(--secondary-color);margin-bottom:10px;}
.stat-number::after{content:'+';}
.stat-label{font-size:14px;color:var(--text-light);}
/* ====产品中心 - 全新布局== */
.products-container{position:relative;min-height:500px;}
.product-info-display{display:flex;gap:40px;margin-bottom:60px;padding:40px;background:var(--text-white);border-radius:8px;box-shadow:var(--shadow);min-height:300px;}
.product-detail{flex:1;display:flex;flex-direction:column;justify-content:center;}
.product-detail-title{font-size:32px;font-weight:700;color:var(--text-color);margin-bottom:20px;}
.product-detail-desc{font-size:16px;line-height:1.8;color:var(--text-light);}
.product-detail-image{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;}
.product-detail-image img{width:100%;height:100%;object-fit:cover;border-radius:8px;}
.products-icon-list{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;}
.product-icon-item{flex:0 0 calc(14.285% - 20px);min-width:120px;text-align:center;padding:30px 15px;background:var(--text-white);border-radius:8px;box-shadow:var(--shadow);cursor:pointer;transition:var(--transition);border:2px solid transparent;}
.product-icon-item:hover, .product-icon-item.active{border-color:var(--secondary-color);transform:translateY(-5px);box-shadow:var(--shadow-hover);}
.product-icon{width:60px;height:60px;margin:0 auto 15px;background:linear-gradient(135deg, var(--secondary-color), #ff6b3d);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--text-white);transition:var(--transition);}
.product-icon-item:hover .product-icon, .product-icon-item.active .product-icon{transform:scale(1.1) rotate(5deg);}
.product-icon-label{font-size:14px;font-weight:500;color:var(--text-color);display:block;}
/* ==应用领域 - 全屏5列布局==== */
.applications-section{position:relative;height:600px;overflow:hidden;}
.applications-container{display:flex;width:100%;height:100%;}
.application-column{flex:1;position:relative;cursor:pointer;transition:all 0.5s ease;background-size:cover;background-position:center;}
/* 默认背景图片 */
.application-column[data-app="0"]{background-image:url('https://via.placeholder.com/800x600/342c2a/ffffff?text=AR%E7%9C%BC%E9%95%9C');}
.application-column[data-app="1"]{background-image:url('https://via.placeholder.com/800x600/3d3533/ffffff?text=%E6%97%A0%E4%BA%BA%E6%9C%BA');}
.application-column[data-app="2"]{background-image:url('https://via.placeholder.com/800x600/4a403c/ffffff?text=%E7%AC%94%E8%AE%B0%E6%9C%AC%E7%94%B5%E8%84%91');}
.application-column[data-app="3"]{background-image:url('https://via.placeholder.com/800x600/564a45/ffffff?text=%E6%98%BE%E7%A4%BA%E5%99%A8');}
.application-column[data-app="4"]{background-image:url('https://via.placeholder.com/800x600/62544e/ffffff?text=%E5%8C%BB%E7%96%97%E4%BB%AA%E5%99%A8');}
.application-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(52, 44, 42, 0.6);transition:all 0.5s ease;}
.application-column:hover .application-overlay, .application-column.active .application-overlay{background:rgba(52, 44, 42, 0.3);}
.application-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;width:100%;padding:20px;z-index:2;}
.application-title{font-size:24px;font-weight:700;color:var(--text-white);writing-mode:vertical-rl;margin:0 auto;letter-spacing:5px;transition:all 0.5s ease;}
.application-column:hover .application-title, .application-column.active .application-title{font-size:28px;letter-spacing:8px;}
.application-column:hover, .application-column.active{flex:1.5;}
/* ===合作伙伴版块=== */
.partners-slider-wrapper{position:relative;padding:0 60px;}
.partners-slider{overflow:hidden;padding:10px 10px;}
.partners-track{display:grid;grid-template-columns:repeat(5, 1fr);gap:30px;transition:transform 0.5s ease;}
.partner-logo{background:var(--text-white);padding:15px;border-radius:8px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;transition:var(--transition);height:120px;}
.partner-logo:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);}
.partner-logo img{max-width:100%;/*max-height:60px;*/object-fit:contain;/*filter:grayscale(100%);opacity:0.7;*/transition:var(--transition);}
.partner-logo:hover img{filter:grayscale(0%);opacity:1;}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:var(--text-white);border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);z-index:2;}
.slider-arrow:hover{background:var(--secondary-color);border-color:var(--secondary-color);color:var(--text-white);}
.slider-arrow-left{left:0;}
.slider-arrow-right{right:0;}
/* ====新闻中心 - 一行5个== */
.news-grid{display:grid;grid-template-columns:repeat(5, 1fr);gap:25px;}
.news-card{background:var(--text-white);border-radius:8px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);}
.news-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-hover);}
.news-image{position:relative;height:160px;overflow:hidden;}
.news-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);}
.news-card:hover .news-image img{transform:scale(1.1);}
.news-category{position:absolute;top:10px;left:10px;background:var(--secondary-color);color:var(--text-white);padding:4px 12px;font-size:11px;border-radius:20px;font-weight:500;}
.news-content{padding:20px;}
.news-date{font-size:12px;color:var(--text-light);margin-bottom:10px;}
.news-date i{margin-right:5px;}
.news-title{font-size:15px;font-weight:600;color:var(--text-color);margin-bottom:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-link{color:var(--secondary-color);font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:5px;}
.news-link i{transition:var(--transition);}
.news-link:hover i{transform:translateX(5px);}
/* = 页脚=== */
.footer{background:var(--bg-dark);color:var(--text-white);}
.footer-main{padding:80px 0 40px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:60px;}
.footer-logo img{height:50px;margin-bottom:20px;}
.footer-desc{font-size:14px;color:rgba(255, 255, 255, 0.7);margin-bottom:25px;line-height:1.6;}
.footer-social{display:flex;gap:15px;}
.footer-social a{width:40px;height:40px;background:rgba(255, 255, 255, 0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;transition:var(--transition);}
.footer-social a:hover{background:var(--secondary-color);transform:translateY(-3px);}
.footer-title{font-size:18px;font-weight:600;margin-bottom:25px;}
.footer-links li{margin-bottom:12px;}
.footer-links a{font-size:14px;color:rgba(255, 255, 255, 0.7);transition:var(--transition);}
.footer-links a:hover{color:var(--secondary-color);padding-left:5px;}
.footer-contact li{display:flex;gap:12px;margin-bottom:15px;font-size:14px;color:rgba(255, 255, 255, 0.7);line-height:1.6;}
.footer-contact i{color:var(--secondary-color);font-size:16px;margin-top:2px;flex-shrink:0;}
.footer-bottom{border-top:1px solid rgba(255, 255, 255, 0.1);padding:25px 0;}
.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:rgba(255, 255, 255, 0.6);}
.footer-bottom-content a{color:rgba(255, 255, 255, 0.6);margin:0 10px;}
.footer-bottom-content a:hover{color:var(--secondary-color);}
/* ==返回顶部按钮=== */
.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--secondary-color);color:var(--text-white);border:none;border-radius:50%;font-size:20px;cursor:pointer;opacity:0;visibility:hidden;transition:var(--transition);z-index:999;box-shadow:var(--shadow);}
.back-to-top.visible{opacity:1;visibility:visible;}
.back-to-top:hover{background:var(--primary-color);transform:translateY(-5px);}
/* === 响应式设计== */
/* 平板设备 */
@media (max-width:1024px) {
.slide-title{font-size:42px;}
.slide-subtitle{font-size:20px;}
.news-grid{grid-template-columns:repeat(3, 1fr);}
.about-stats{grid-template-columns:repeat(2, 1fr);}
.footer-grid{grid-template-columns:repeat(2, 1fr);gap:40px;}
.product-icon-item{flex:0 0 calc(20% - 20px);}
.applications-section{height:500px;}
}
/* 移动设备 */
@media (max-width:768px) {
.section{padding:60px 0;}
.section-title{font-size:32px;}
.search-btn{display:none;}
/* 导航栏移动端 */
.nav-list{gap:25px;}
.nav-item a{font-size:15px;}
.nav-menu{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background:var(--text-white);flex-direction:column;justify-content:flex-start;padding:30px 0;transition:var(--transition);overflow-y:auto;}
.nav-menu.active{left:0;}
.nav-list{flex-direction:column;width:100%;gap:0;}
.nav-item{width:100%;border-bottom:1px solid var(--border-color);}
.nav-item a{padding:15px 20px;color:var(--text-color) !important;justify-content:space-between;}
.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:var(--bg-light);margin-top:0;max-height:0;overflow:hidden;transition:max-height 0.3s ease;}
.nav-item.dropdown-open .dropdown-menu{max-height:500px;}
.mobile-menu-toggle{display:flex;}
.search-btn{color:var(--text-color);}
/* 轮播图 */
.hero-slider{height:400px;}
.slide-title{font-size:32px;}
.slide-subtitle{font-size:16px;}
.slide-actions{flex-direction:column;gap:15px;}
.btn{width:100%;text-align:center;}
/* 统计数据 */
.about-stats{grid-template-columns:repeat(2, 1fr);gap:20px;}
.stat-number{font-size:36px;}
/* 产品中心 */
.product-info-display{flex-direction:column;}
.product-icon-item{flex:0 0 calc(33.333% - 20px);}
/* 应用领域 */
.applications-section{height:400px;}
.application-title{font-size:18px;}
/* 新闻中心 */
.news-grid{grid-template-columns:repeat(2, 1fr);gap:20px;}
/* 合作伙伴 */
.partners-section .container{ padding:0 5px !important;}
.partners-slider-wrapper{padding:0 0px;}
.partner-logo{ padding:8px 8px; height:auto;}
.partners-track{grid-template-columns:repeat(3, 1fr);gap:15px;}
/* 页脚 */
.footer-grid{grid-template-columns:1fr;gap:30px;}
.footer-bottom-content{flex-direction:column;gap:10px;text-align:center;}
.diyos{display:none;}
.logo img{height:50px;}
.proBan .bd ul{ min-height:400px !important;}
.subnav .container{ padding:0 5px !important;}
.subnav .subnav-inner{gap:0px !important;}
.about-ref .intro-grid img{ margin-bottom:10px; max-width:100% !important; height:auto !important;}
.intro-grid div{ display:table-row-group !important;}
.container{ padding:0 10px;}
}
 @media (max-width:480px) {
.hero-slider{height:500px;}
.slide-title{font-size:24px;}
.slide-subtitle{font-size:14px;}
.section-title{font-size:26px;}
.about-stats{grid-template-columns:1fr;}
.product-icon-item{flex:0 0 calc(50% - 20px);}
.applications-container{flex-direction:column;}
.application-column{flex:1;min-height:80px;}
.application-title{writing-mode:horizontal-tb;font-size:16px;}
.news-grid{grid-template-columns:1fr;}
.partners-track{grid-template-columns:repeat(2, 1fr);}
.back-to-top{bottom:20px;right:20px;width:45px;height:45px;font-size:18px;}
.diyos{display:none;}
}
/* ===滚动动画=== */
.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease, transform 0.6s ease;}
.animate-on-scroll.animated{opacity:1;transform:translateY(0);}
.diyos{position:fixed;width:54px;right:0;top:50%;z-index:100;}
.diyos ul{list-style:none;margin:0;padding:0;}
.diyos ul li{width:54px;height:54px;background:#342c2a;float:left;position:relative;margin:1px 0 0 0;}
.diyos ul li:hover{background:#333;}
.diyos ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;color:#fff;font:14px/54px "Microsoft Yahei";overflow:hidden;letter-spacing:0px;}
.diyos ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;}
.diyos ul li.sideewm{width:54px;height:54px;line-height:54px;display:inline-block;}
.diyos ul li .sideewmshow{width:150px;max-width:150px;position:absolute;top:0;left:-151px;z-index:120;display:none;}
.diyos ul li.sideewm:hover .sideewmshow{display:block;}
.diyos ul li img{float:left;}
.cp{margin-top:65px;overflow:hidden}
.cp .title{font-size:30px;color:#333;line-height:30px;margin:0;text-align:center;padding-bottom:1em}
.cp .title em{font-size:50px;display:block;color:#e2e2e2;font-style:normal;text-transform:uppercase;line-height:40px;}
.cp .title i{display:block;width:50px;height:2px;background:#058cde;margin:30px auto 0;}
.cp .chanping{position:relative;}
.cp .slider-for{width:100%;margin:0 auto;}
.cp .slider-for img{width:100%;display:block;}
.cp .slider-nav{width:100%;position:absolute;left:0%;top:0;height:100%;}
.cp .slider-nav li{height:100%;}
.cp .slider-nav li a{height:100%;display:flex;flex-flow:column;-ms-flex-flow:column;align-items:center;justify-content:center;transition:0.5s ease;background-color:rgba(0, 0, 0, 0.3);cursor:pointer}
.cp .slick-slider .slick-track, .cp .slick-list{height:100%;}
.cp .slider-nav li h3{margin-top:1em;font-size:24px;font-weight:normal;font-stretch:normal;line-height:1;letter-spacing:0px;color:#ffffff;transition:0.5s ease;}
.cp .slider-nav li.slick-current a{background-color:rgba(232, 79, 38, 0.6);}
.cp .slider-nav .slick-slide{border-right:1px solid #fff;}
.cp .slider-nav .slick-arrow{text-align:center;top:50%;margin-top:-8px;position:absolute;width:56px;height:16px;border:none;outline:none;z-index:999;display:none}
.cp .slider-nav .slick-prev{background:url(../images/left.png) no-repeat;text-indent:-1000px;overflow:hidden;left:0;}
.cp .slider-nav .slick-next{background:url(../images/right.png) no-repeat;outline:none;text-indent:-1000px;overflow:hidden;right:0;}
@media(max-width:1440px) {
.cp .slider-nav li h3{font-size:24px;}
.cp .slider-nav li.slick-current h3{margin-top:calc(1em + 1.42857em);}
}
@media(max-width:1024px) {
.cp .slider-nav li h3{font-size:20px;}
.cp .slider-nav li.slick-current h3{margin-top:calc(1.5em + 1.42857em);}
}
@media(max-width:768px) {
.cp .slider-nav li h3{font-size:16px;}
.cp .slider-nav li.slick-current h3{margin-top:0
}
}
@media(max-width:640px) {
.cp .slider-nav li .htx{font-size:20px;}
.cp .slider-nav li.slick-current a{font-size:20px;}
}
.proIndex{padding:80px 0 0;background-size:cover;position:relative;z-index:1}
.proIndex .title{font-size:30px;color:#333;line-height:30px;margin:0;text-align:center;padding-bottom:1em}
.proIndex .title em{font-size:50px;display:block;color:#e2e2e2;font-style:normal;text-transform:uppercase;line-height:40px;}
.proIndex .title i{display:block;width:50px;height:2px;background:#058cde;margin:30px auto 0;}
.proBan ul, .proBan li{list-style:none;}
.proBan ul, .proBan li, .proBan .bd h3, .proBan .bd h2, .proBan .bd p{padding:0;margin:0;}
.proBan .bd{overflow:hidden;}
.proBan .bd, .proBan .bd li{height:410px;position:relative;}
.proBan .bd .txt{width:690px;position:absolute;z-index:999;}
.proBan .bd h3{font-weight:normal;text-transform:uppercase;font-size:40px;display:block;color:#bbb;margin:0;padding:0;line-height:40px;}
.proBan .bd h2{font-weight:normal;font-size:50px;color:#494949;margin-top:3px;line-height:50px;}
.proBan .bd div{margin-top:15px;}
.proBan .bd p{font-size:18px;color:#8c8c8c;}
.proBan .bd a{font-size:14px;color:#e84f26;display:inline-block;
*display:inline;zoom:1;padding-right:12px;background:url(../images/c7.png) no-repeat right center;margin-top:40px;}
.proBan .pic{text-align:right;width:650px;height:360px;position:absolute;}
.proBan .pic img{max-height:100%}
.proBan .bd .item1 .txt, .proBan .bd .item3 .txt, .proBan .bd .item5 .txt, .proBan .bd .item7 .txt{left:-1000px;}
.proBan .bd .item1 .pic, .proBan .bd .item3 .pic, .proBan .bd .item5 .pic, .proBan .bd .item7 .pic{top:30px;right:-1000px;}
.proBan .bd .item2 .txt, .proBan .bd .item4 .txt, .proBan .bd .item6 .txt, .proBan .bd .item8 .txt{left:-1000px;}
.proBan .bd .item2 .pic, .proBan .bd .item4 .pic, .proBan .bd .item6 .pic, .proBan .bd .item8 .pic{top:30px;right:-1000px;}
.proBan .bd .item3 .txt {}
.proBan .bd .item3 .pic{top:50px;}
.proBan .bd .item4 .txt {}
.proBan .bd .item4 .pic{top:30px}
.proBan .bd .item5 .txt {}
.proBan .bd .item5 .pic {}
.proBan .bd .item6 .txt {}
.proBan .bd .item6 .pic {}
.proBan .bd .item7 .txt {}
.proBan .bd .item7 .pic {}
.proBan .bd .ite8 .txt {}
.proBan .bd .item8 .pic {}
.proBan .hd{height:140px;position:relative;}
.proBan .hd li{height:140px;width:12.7%;font-size:12px;text-align:center;float:left;display:inline;}
.proBan .hd li span, .proBan .hd a span{display:block;padding-top:70px;background-position:center top;background-repeat:no-repeat;}
.proBan .hd li span{padding-top:0;}
.proBan .hd a{text-align:center;width:133px;height:140px;position:absolute;top:0;right:0;z-index:99;}
.proBan .hd a span.item9{background-image:url(../images/ic9.png);}
.proBan .hd li.on, .proBan .hd a:hover{background:url(../images/c6.jpg) repeat-x left bottom;color:#e84f26;}
.proBan .hd a:hover span{background-image:url(../images/ic99.png);}
.proBan .hd li .Imgbox {/*width:133px;height:70px;*/padding:7px 0;}
.proBan .hd li .Imgbox img{max-height:50px;filter:grayscale(100%);}
/*.proBan .hd li .Imgbox img.img2 {display:none;}
.proBan .hd li:hover img.img2 {display:inline-block;}*/
.proBan .hd li:hover img.img1 {/*display:none;*/filter:grayscale(0%);}
/*.proBan .hd li.on img.img2 {display:inline-block;}*/
.proBan .hd li.on img.img1 {/*display:none;*/filter:grayscale(0%);}
@media(max-width:1024px) {
.proBan .bd h3{font-size:30px;}
.proBan .bd h2{font-size:40px;line-height:40px;}
.proBan .hd li{font-size:14px;}
.proBan .bd .txt, .proBan .pic{width:100%;position:static;height:auto;}
.proBan .bd, .proBan .bd li{height:auto;}
.proBan .hd{height:auto;}
.proBan .hd ul{display:flex;flex-wrap:wrap;}
.proBan .hd li{width:25%;height:100px;}
.proBan .hd a{position:absolute;float:left;padding-top:0;height:100px;line-height:100px;width:25%;bottom:19px;top:auto;right:0;}
.proBan .hd a span{padding-top:30px;height:100px;background-position:center 10px;font-size:14px;}
}
@media(max-width:1024px) {
.proIndex .title em{font-size:30px;}
}
@media(max-width:640px) {
.proIndex{padding-top:30px;}
.proBan .bd div{margin-top:20px;}
.proIndex .title i, .cp .title i, .newIndex .tit i, .Floor003083 .tit i, .aboutIndex-in .tit i{margin-top:10px;}
.proIndex .title{padding-bottom:0;}
.proBan .bd h2, .Floor003083 .tit{font-size:24px;line-height:24px;}
.proBan .bd h2{font-size:20px;line-height:20px;}
.proBan .bd p{font-size:14px;}
.proBan .bd h3, .Floor003083 .tit em{font-size:20px;line-height:20px;}
.proBan .hd ul{display:flex;flex-wrap:wrap;}
.proBan .hd li{width:25%;float:none;}
.proBan .hd li .Imgbox img{max-height:40px;}
.proBan .hd li span{font-size:12px;}
.cp .title em, .newIndex .tit em, .aboutIndex-in .tit em, .proIndex .title em{font-size:20px;line-height:20px;}
.cp .title, .newIndex .tit, .aboutIndex-in .tit, .proIndex .title{font-size:24px;line-height:24px;padding-bottom:10px;}
.cp{margin-top:30px;}
.proBan .bd li .pic img{width:auto;height:auto;}
.cp .slider-for img{height:200px;}
.cp .slider-nav li h3{margin:0 auto}
.cp .slider-for img{display:none}
.cp .slider-for .imgbox{width:100%;padding-bottom:100%;position:relative;}
.cp .slider-for .imgbox span{position:absolute;width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat}
.cp .slider-nav li.slick-current h3{font-size:20px;}
}
.clear{clear:both;}
.auto{margin:0 auto;}
.auto_1200{max-width:1200px;}
.w_86{width:94%;}
@media (min-width:1025px) {
.w_86{width:86%;}
}
.img1, .img2{border:none;max-width:100%;vertical-align:middle;display:inline;}
.page-banner{height:400px;position:relative;color:#fff;overflow:hidden;}
.page-banner .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.page-banner::after{content:"";position:absolute;inset:0;/*background:linear-gradient(90deg, rgba(52,44,42,.85), rgba(52,44,42,.35))*/}
.page-banner .content{position:relative;height:100%;display:flex;align-items:center}
.page-banner h1{margin:0;font-size:40px;letter-spacing:.3px}
.page-banner p{margin:10px 0 0;color:rgba(255,255,255,.88)}
.subnav{position:sticky;top:var(--header-h);z-index:9;background:#fff;border-bottom:1px solid #f0f0f0;}
/* reference-like:top tabs with bottom highlight */
.subnav .subnav-inner{display:flex;justify-content:center;gap:36px;padding:18px 0 0;overflow:auto;scrollbar-width:none;}
.subnav .subnav-inner::-webkit-scrollbar{display:none}
.subnav a{flex:0 0 auto;padding:14px 10px 16px;border-radius:0;border:none;font-weight:800;color:#333;background:transparent;position:relative;}
.subnav a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:transparent;border-radius:3px 3px 0 0;}
.subnav a.is-active{color:#e84f26;}
.subnav a.is-active::after{background:#e84f26;}
.about-ref{position:relative;}
.about-ref .intro-grid {/*display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start;*/}
.about-ref .intro-text{padding-top:20px;}
.about-ref .intro-title{margin:0 0 10px;font-size:18px;color:var(--accent);font-weight:900;}
.about-ref .intro-text p{margin:0;color:#555;font-weight:600;}
/*app*/
.kpi-row{display:grid;grid-template-columns:repeat(4, 1fr);gap:14px}
.kpi-card{padding:16px 16px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg, rgba(52,44,42,.02), rgba(232,79,38,.03))}
.kpi-card b{display:block;font-size:24px;color:var(--primary)}
.kpi-card span{display:block;color:var(--muted);font-weight:700;margin-top:4px}
.app-card-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:18px}
.app-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.04)}
.app-card .thumb{height:180px;background-size:cover;background-position:center}
.app-card .body{padding:16px}
.app-card h3{margin:0 0 8px;color:var(--primary);font-size:18px;line-height:1.35}
.app-card p{margin:0 0 10px;color:var(--muted)}
.app-card .bullets{margin:0;padding-left:18px;color:#444}
.app-card .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
/* Reveal animations */
.reveal{opacity:1;transform:translateY(18px);transition:opacity .6s ease, transform .6s ease}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.04);}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff;font-weight:800;transition:transform .18s ease, background .18s ease, border-color .18s ease;}
.btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.18)}
.btn.primary{background:var(--accent);border-color:var(--accent)}
.btn.primary:hover{background:#ff5a2f;border-color:#ff5a2f}
.p40{padding:40px 0 !important;}
/*news list*/
.news-modern{display:flex;flex-direction:column;gap:14px;margin-top:14px}
.news-item{display:grid;grid-template-columns:220px 1fr;gap:16px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.04);}
.news-item .thumb{border-radius:14px;background-size:cover;background-position:center;min-height:140px}
.news-item .title{margin:0 0 6px;color:var(--primary);font-size:18px;line-height:1.35;font-weight:900}
.news-item .excerpt{margin:0 0 10px;color:var(--muted)}
.news-item .meta{display:flex;gap:10px;flex-wrap:wrap;color:#888;font-weight:700;font-size:13px}
/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.info-card{padding:22px}
.info-card h3{margin:0 0 10px;color:var(--primary)}
.kv{display:grid;grid-template-columns:90px 1fr;gap:8px 12px;color:#333}
.kv b{color:#666}
.placeholder-box{border:1px dashed rgba(52,44,42,.25);border-radius:var(--radius);background:linear-gradient(135deg, rgba(52,44,42,.06), rgba(232,79,38,.05));height:320px;display:grid;place-items:center;color:#666;font-weight:800}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.textarea{min-height:120px;padding:12px 14px;resize:vertical}
.mini-note{color:#888;font-weight:700;font-size:13px}
.input{height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line);outline:none;background:#fff;font-weight:700;color:#333;min-width:240px;}
.input:focus{border-color:rgba(232,79,38,.45);box-shadow:0 0 0 4px rgba(232,79,38,.12)}