@charset "utf-8";
/* 转台系列页面通用样式 */

/* 页面基础 */
body { margin:0; padding:0; font-family:"微软雅黑", Arial, sans-serif; font-size:14px; color:#333; background:#fff; }
* { box-sizing:border-box; }
a { text-decoration:none; color:inherit; }
a:hover { color:#ff8900; }
ul { list-style:none; padding:0; margin:0; }
img { border:none; max-width:100%; height:auto; }
.clear { clear:both; }

/* Header */
.wrap { width:1020px; margin:0 auto; }
.topwrap { width:1000px; margin:0 auto; }
.wrap600 { width:600px; }
.header { position:relative; height:102px; z-index:999; width:100%; background:#00438b; }
.header .wrap { height:102px; }
.header .logo { display:inline-block; margin-top:20px; width:205px; height:59px; float:left; }
.header .logo img { max-width:none; height:auto; }
.header .nav { float:right; height:60px; clear:right; }
.header .nav>li { display:inline-block; vertical-align:top; height:60px; line-height:60px; }
.header .nav>li>a { font-size:14px; height:16px; padding:0 15px; border-right:1px solid #828282; color:#f4f5f9; }
.header .nav>li.navlilast>a { border-right:none; padding-right:0; }
.header .nav>li>a.actived { color:#ff8900; }
.header .nav>li>a:hover { color:#ff8900; }
.drop-down-list { width:220px; }
.abanxin .drop-down-list { width:130px; }
.drop-down-list a { color:#fff; }
.drop-down-list a:hover { color:#F39800; }
.drop-down { z-index:99999999; display:none; position:absolute; top:102px; left:0; width:100%; background:#2d5f9a; padding-bottom:60px !important; opacity:1; }
.drop-down>div { padding-top:35px; }
.drop-down>div>div { float:left; height:280px; }
.drop-down>div>div.xiala-img { width:300px; height:190px; margin-top:10px; }
.drop-down>div>div.xiala-img2 { width:310px; margin-left:-10px; }
.drop-down>div>div.xiala-img img { border:5px solid #4c77a9; margin-left:0; margin-right:30px; margin-top:25px; }
.drop-down-list ul { margin-right:76px; margin-bottom:20px; }
.drop-down-list li { cursor:pointer; line-height:40px; font-size:13px; color:#fff; border-bottom:1px dotted #4e84c4; width:300px; }
.drop-down-list li:hover { color:#F39800; }
.drop-down-right .drop-down-h4 { line-height:36px; font-size:24px; color:#c2dbf4; font-weight:bold; }
.drop-down-right p { font-size:12px; line-height:30px; color:#89b0de; }
.search { float:right; margin-top:25px; background:url(../images/search_bg.jpg) no-repeat; width:124px; height:17px; }
.search .text { border:none; background:none; width:98px; height:17px; line-height:17px; float:left; font-size:12px; }
.search .btn { border:none; background:none; width:26px; height:17px; display:block; cursor:pointer; float:right; text-indent:-9999px; }
.menu { display:none !important; }
.sp { display:none !important; }

/* Hero Banner */
.turntable-banner { position:relative; width:100%; height:450px; overflow:hidden; background:#1a3a6a; }
.turntable-banner img { width:100%; height:100%; object-fit:cover; }
.turntable-banner .banner-text { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; color:#fff; z-index:10; }
.turntable-banner .banner-text h1 { font-size:48px; font-weight:bold; margin-bottom:15px; text-shadow:2px 2px 8px rgba(0,0,0,0.5); }
.turntable-banner .banner-text p { font-size:22px; font-weight:300; letter-spacing:2px; text-shadow:1px 1px 4px rgba(0,0,0,0.5); }

/* Section Common */
.tt-section { padding:38px 0 72px; }
.tt-section.gray { background:#f5f5f5; }
.tt-section.light-blue { background:url(../images/turntable_optical.jpg) no-repeat center center; background-size:cover; }
.tt-section-title { font-size:24px; color:#00438b; text-align:center; margin-bottom:15px; font-weight:bold; }
.tt-section-subtitle { font-size:16px; color:#888; text-align:center; margin-bottom:40px; }
.tt-container { width:1020px; margin:0 auto; }

/* Overview Section */
.overview-content { max-width:1020px; }
.overview-text { font-size:15px; line-height:28px; color:#333; margin-bottom:25px; }
.overview-features { margin-bottom:20px; }
.overview-features h3 { font-size:18px; color:#333; margin-bottom:15px; font-weight:bold; text-align:center; }
.features-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; }
.feature-col { position:relative; padding-left:16px; }
.feature-col:before { content:"■"; position:absolute; left:0; top:0; color:#00438b; font-size:10px; line-height:26px; }
.feature-col p { font-size:14px; line-height:26px; color:#333; margin:0; }
.overview-company { font-size:14px; line-height:28px; color:#333; margin-top:20px; padding-top:15px; border-top:1px solid #e8e8e8; }

/* Action Buttons */
.action-icons { display:flex; justify-content:center; gap:100px; padding:40px 0; }
.action-icon-item { text-align:center; cursor:pointer; }
.action-icon-item .icon-cube { width:90px; height:90px; border-radius:50%; background:#ff8900; display:flex; align-items:center; justify-content:center; margin:0 auto 15px; transition:all 0.3s; box-shadow:0 4px 15px rgba(255,137,0,0.3); }
.action-icon-item .icon-cube:hover { background:#e07b00; transform:scale(1.08); }
.action-icon-item .icon-cube i { font-size:36px; color:#fff; }
.action-icon-item .icon-pdf { width:90px; height:90px; border-radius:50%; background:#b0b0b0; display:flex; align-items:center; justify-content:center; margin:0 auto 15px; transition:all 0.3s; box-shadow:0 4px 15px rgba(0,0,0,0.1); }
.action-icon-item .icon-pdf:hover { background:#999; transform:scale(1.08); }
.action-icon-item .icon-pdf i { font-size:36px; color:#fff; }
.icon-label-orange { font-size:15px; color:#ff8900; font-weight:bold; }
.icon-label-gray { font-size:15px; color:#999; font-weight:bold; }

/* CTA Section */
.cta-section { padding:50px 0; position:relative; overflow:hidden; }
.cta-inner { }
.cta-content { max-width:480px; }
.cta-section h2 { font-size:24px; color:#fff; margin-bottom:15px; font-weight:bold; }
.cta-section p { font-size:14px; color:#fff; margin-bottom:25px; line-height:26px; }
.cta-btn { display:inline-block; padding:14px 60px; background:#da8103; color:#fff; font-size:16px; border-radius:5px; transition:all 0.3s; border:none; cursor:pointer; font-weight:bold; }
.cta-btn:hover { background:#c07200; color:#fff; transform:translateY(-2px); box-shadow:0 4px 15px rgba(218,129,3,0.4); }

/* FAQ Section */
.tt-section .tt-section-title.faq-title { text-align:left; }
.tt-section .tt-section-subtitle.faq-subtitle { display:none; }
.faq-list { max-width:1020px; margin:0; }
.faq-item { border-bottom:1px solid #e0e0e0; padding:18px 0; cursor:pointer; }
.faq-item:last-child { border-bottom:none; }
.faq-question { display:block; font-size:14px; color:#333; font-weight:normal; line-height:28px; position:relative; padding-left:24px; }
.faq-question:before { content:"■"; position:absolute; left:0; top:0; color:#00438b; font-size:10px; line-height:28px; }
.faq-question i { display:none; }
.faq-answer { max-height:0; overflow:hidden; transition:max-height 0.4s ease; }
.faq-answer p { padding:8px 0 5px 24px; font-size:14px; color:#666; line-height:26px; }
.faq-item.active .faq-answer { max-height:300px; }
.faq-nav { text-align:right; padding:20px 0 0; max-width:1020px; margin:0; }
.faq-nav-btn { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border:1px solid #ccc; color:#ccc; border-radius:4px; margin-left:10px; transition:all 0.3s; font-size:18px; }
.faq-nav-btn.faq-next { border-color:#ff8900; color:#ff8900; }
.faq-nav-btn.faq-prev:hover { background:#ccc; color:#fff; }
.faq-nav-btn.faq-next:hover { background:#ff8900; color:#fff; }

/* Application Domains */
.app-content { display:flex; gap:40px; align-items:flex-start; }
.app-left { width:420px; }
.app-left img { width:100%; border-radius:8px; }
.app-right { flex:1; }
.app-right h2 { font-size:24px; color:#00438b; margin-bottom:15px; }
.app-right>p { font-size:15px; color:#555; line-height:26px; margin-bottom:25px; }
.app-list { display:flex; flex-direction:column; gap:2px; }
.app-list-item { display:flex; align-items:center; padding:2px 12px; font-size:14px; color:#333; line-height:18px; transition:all 0.3s; white-space:nowrap; }
.app-list-item:before { content:"●"; margin-right:10px; color:#ff8900; font-size:10px; }
.app-list-item.highlight { color:#ff8900; }

/* Contact Section */
.contact-cta { text-align:center; padding:50px 0; }
.contact-cta h2 { font-size:24px; color:#00438b; margin-bottom:10px; }
.contact-cta p { font-size:16px; color:#666; margin-bottom:25px; }
.contact-btn { display:inline-block; padding:12px 60px; background:#ff8900; color:#fff; font-size:18px; border-radius:4px; transition:all 0.3s; }
.contact-btn:hover { background:#e07b00; color:#fff; }

/* Footer */
.index_footer { min-height:316px; width:100%; background:url(../images/index_footerbg.jpg) no-repeat center top, #00438b; padding-bottom:10px; }
.index_footer section { width:980px; margin:0 auto; }
.index_footer section:after { content:""; display:table; clear:both; }
.index_footbox { min-height:225px; }
.index_footboxl { float:left; width:580px; padding-top:40px; }
.index_footboxl .links { margin-bottom:30px; }
.index_footboxl .links li { float:left; }
.index_footboxl .links li a { font-size:14px; height:16px; color:#b7daff; padding:0 10px; }
.index_footboxl .links li a:hover { color:#2d5f9a; }
.index_footboxl p { padding-left:10px; line-height:25px; font-size:12px; color:#6f859d; margin:0; }
.index_footboxr { float:right; padding-top:40px; text-align:right; }
.index_footboxr p { font-size:12px; color:#b7daff; margin:0 0 10px 0; line-height:25px; }
.index_footboxr span { color:#fe8a00; }
.index_footboxr a { color:#b7daff; }
.index_footboxr a:hover { color:#2d5f9a; }
.index_footboxr .telimg { background:url(../images/telbg.png) no-repeat 110px center; padding-left:20px; font-size:20px; margin-bottom:10px; line-height:30px; }
.index_footboxr .telnum { color:#fe8a00; font-size:30px; margin-bottom:10px; line-height:40px; }
.index_footboxr .online { width:100px; height:28px; line-height:28px; text-align:center; background-color:#fe8a00; float:right; border-radius:15px; margin-bottom:0; }
.index_footboxr .online a { color:#fff; font-size:14px; }
.index_copyright-bar { clear:both; border-top:1px solid rgba(255,255,255,0.15); padding:12px 0 0; color:#b7daff; font-size:12px; line-height:20px; overflow:hidden; }
.index_copyright-bar a { color:#b7daff; }
.copyright-left { float:left; }
.copyright-right { float:right; }
.copyright-right img { vertical-align:middle; margin-right:4px; height:16px; }

/* Mobile Bottom Bar */
.bar.bar-tab { display:none; }

/* Product List Page Styles */
.product-list-section .tt-container { position:relative; left:-17px; }
.category-tabs { display:flex; justify-content:center; gap:0; border-bottom:1px solid #ff8900; margin:0; background:#f4f5f9; }
.category-tab { flex:1; height:40px; line-height:40px; padding:0; text-align:center; font-size:16px; color:#777; cursor:pointer; background:#e8e8e8; transition:all 0.3s; font-weight:bold; border-right:1px solid #d0d0d0; position:relative; }
.category-tab:first-child { border-left:1px solid #d0d0d0; }
.category-tab:hover { color:#fff; background:#00438b; }
.category-tab.active { color:#fff; background:#00438b; }
.category-tab.active::after { content:""; position:absolute; bottom:-7px; left:50%; transform:translateX(-50%); width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-top:7px solid #ff8900; }
.subcategory-tags { display:flex; justify-content:center; align-items:center; gap:42px; height:68px; text-align:center; margin-bottom:24px; background:#f4f5f9; }
.subcategory-tag { display:inline-block; padding:0; margin:0; font-size:14px; color:#777; cursor:pointer; transition:all 0.3s; background:transparent; border:none; border-radius:0; }
.subcategory-tag:hover, .subcategory-tag.active { color:#c06030; font-weight:bold; background:transparent; }

/* Product Grid */
.product-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:28px 18px; padding:0; }
.product-card { background:#e0e0e0; overflow:hidden; transition:all 0.3s; border:none; }
.product-card:hover { box-shadow:none; transform:none; border-color:transparent; }
.product-card .card-img { height:235px; overflow:hidden; background:#fafafa; text-align:center; padding:20px; display:flex; align-items:center; justify-content:center; }
.product-card .card-img img { max-height:100%; max-width:100%; object-fit:contain; }
.product-card .card-info { min-height:91px; padding:17px 15px 11px; text-align:center; background:#e0e0e0; transition:all 0.3s; }
.product-card:hover .card-info { background:#00438b; }
.product-card .card-id { font-size:14px; color:#777; margin-bottom:3px; transition:all 0.3s; font-weight:normal; }
.product-card:hover .card-id { color:rgba(255,255,255,0.6); }
.product-card .card-name { font-size:14px; color:#333; margin-bottom:10px; font-weight:bold; line-height:20px; transition:all 0.3s; }
.product-card:hover .card-name { color:#fff; }
.product-card .card-btn { display:inline-block; width:74px; height:25px; line-height:23px; padding:0; border:1px solid #8aa7bf; color:#00438b; font-size:12px; transition:all 0.3s; background:transparent; border-radius:0; }
.product-card .card-btn:hover { background:#00438b; color:#fff; }
.product-card:hover .card-btn { border-color:#fff; color:#fff; }
.product-card:hover .card-btn:hover { background:#fff; color:#00438b; }

/* Featured (current) product card - blue highlight */
.product-card.featured { background:#00438b; border-color:#00438b; }
.product-card.featured .card-info { background:#00438b; }
.product-card.featured .card-id { color:rgba(255,255,255,0.6); }
.product-card.featured .card-name { color:#fff; }
.product-card.featured .card-btn { border-color:#fff; color:#fff; }
.product-card.featured .card-btn:hover { background:#fff; color:#00438b; }

/* Pagination */
.pagination { text-align:center; padding:56px 0 0; }
.pagination a, .pagination span { display:inline-block; min-width:24px; height:24px; line-height:24px; padding:0 4px; margin:0 8px; border:none; color:#777; font-size:14px; border-radius:0; transition:all 0.3s; text-align:center; background:transparent; }
.pagination a:hover { background:transparent; color:#ff8900; }
.pagination .active { background:#ff8900; color:#fff; border-radius:50%; }
.pagination .dots { background:transparent; width:auto; padding:0 5px; color:#999; }
.pagination .arrow { font-size:15px; width:auto; background:transparent; color:#777; }
.pagination .arrow:hover { background:transparent; color:#00438b; }

/* Product Detail Page */
.detail-section { padding:40px 0; }
.detail-header { margin-bottom:25px; }
.detail-header h1 { font-size:26px; color:#234161; margin-bottom:10px; font-weight:bold; }
.detail-header p { font-size:14px; color:#666; line-height:22px; }
.detail-content { display:flex; gap:40px; }
.detail-left { flex:1; }
.detail-right { width:380px; flex-shrink:0; }
.detail-right img { width:100%; border-radius:5px; }
.detail-features { margin-bottom:25px; }
.detail-features h3 { font-size:16px; color:#234161; margin-bottom:12px; font-weight:bold; }
.detail-features ul { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:1fr 1fr; gap:4px 20px; }
.detail-features ul li { padding:3px 0 3px 18px; position:relative; font-size:14px; color:#555; line-height:20px; }
.detail-features ul li:before { content:"•"; color:#ff8900; position:absolute; left:0; font-weight:bold; }
.detail-scene { margin-bottom:25px; }
.detail-scene h3 { font-size:16px; color:#234161; margin-bottom:10px; font-weight:bold; }
.detail-scene p { font-size:14px; color:#555; line-height:22px; }
.download-btn { display:inline-flex; align-items:center; gap:10px; padding:12px 30px; background:#da8103; color:#fff; font-size:15px; border-radius:4px; transition:all 0.3s; }
.download-btn:hover { background:#c07200; color:#fff; }
.download-btn i { font-size:18px; }

/* Tabs */
.detail-tabs { margin-top:40px; }
.detail-tab-nav { display:flex; border-bottom:1px solid #cfcfcf; }
.detail-tab-nav li { width:180px; padding:0; height:38px; line-height:34px; text-align:center; font-size:21px; color:#969696; cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-1px; transition:all 0.3s; font-weight:bold; }
.detail-tab-nav li.active { color:#ff8900; border-bottom-color:#ff8900; }
.detail-tab-content { padding:76px 0 30px; }
.detail-tab-pane { display:none; }
.detail-tab-pane.active { display:block; }

/* Spec Table */
.spec-table { width:100%; border-collapse:collapse; table-layout:fixed; border:1px solid #cfcfcf; }
.spec-table col:nth-child(1) { width:19.5%; }
.spec-table col:nth-child(2) { width:32.7%; }
.spec-table th, .spec-table td { border:1px solid #cfcfcf; padding:0 15px; height:53px; font-size:18px; line-height:1.8; text-align:center; color:#666; font-weight:normal; vertical-align:middle; }
.spec-table thead th { background:#004a86; color:#d7d7d7; border-color:#8ba8c0; font-size:20px; font-weight:normal; }
.spec-table .cat-header { color:#666; }
.spec-table .param-value { text-align:left; padding-left:78px; }
.spec-table .tall-row td { height:158px; }

/* Contact Form */
.inquiry-form { padding:10px 0 30px; }
.inquiry-form .form-notice { font-size:13px; color:#888; margin-bottom:25px; line-height:22px; }
.inquiry-form .form-group label { display:block; font-size:14px; color:#555; margin-bottom:6px; }
.inquiry-form .form-group label em { color:#e53e3e; font-style:normal; }
.form-row { display:flex; gap:20px; margin-bottom:15px; }
.form-row-full { display:block; margin-bottom:15px; }
.form-group { flex:1; }
.form-row-full .form-group { width:100%; }
.form-group input, .form-group select, .form-group textarea { width:100%; padding:10px 12px; border:1px solid #d4d4d4; border-radius:5px; font-size:14px; font-family:inherit; transition:border-color 0.3s; color:#333; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color:#00438b; outline:none; }
.form-group input::placeholder, .form-group textarea::placeholder { color:#bbb; }
.form-group select { color:#999; }
.form-group select:valid { color:#333; }
.form-group textarea { height:100px; resize:vertical; }
.form-submit { text-align:center; margin-top:20px; }
.form-submit .submit-btn { padding:12px 60px; background:#999; color:#fff; border:none; font-size:16px; border-radius:4px; cursor:pointer; transition:all 0.3s; }
.form-submit .submit-btn:hover { background:#00438b; }

/* Custom Solution Form Page */
.solution-form-section { padding:50px 0; }
.solution-form-section h2 { font-size:28px; color:#00438b; text-align:center; margin-bottom:15px; font-weight:bold; }
.solution-form-section .tt-container > p { text-align:center; font-size:15px; color:#666; line-height:28px; max-width:800px; margin:0 auto 10px; }
.solution-form-section .sub-instruction { text-align:center; font-size:14px; color:#555; line-height:26px; margin-bottom:35px; }
.solution-form { max-width:900px; margin:0 auto; }
.form-section-title { font-size:16px; color:#808080; font-weight:bold; margin:25px 0 12px; }
.form-group-label { font-size:14px; color:#333; font-weight:bold; margin:15px 0 8px; }
.form-2col { display:grid; grid-template-columns:1fr 1fr; gap:15px 20px; }
.form-note { text-align:left; font-size:12px; color:#999; margin-top:25px; line-height:22px; }
.form-other-needs { display:flex; gap:20px; align-items:flex-start; margin-bottom:15px; }
.form-other-textarea { flex:1; }
.form-other-textarea textarea { width:100%; padding:10px 12px; border:1px solid #d4d4d4; border-radius:5px; font-size:14px; font-family:inherit; height:140px; resize:vertical; transition:border-color 0.3s; }
.form-other-textarea textarea::placeholder { color:#bbb; }
.form-other-textarea textarea:focus { border-color:#00438b; outline:none; }
.form-other-upload { flex-shrink:0; padding-top:2px; }
.upload-btn { display:inline-block; padding:10px 25px; border:1px solid #ccc; color:#666; background:#f0f0f0; border-radius:5px; cursor:pointer; font-size:14px; transition:all 0.3s; }
.upload-btn:hover { background:#e8e8e8; border-color:#999; color:#444; }
.upload-btn i { margin-right:5px; }

/* Contact section inline labels */
.form-contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px 20px; }
.form-contact-row { display:flex; align-items:center; gap:0; }
.contact-label { display:inline-flex; align-items:center; padding:0 15px; height:40px; background:#f0f0f0; border:1px solid #d4d4d4; border-right:none; border-radius:5px 0 0 5px; font-size:14px; color:#666; white-space:nowrap; }
.form-contact-row input { flex:1; height:40px; padding:0 12px; border:1px solid #d4d4d4; border-radius:0 5px 5px 0; font-size:14px; font-family:inherit; color:#333; }
.form-contact-row input:focus { border-color:#00438b; outline:none; }

/* Contact Material Page */
.material-hero { background:linear-gradient(135deg,#00438b 0%,#0066cc 100%); padding:80px 0; text-align:center; color:#fff; }
.material-hero h1 { font-size:42px; margin-bottom:15px; }
.material-hero p { font-size:18px; opacity:0.9; }
.material-table-wrap { padding:40px 0; }
.material-table { width:100%; border-collapse:collapse; font-size:14px; }
.material-table th { background:#00438b; color:#fff; padding:14px 12px; font-weight:bold; text-align:center; }
.material-table td { padding:12px; border:1px solid #e0e0e0; text-align:center; }
.material-table tbody tr:nth-child(even) { background:#f8f9fa; }
.material-table .highlight { background:#fff3e0 !important; font-weight:bold; }
.guide-section { padding:50px 0; }
.guide-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.guide-card { background:#fff; border:1px solid #e8e8e8; border-radius:8px; padding:30px; text-align:center; transition:all 0.3s; }
.guide-card:hover { box-shadow:0 8px 25px rgba(0,0,0,0.1); transform:translateY(-3px); }
.guide-card i { font-size:48px; color:#00438b; margin-bottom:15px; }
.guide-card h3 { font-size:18px; color:#00438b; margin-bottom:10px; }
.guide-card p { font-size:14px; color:#666; line-height:22px; }

/* Contact Materials Page - Hero */
.cm-hero { position:relative; width:100%; height:420px; overflow:hidden; background:#2a2a2a; }
.cm-hero img.cm-hero-bg { width:100%; height:100%; object-fit:cover; opacity:0.7; }
.cm-hero-text { position:absolute; top:50%; left:calc((100% - 1020px)/2 + 20px); transform:translateY(-50%); text-align:left; z-index:10; max-width:480px; }
.cm-hero-text h1 { font-size:48px; color:#ff8900; font-weight:bold; margin:0 0 10px; letter-spacing:4px; }
.cm-hero-text .cm-hero-en { font-size:22px; color:#fff; font-weight:300; margin-bottom:12px; letter-spacing:2px; }
.cm-hero-text .cm-hero-sub { font-size:14px; color:#ccc; letter-spacing:1px; }

/* Contact Materials - Product Category Card */
.cm-category { background:#fafafa; margin-bottom:30px; border-radius:4px; box-shadow:0 2px 12px rgba(0,0,0,0.06); position:relative; overflow:hidden; }
.cm-category-inner { display:flex; align-items:flex-start; padding:35px 40px; gap:35px; }
.cm-category-img { width:380px; flex-shrink:0; }
.cm-category-img img { width:100%; height:auto; display:block; border-radius:4px; }
.cm-category-text { flex:1; min-width:0; }
.cm-category-title { font-size:24px; color:#00438b; font-weight:bold; margin:0 0 20px; padding-bottom:12px; border-bottom:2px solid #00438b; }
.cm-sub-title { font-size:15px; color:#333; font-weight:bold; margin:0 0 10px; }
.cm-sub-title .cm-sub-en { font-weight:normal; color:#888; font-size:13px; margin-left:6px; }
.cm-materials { margin-bottom:18px; }
.cm-materials-list { font-size:13px; color:#555; line-height:24px; }
.cm-materials-list .mat-tag { display:inline-block; background:#e8f0fa; color:#00438b; padding:2px 10px; border-radius:3px; margin:3px 4px 3px 0; font-size:12px; }
.cm-advantages { margin-bottom:12px; }
.cm-advantages ul { padding-left:0; }
.cm-advantages ul li { position:relative; padding-left:16px; font-size:13px; color:#555; line-height:26px; }
.cm-advantages ul li:before { content:""; position:absolute; left:0; top:10px; width:6px; height:6px; background:#ff8900; border-radius:50%; }
.cm-applications { margin-bottom:8px; }
.cm-applications p { font-size:13px; color:#555; line-height:24px; }
.cm-category-desc { font-size:14px; color:#555; line-height:26px; margin:0 0 18px; }
.cm-materials-list-plain { font-size:13px; color:#555; line-height:24px; }
.cm-app-industry { margin-bottom:12px; }
.cm-app-industry p { font-size:13px; color:#555; line-height:24px; }
.cm-expand-arrow { position:absolute; right:25px; bottom:15px; width:30px; height:30px; text-align:center; cursor:pointer; color:#ff8900; font-size:18px; opacity:0.6; transition:opacity 0.3s; }
.cm-expand-arrow:hover { opacity:1; }

/* Contact Materials - Contact CTA */
.cm-contact-cta { text-align:center; padding:50px 0 55px; }
.cm-contact-cta h2 { font-size:30px; color:#00438b; font-weight:bold; margin:0 0 10px; }
.cm-contact-cta p { font-size:16px; color:#666; margin:0 0 25px; }
.cm-contact-btn { display:inline-block; padding:12px 60px; background:#ff8900; color:#fff; font-size:18px; border-radius:4px; transition:all 0.3s; border:none; cursor:pointer; }
.cm-contact-btn:hover { background:#e07b00; color:#fff; }

/* Process Page - Intro + Form Section */
.process-intro-section { padding:60px 0; background:#fff; }
.intro-form-wrapper { display:flex; gap:50px; align-items:flex-start; }
.intro-left { flex:1; }
.intro-left h2 { font-size:28px; color:#00438b; font-weight:bold; margin-bottom:20px; }
.intro-left p { font-size:15px; color:#555; line-height:28px; margin-bottom:15px; }
.intro-features { margin-top:30px; display:flex; flex-direction:column; gap:12px; }
.intro-feature-item { display:flex; align-items:center; gap:10px; font-size:15px; color:#333; }
.intro-feature-item i { color:#ff8900; font-size:18px; }
.form-right { width:420px; flex-shrink:0; }
.process-form { background:#f8f9fa; padding:30px; border-radius:8px; }
.process-form .form-group { margin-bottom:15px; }
.process-form .form-2col { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin-bottom:15px; }
.process-form .form-2col .form-group { margin-bottom:0; }
.process-form .form-group input,
.process-form .form-group select,
.process-form .form-group textarea { width:100%; padding:12px 15px; border:1px solid #d4d4d4; border-radius:5px; font-size:14px; font-family:inherit; transition:border-color 0.3s; color:#333; background:#fff; }
.process-form .form-group input:focus,
.process-form .form-group select:focus,
.process-form .form-group textarea:focus { border-color:#00438b; outline:none; }
.process-form .form-group input::placeholder,
.process-form .form-group textarea::placeholder { color:#bbb; }
.process-form .form-group select { color:#999; }
.process-form .form-group select:valid { color:#333; }
.process-form .form-group textarea { height:120px; resize:vertical; }
.process-form .cta-btn { width:100%; padding:14px; text-align:center; margin-top:5px; }

/* Process Page - Advantages Section */
.advantages-section { padding:60px 0; background:#f5f7fa; }
.advantages-section .section-title { font-size:32px; color:#00438b; text-align:center; margin-bottom:10px; font-weight:bold; }
.advantages-section .section-subtitle { font-size:16px; color:#888; text-align:center; margin-bottom:50px; }
.advantages-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:25px; }
.advantage-card { background:#fff; padding:35px 25px; text-align:center; border-radius:8px; transition:all 0.3s; box-shadow:0 2px 10px rgba(0,0,0,0.05); }
.advantage-card:hover { transform:translateY(-5px); box-shadow:0 8px 25px rgba(0,0,0,0.1); }
.advantage-icon { width:70px; height:70px; margin:0 auto 20px; background:#00438b; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.advantage-icon i { font-size:32px; color:#fff; }
.advantage-card h3 { font-size:18px; color:#00438b; margin-bottom:12px; font-weight:bold; }
.advantage-card p { font-size:14px; color:#666; line-height:24px; margin:0; }

/* Process Page - Process Flow Section */
.process-flow-section { padding:60px 0; background:#fff; }
.process-flow-section .section-title { font-size:32px; color:#00438b; text-align:center; margin-bottom:10px; font-weight:bold; }
.process-flow-section .section-subtitle { font-size:16px; color:#888; text-align:center; margin-bottom:50px; }
.process-steps { display:flex; align-items:flex-start; justify-content:center; gap:0; }
.process-step { flex:1; max-width:180px; text-align:center; padding:0 10px; }
.step-number { font-size:36px; color:#00438b; font-weight:bold; margin-bottom:10px; opacity:0.3; }
.step-icon { width:80px; height:80px; margin:0 auto 15px; background:#f0f5fa; border-radius:50%; display:flex; align-items:center; justify-content:center; border:3px solid #00438b; }
.step-icon i { font-size:32px; color:#00438b; }
.process-step h3 { font-size:16px; color:#00438b; margin-bottom:10px; font-weight:bold; }
.process-step p { font-size:13px; color:#666; line-height:22px; margin:0; }
.step-arrow { display:flex; align-items:center; padding-top:60px; color:#00438b; font-size:24px; opacity:0.4; }

/* Process Page - Bottom CTA Section */
.process-cta-section { padding:60px 0; background:#00438b; text-align:center; }
.process-cta-section h2 { font-size:32px; color:#fff; font-weight:bold; margin-bottom:15px; }
.process-cta-section p { font-size:16px; color:#b7daff; margin-bottom:30px; }
.cta-btn-white { background:#ff8900; color:#fff; }
.cta-btn-white:hover { background:#e07b00; color:#fff; }

/* Responsive */
@media all and (max-width:1040px) {
    .wrap, .tt-container { width:auto; padding:0 15px; }
    .index_footer section { width:auto; }
    .turntable-banner { height:250px; }
    .turntable-banner .banner-text h1 { font-size:28px; }
    .turntable-banner .banner-text p { font-size:16px; }
    .app-content { flex-direction:column; }
    .app-left { width:100%; }
    .features-grid { grid-template-columns:1fr; gap:10px; }
    .cta-content { max-width:100%; }
    .product-grid { grid-template-columns:repeat(2,1fr); gap:15px; padding:0; }
    .detail-content { flex-direction:column; }
    .detail-right { width:100%; }
    .detail-features ul { grid-template-columns:1fr; }
    .product-list-section .tt-container { left:0; }
    .category-tabs { flex-wrap:wrap; }
    .category-tab { flex:0 0 50%; height:40px; line-height:40px; padding:0; font-size:14px; }
    .subcategory-tags { height:auto; min-height:58px; padding:14px 10px; gap:16px 26px; flex-wrap:wrap; margin-bottom:16px; }
    .subcategory-tag { font-size:13px; }
    .action-icons { gap:40px; }
    .app-list { gap:6px; }
    .guide-grid { grid-template-columns:1fr; }
    .form-2col { grid-template-columns:1fr; }
    .form-other-needs { flex-direction:column; }
    .form-contact-grid { grid-template-columns:1fr; }
    .solution-form { padding:0 5px; }
    .form-other-textarea { width:100%; }
    .form-other-textarea textarea { height:100px; width:100%; }
    .cm-hero { height:260px; }
    .cm-hero-text h1 { font-size:30px; letter-spacing:2px; }
    .cm-hero-text .cm-hero-en { font-size:16px; }
    .cm-hero-text .cm-hero-sub { font-size:12px; }
    .cm-category-inner { flex-direction:column; padding:20px; gap:20px; }
    .cm-category-img { width:100%; }
    .cm-category-title { font-size:20px; }
    .cm-expand-arrow { right:15px; bottom:10px; }
    .header { height:45px; }
    .header .wrap { width:auto; height:45px; }
    .header .logo { margin:0; padding:4px 10px; width:130px; height:auto; }
    .header .logo a, .header .logo img { display:block; width:130px; }
    .header .topright { display:none; float:none; clear:both; width:100%; position:absolute; left:0; top:100%; z-index:1200; height:auto; box-sizing:border-box; border-top:1px solid #000; background-color:#00438b; }
    .menu { position:absolute; right:0; top:0; z-index:1200; height:45px; width:60px; cursor:pointer; text-align:center; display:block !important; }
    .menu span { margin-left:-17px; background:#fff; border:none; height:3px; width:35px; position:absolute; top:12px; left:50%; }
    .menu span:nth-of-type(2) { top:20px; }
    .menu span:nth-of-type(3) { top:28px; }
    .header .nav { clear:both; float:none; width:auto; height:auto; }
    .header .nav>li { padding:0; display:block; float:none; height:auto; line-height:20px; border-bottom:1px solid #000; }
    .header .nav>li>a { margin-right:50%; padding:10px 20px; display:block; height:auto; border-right:0; }
    .search { margin:20px 0 10px 20px; float:none; }
    .drop-down { position:relative; width:100% !important; top:auto !important; left:auto !important; border:0; padding:0; }
    .drop-down>div { padding-top:0; }
    .drop-down>div>div { height:auto; float:none; width:auto; }
    .drop-down-list { width:auto !important; margin:0 !important; }
    .drop-down-list ul { margin:0 20px; }
    .drop-down-list li { line-height:30px; width:auto !important; }
    .drop-down>div>div.xiala-img { display:none; }
    .index_footer { display:none; }
    .bar.bar-tab { position:fixed; z-index:10000; right:0; left:0; display:flex; bottom:0; width:100%; padding:7px 0; background-color:#00438b; }
    .bar-tab .item { width:50%; color:#fff; font-size:11px; text-align:center; border-left:1px solid #fff; }
    .bar-tab .item:first-child { border-left:0; }
    .bar-tab .item span { padding:0; display:block; line-height:1; }
    .bar-tab .item .tab-label { padding-top:3px; }
    body { margin-bottom:50px; }
    .intro-form-wrapper { flex-direction:column; gap:30px; }
    .form-right { width:100%; }
    .advantages-grid { grid-template-columns:repeat(2, 1fr); gap:15px; }
    .process-steps { flex-direction:column; align-items:center; gap:20px; }
    .process-step { max-width:100%; }
    .step-arrow { display:none; }
    .advantages-section .section-title,
    .process-flow-section .section-title { font-size:24px; }
}

@media all and (max-width:480px) {
    .product-grid { grid-template-columns:repeat(2,1fr); gap:12px; }
    .product-card .card-img { height:135px; padding:10px; }
    .product-card .card-info { min-height:76px; padding:10px 6px; }
    .product-card .card-id { font-size:12px; }
    .product-card .card-name { font-size:12px; line-height:18px; margin-bottom:8px; }
    .product-card .card-btn { width:68px; height:23px; line-height:21px; font-size:12px; }
    .pagination { padding-top:28px; }
    .pagination a, .pagination span { margin:0 3px; font-size:12px; }
}