/*--------------------------------------------------------------

  Template Name: Tasfiu Corporate HTML Template.
  Template URI: #
  Description: Tasfiu is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.
  Author: HasTech
  Author URI: https://themeforest.net/user/hastech/portfolio
  Version: 1.0
---------------------------------------------------------------*/

/* ============================================================
   Common Styles (All Pages)
   ============================================================ */

/* Company Logo Text */
.company-logo-text {
    font-size: 14px;
    font-weight: bold;
    color: #2c3e50;
    text-decoration: none;
    line-height: 1.3;
    display: inline-block;
    max-width: 280px;
}

/* Contact Info Box */
.contact-info-box {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    margin-top: 20px;
}
.contact-info-box a {
    text-decoration: none;
}

/* Feature List */
.feature-list {
    list-style: none;
    padding: 0;
}
.feature-list li {
    padding: 12px 0;
    border-bottom: 1px solid #eee;
}
.feature-list li:last-child {
    border-bottom: none;
}
.feature-list li:before {
    content: "\f00c";
    font-family: FontAwesome;
    margin-right: 10px;
}

/* Section Backgrounds */
.section-bg {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
}
.section-bg h2, .section-bg p {
    color: #fff;
}

.section-bg-gradient {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
}
.section-bg-gradient h2, .section-bg-gradient p {
    color: #fff;
}

/* Service Row Spacing */
.service-row {
    margin-bottom: 60px;
}

/* Section Title Style */
.section-title-style {
    color: #1abc9c;
    margin-bottom: 30px;
    border-left: 4px solid #1abc9c;
    padding-left: 15px;
}

/* Section Description Style */
.section-desc-style {
    color: #666;
    line-height: 1.8;
    margin-bottom: 30px;
}

/* ============================================================
   DaiMa.html - 新能源系统开发 (Teal: #1abc9c)
   ============================================================ */

.company-logo-text-daima:hover {
    color: #1abc9c;
}

.service-card {
    background: #fff;
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}
.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}
.service-card h4 {
    color: #2c3e50;
    margin-bottom: 15px;
    font-size: 20px;
}
.service-card p {
    color: #666;
    line-height: 1.8;
}

.service-icon {
    font-size: 48px;
    color: #1abc9c;
    margin-bottom: 20px;
}

.section-bg-daima {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
}
.section-bg-daima h2, .section-bg-daima p {
    color: #fff;
}

.feature-list-teal li:before {
    color: #1abc9c;
}

.contact-info-box-daima a {
    color: #1abc9c;
}

.keyword-highlight-teal {
    color: #1abc9c;
    font-weight: bold;
}

.section-bg-title {
    color: #fff;
    margin-bottom: 20px;
}

.section-bg-desc {
    color: #fff;
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 30px;
}

.tf-button-white {
    background: #fff;
    color: #1abc9c;
}

/* Progress Bar Styles */
.progress-bar-style-1 { width: 95%; }
.progress-bar-style-2 { width: 92%; }
.progress-bar-style-3 { width: 90%; }
.progress-bar-style-4 { width: 88%; }
.progress-bar-style-5 { width: 85%; }

.daima-section-title {
    color: #1abc9c;
    margin-bottom: 30px;
    border-left: 4px solid #1abc9c;
    padding-left: 15px;
}

.daima-section-desc {
    color: #666;
    line-height: 1.8;
    margin-bottom: 30px;
}

.daima-service-row {
    margin-bottom: 60px;
}

/* ============================================================
   DaiHuai.html - 新能源设备供应 (Red: #e74c3c)
   ============================================================ */

.company-logo-text-daihuai:hover {
    color: #e74c3c;
}

.equipment-card {
    background: #fff;
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    border-left: 4px solid #e74c3c;
}
.equipment-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}
.equipment-card h4 {
    color: #2c3e50;
    margin-bottom: 12px;
    font-size: 18px;
}
.equipment-card p {
    color: #666;
    line-height: 1.7;
    margin-bottom: 0;
}

.brand-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 20px;
}
.brand-item {
    background: #f8f9fa;
    padding: 15px 25px;
    border-radius: 6px;
    font-weight: bold;
    color: #2c3e50;
}

.contact-info-box-daihuai a {
    color: #e74c3c;
}

.keyword-highlight-red {
    color: #e74c3c;
    font-weight: bold;
}

.section-bg-red {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
    color: #fff;
}
.section-bg-red h2, .section-bg-red p {
    color: #fff;
}

.stats-box {
    text-align: center;
    padding: 30px;
    background: rgba(255,255,255,0.1);
    border-radius: 8px;
    margin-bottom: 20px;
}
.stats-box h3 {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 10px;
}
.stats-box p {
    font-size: 16px;
    margin-bottom: 0;
}

.daihuai-section-title {
    color: #e74c3c;
    margin-bottom: 30px;
    border-left: 4px solid #e74c3c;
    padding-left: 15px;
}

.daihuai-section-desc {
    color: #666;
    line-height: 1.8;
    margin-bottom: 30px;
}

.daihuai-service-row {
    margin-bottom: 60px;
}

.equipment-icon-red {
    color: #e74c3c;
    margin-right: 10px;
}

.brand-grid-center {
    justify-content: center;
}

.daihuai-quote-text {
    font-size: 18px;
    margin: 20px 0;
}

.daihuai-phone-text {
    font-size: 24px;
    font-weight: bold;
    color: #e74c3c;
}

.daihuai-button-wrap {
    margin-top: 30px;
}

.row-margin-top {
    margin-top: 30px;
}

.footer-logo-white {
    color: #fff;
}

/* DaiHuai Progress Bars */
.progress-bar-red-1 { width: 98%; }
.progress-bar-red-2 { width: 95%; }
.progress-bar-red-3 { width: 92%; }
.progress-bar-red-4 { width: 90%; }
.progress-bar-red-5 { width: 88%; }

/* DaiSheng specific */
.daisheng-quote-text {
    font-size: 18px;
    margin: 20px 0;
}

.daisheng-phone-text {
    font-size: 24px;
    font-weight: bold;
    color: #3498db;
}

.daisheng-button-wrap {
    margin-top: 30px;
}

/* DaiMu specific */
.daimu-quote-text {
    font-size: 18px;
    margin: 20px 0;
}

.daimu-phone-text {
    font-size: 24px;
    font-weight: bold;
    color: #f39c12;
}

.daimu-button-wrap {
    margin-top: 30px;
}

/* ZhuYun specific */
.zhuyun-quote-text {
    font-size: 18px;
    margin: 20px 0;
}

.zhuyun-phone-text {
    font-size: 24px;
    font-weight: bold;
    color: #27ae60;
}

.zhuyun-button-wrap {
    margin-top: 30px;
}

/* Index specific */
.index-quote-text {
    font-size: 18px;
    margin: 20px 0;
}

.index-phone-text {
    font-size: 24px;
    font-weight: bold;
    color: #1abc9c;
}

.index-button-wrap {
    margin-top: 30px;
}

/* DaiMa specific */
.daima-quote-text {
    font-size: 18px;
    margin: 20px 0;
}

.daima-phone-text {
    font-size: 24px;
    font-weight: bold;
    color: #1abc9c;
}

.daima-button-wrap {
    margin-top: 30px;
}

/* ============================================================
   DaiSheng.html - 能源软件开发 (Blue: #3498db)
   ============================================================ */

.company-logo-text-daisheng:hover {
    color: #3498db;
}

.software-card {
    background: #fff;
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    border-top: 4px solid #3498db;
}
.software-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}
.software-card h4 {
    color: #2c3e50;
    margin-bottom: 15px;
    font-size: 20px;
}
.software-card p {
    color: #666;
    line-height: 1.8;
}

.software-icon {
    font-size: 48px;
    color: #3498db;
    margin-bottom: 20px;
}

.section-bg-blue {
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
    color: #fff;
}
.section-bg-blue h2, .section-bg-blue p {
    color: #fff;
}

.feature-list-blue li:before {
    color: #3498db;
}

.contact-info-box-daisheng a {
    color: #3498db;
}

.keyword-highlight-blue {
    color: #3498db;
    font-weight: bold;
}

.stats-box-blue {
    text-align: center;
    padding: 30px;
    background: rgba(255,255,255,0.1);
    border-radius: 8px;
    margin-bottom: 20px;
}
.stats-box-blue h3 {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 10px;
}
.stats-box-blue p {
    font-size: 16px;
    margin-bottom: 0;
}

.daisheng-section-title {
    color: #3498db;
    margin-bottom: 30px;
    border-left: 4px solid #3498db;
    padding-left: 15px;
}

.daisheng-section-desc {
    color: #666;
    line-height: 1.8;
    margin-bottom: 30px;
}

.daisheng-service-row {
    margin-bottom: 60px;
}

/* ============================================================
   DaiMu.html - 系统集成工程 (Orange: #f39c12)
   ============================================================ */

.company-logo-text-daimu:hover {
    color: #f39c12;
}

.integration-card {
    background: #fff;
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}
.integration-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}
.integration-card:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #f39c12;
}
.integration-card h4 {
    color: #2c3e50;
    margin-bottom: 15px;
    font-size: 20px;
}
.integration-card p {
    color: #666;
    line-height: 1.8;
}

.integration-icon {
    font-size: 48px;
    color: #f39c12;
    margin-bottom: 20px;
}

.section-bg-orange {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
    color: #fff;
}
.section-bg-orange h2, .section-bg-orange p {
    color: #fff;
}

.feature-list-orange li:before {
    color: #f39c12;
}

.contact-info-box-daimu a {
    color: #f39c12;
}

.keyword-highlight-orange {
    color: #f39c12;
    font-weight: bold;
}

.stats-box-orange {
    text-align: center;
    padding: 30px;
    background: rgba(255,255,255,0.1);
    border-radius: 8px;
    margin-bottom: 20px;
}
.stats-box-orange h3 {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 10px;
}
.stats-box-orange p {
    font-size: 16px;
    margin-bottom: 0;
}

.daimu-section-title {
    color: #f39c12;
    margin-bottom: 30px;
    border-left: 4px solid #f39c12;
    padding-left: 15px;
}

.daimu-section-desc {
    color: #666;
    line-height: 1.8;
    margin-bottom: 30px;
}

.daimu-service-row {
    margin-bottom: 60px;
}

/* ============================================================
   ZhuYun.html - 能源数据运维 (Green: #27ae60)
   ============================================================ */

.company-logo-text-zhuyun:hover {
    color: #27ae60;
}

.service-card-green {
    background: #fff;
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}
.service-card-green:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}
.service-card-green h4 {
    color: #2c3e50;
    margin-bottom: 15px;
    font-size: 20px;
}
.service-card-green p {
    color: #666;
    line-height: 1.8;
}

.service-icon-green {
    font-size: 48px;
    color: #27ae60;
    margin-bottom: 20px;
}

.section-bg-green {
    background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);
    color: #fff;
}
.section-bg-green h2, .section-bg-green p {
    color: #fff;
}

.feature-list-green li:before {
    color: #27ae60;
}

.contact-info-box-zhuyun a {
    color: #27ae60;
}

.keyword-highlight-green {
    color: #27ae60;
    font-weight: bold;
}

.stats-box-green {
    text-align: center;
    padding: 30px;
    background: rgba(255,255,255,0.1);
    border-radius: 8px;
    margin-bottom: 20px;
}
.stats-box-green h3 {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 10px;
}
.stats-box-green p {
    font-size: 16px;
    margin-bottom: 0;
}

.zhuyun-section-title {
    color: #27ae60;
    margin-bottom: 30px;
    border-left: 4px solid #27ae60;
    padding-left: 15px;
}

.zhuyun-section-desc {
    color: #666;
    line-height: 1.8;
    margin-bottom: 30px;
}

.zhuyun-service-row {
    margin-bottom: 60px;
}

/* ============================================================
   index.html - 首页
   ============================================================ */

.company-logo-text-index:hover {
    color: #1abc9c;
}

.business-card {
    background: #fff;
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    text-align: center;
}
.business-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}
.business-card h4 {
    color: #2c3e50;
    margin-bottom: 15px;
    font-size: 20px;
}
.business-card p {
    color: #666;
    line-height: 1.8;
}

.business-icon {
    font-size: 48px;
    margin-bottom: 20px;
}
.icon-daima { color: #1abc9c; }
.icon-daihuai { color: #e74c3c; }
.icon-daisheng { color: #3498db; }
.icon-daimu { color: #f39c12; }
.icon-zhuyun { color: #27ae60; }

.feature-list-index li:before {
    color: #1abc9c;
}

.contact-info-box-index a {
    color: #1abc9c;
}

.keyword-highlight-index {
    color: #1abc9c;
    font-weight: bold;
}

/* Business link style for index.html */
.business-link {
    color: inherit;
    text-decoration: none;
}

/* Timeline item for index.html */
.timeline-item {
    padding: 20px;
    border-left: 3px solid #1abc9c;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 0 8px 8px 0;
}
.timeline-item h4 {
    color: #1abc9c;
    margin-bottom: 10px;
}
.timeline-item p {
    color: #666;
    line-height: 1.6;
    margin-bottom: 5px;
}

/* Stats box for index.html */
.stats-box-home {
    text-align: center;
    padding: 30px;
    background: rgba(255,255,255,0.1);
    border-radius: 8px;
    margin-bottom: 20px;
}
.stats-box-home h3 {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 10px;
}
.stats-box-home p {
    font-size: 16px;
    margin: 0;
}

/* Address card for ZhuYun.html */
.address-card {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.address-card i {
    color: #27ae60;
    font-size: 24px;
    margin-right: 15px;
}
.address-card p {
    margin: 0;
    color: #666;
}
.address-card a {
    color: #27ae60;
    text-decoration: none;
}

/* Project item for DaiMu.html */
.project-item {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}
.project-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}
.project-img {
    height: 200px;
    background-size: cover;
    background-position: center;
}
.project-info {
    padding: 20px;
}
.project-info h4 {
    color: #2c3e50;
    margin-bottom: 10px;
}
.project-info p {
    color: #666;
    line-height: 1.6;
}