.about-main{width:100%;margin-bottom: 20px;}
.about-nav{width:20%;float:left;background:#ffffff;padding:0;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,0.1);margin-bottom:20px}
.about-nav ul{list-style:none;margin:0;padding:0;background:#ffffff;border-radius:5px;overflow:hidden}
.about-nav li{border-bottom:1px solid #e5e5e5}
.about-nav li:last-child{border-bottom:none}
.about-nav a{display:block;padding:15px 20px;color:#666;font-size:16px;text-decoration:none;transition:all 0.3s ease;position:relative}
.about-nav a:hover{background:#fff;color:#1479d7;padding-left:25px}
.about-nav a.active{background:#1479d7;color:#fff;font-weight:bold}
.about-nav a.active:before{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff}
.about-content{width:77%;float:right;background:#ffffff;padding:30px;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,0.1)}
.about-section{margin-bottom:40px;padding-bottom:0px;border-bottom:1px solid #e5e5e5}
.about-section:last-child{border-bottom:none;margin-bottom:0}
.section-title{margin-bottom:25px;text-align:center}
.section-title h2{font-size:28px;color:#1479d7;font-weight:bold;position:relative;display:inline-block;padding-bottom:10px}
.section-title h2:after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:#FB9543}
.section-content{line-height:1.8;color:#666}
.section-content p{margin-bottom:15px;font-size:16px;text-indent:2em}
.section-content h4{font-size:18px;color:#1479d7;margin-bottom:15px;font-weight:bold}
.section-content h5{ font-size:16px;color:#1479d7;margin-bottom:15px;font-weight:bold}
.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:30px}
.service-item{text-align:center;padding:30px 20px;background:#f9f9f9;border-radius:8px;transition:all 0.3s ease}
.service-item:hover{background:#fff;box-shadow:0 5px 15px rgba(0,0,0,0.1);transform:translateY(-5px)}
.service-icon{width:80px;height:80px;margin:0 auto 20px;background:#1479d7;border-radius:50%;display:flex;align-items:center;justify-content:center}
.service-icon img{width:40px;height:40px;filter:brightness(0) invert(1)}
.service-item h3{font-size:20px;color:#333;margin-bottom:15px;font-weight:bold}
.service-item p{font-size:14px;color:#666;text-indent:0;margin:0}
.scope-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:30px}
.scope-item{background:#f9f9f9;padding:25px;border-radius:8px;border-left:4px solid #1479d7}
.scope-item h4{font-size:18px;color:#1479d7;margin-bottom:15px;font-weight:bold}
.scope-item ul{list-style:none}
.scope-item li{padding:8px 0;color:#666;position:relative;padding-left:20px}
.scope-item li:before{content:'•';color:#FB9543;font-size:16px;position:absolute;left:0}
.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:30px}
.contact-item{display:flex;align-items:flex-start;padding:25px;background:#f9f9f9;border-radius:8px;transition:all 0.3s ease}
.contact-item:hover{background:#fff;box-shadow:0 3px 10px rgba(0,0,0,0.1)}
.contact-icon{width:60px;height:60px;background:#1479d7;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:20px;flex-shrink:0}
.contact-icon img{width:30px;height:30px;filter:brightness(0) invert(1)}
.contact-detail h4{font-size:18px;color:#333;margin-bottom:8px;font-weight:bold}
.contact-detail p{font-size:16px;color:#1479d7;margin-bottom:5px;font-weight:bold;text-indent:0}
.contact-detail span{font-size:14px;color:#999}
.timeline{position:relative;margin-top:30px}
.timeline:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:#e5e5e5;transform:translateX(-50%)}
.timeline-item{position:relative;margin-bottom:40px;display:flex;align-items:center}
.timeline-item:nth-child(odd){flex-direction:row}
.timeline-item:nth-child(even){flex-direction:row-reverse}
.timeline-year{width:100px;height:100px;background:#1479d7;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:bold;position:relative;z-index:2;flex-shrink:0}
.timeline-content{flex:1;padding:25px;background:#f9f9f9;border-radius:8px;margin:0 30px;position:relative}
.timeline-item:nth-child(odd) .timeline-content:before{content:'';position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #f9f9f9}
.timeline-item:nth-child(even) .timeline-content:before{content:'';position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #f9f9f9}
.timeline-content h4{font-size:18px;color:#1479d7;margin-bottom:10px;font-weight:bold}
.timeline-content p{color:#666;margin:0;text-indent:0}

.help-section{margin-bottom:40px}
.help-category{background:#f9f9f9;border-left:4px solid #1479d7;padding:20px;margin-bottom:60px;border-radius:5px}
.help-category h4{color:#1479d7;font-size:20px;margin-bottom:20px;font-weight:bold}
.faq-item{background:#fff;border:1px solid #e5e5e5;border-radius:5px;margin-bottom:15px;overflow:hidden;transition:all 0.3s ease}
.faq-item:hover{box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.faq-question{background:#fff;padding:15px 20px;cursor:pointer;position:relative;border-bottom:1px solid #e5e5e5;font-weight:bold;color:#333;display:flex;align-items:center;justify-content:space-between}
.faq-question:hover{background:#f8f9fa}
.faq-question::after{content:'+';font-size:20px;color:#1479d7;font-weight:bold;transition:transform 0.3s ease}
.faq-question.active::after{content:'−';transform:rotate(180deg)}
.faq-answer{padding:20px;background:#fafbfc;color:#666;line-height:1.6;display:none}
.faq-answer.active{display:block}
.faq-answer p{margin-bottom: 10px;line-height: 1.8;}
.faq-number{background:#1479d7;color:white;border-radius:50%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:bold;margin-right:10px;flex-shrink:0}
.faq-info{font-size: 16px; line-height: 1.8;text-align: center;}

.ditu{padding-top: 30px;}
.ditu li{ width: 49%; display: inline-block;  margin-bottom: 25px;font-size: 16px; }


@media (max-width:768px){.about-main{padding:10px 1.5%;margin-top:0px}
.about-nav{width:100%;float:none;margin-bottom:20px}
.about-content{width:100%;float:none}
.section-title h2{font-size:24px}
.service-grid,.scope-list,.contact-info{grid-template-columns:1fr;gap:20px}
.timeline:before{left:30px}
.timeline-item{flex-direction:row !important;padding-left:80px}
.timeline-year{position:absolute;left:0;width:60px;height:60px;font-size:14px}
.timeline-content{margin:0}
.timeline-item:nth-child(odd) .timeline-content:before,.timeline-item:nth-child(even) .timeline-content:before{left:-10px;right:auto;border-right:10px solid #f9f9f9;border-left:none}
.contact-item{flex-direction:column;text-align:center}
.contact-icon{margin:0 auto 15px}
}