* {margin: 0;padding: 0;box-sizing: border-box;font-family: "Microsoft YaHei", sans-serif;}
 body {color: #333;}
a{text-decoration:none;}
 .header {clear: both;display: block;width: 100%;}
.clear{clear: both;display: block;width:100%;}
.container{clear: both;display: block;width:1280px;margin:0 auto;}
.logo {float: left;width:50%;margin-top: 20px;margin-bottom: 20px;}
.logo img{clear: both;display: block;max-width:100%;height: 120px;}
li{list-style: none;}
 /* 搜索框样式 */
 .search-box {float:right;margin-top: 34px;}
 .search-box input {height: 45px;padding: 0 60px 0 20px;border: 1px solid #f0f0f0;float: left;outline: none;border-radius: 30px;font-size:14px;}
 .search-btn {    width: 40px;
    height: 45px;
    border: none;
    background: none;
    cursor: pointer;
    float: left;
    margin-left: -50px;float: left;}

 .search-icon {
     display: inline-block;
     width: 16px;
     height: 16px;
     border: 2px solid #666;
     border-radius: 50%;
     position: relative;
 }

 .search-icon::after {
     content: '';
     position: absolute;
     width: 2px;
     height: 8px;
     background: #666;
     bottom: -6px;
     right: -2px;
     transform: rotate(-45deg);
 }

 /* 导航菜单 - 通栏样式 */
 .main-nav {background: #0069ad;width: 100%;}

 .nav-menu {width: 100%;clear: both;display: block;}

 .nav-menu li {float: left;list-style: none;width: 12%;text-align: center;}

 .nav-menu a {    color: white;
    text-decoration: none;
    font-size: 16px;
    padding: 23px 10px;
    transition: all 0.3s ease;
    display: block;}

 .nav-menu a:hover {background: #085282;}
.nav-menu li.active a{background: #085282;}

.contnetr{clear:both;display: block;width:100%;}
.contnetr .nrtor{clear:both;display: block;width:100%;text-align: center;margin-top:2em;font-size:22px;font-weight: bold;}
.contnetr .article-meta{clear:both;display: block;width:100%;text-align: center;margin-top:10px;border-bottom: 1px solid #ccc;padding-bottom: 15px;}




 /* 内容区域 */
.content-container {max-width: 1200px;margin: 0 auto;}
.banbner{clear:both;display: block;width:100%;}
.banbner img{clear:both;display: block;width:100%;}
.detail-container{margin-top:20px;clear:both;display: block;width:100%;}
.detail-container .detail-left{float: left;width:260px;margin-bottom: 3em;}
.detail-container .detail-right{float:right;width:calc(100% - 300px);padding-bottom: 3em;}

.lisstitle{background: #0069ad;line-height: 3;text-align: center;font-size: 1.2em;color: #fff;}
.detail-container .detail-left .category-list{clear:both;display: block;width:100%;}
.detail-container .detail-left .category-list li{clear:both;display: block;width:100%;}
.detail-container .detail-left .category-list li a{clear:both;display: block;width:100%;text-align: CENTER;
    line-height: 3.5;
    border-bottom: 1px solid #00558b;
    border-left: 1px solid #0069ad;
    border-right: 1px solid #0069ad;
    color: #000;}

.detail-container .detail-left .category-list li a:hover{color:#0069ad;font-weight:bold;}  
.detail-container .detail-left .category-list li a.active{color:#0069ad;font-weight:bold;}  
.detail-container .detail-right .dqian{clear:both;display: block;width:100%;border-bottom: 1px solid #ccc;}
.detail-container .detail-right .dqian span{float: left;
    font-size: 18px;
    line-height: 56px;
    color: #0069ad;
    font-weight: bold;}
.detail-container .detail-right .dqian dl{float:right;line-height: 56px;}

.article-content{padding-top: 2em;padding-bottom: 4em;line-height: 2;font-size: 16px;}
.article-content img{max-width:100%;height:auto !important;}
.article-content video{max-width:100%;height:auto !important;}

.detail-right .article-list{clear:both;display: block;width:100%;margin-top: 20px;}


.news_mm{margin-bottom:25px;}
.news_shijian{width:90px;float:left;}
.news_shijian .years{display:block;width:90px;height:36px;line-height:36px;text-align:center;background:#aeaeae;color:#fff;font-size:14px;}
.news_shijian .day{display:block;width:90px;height:46px;line-height:46px;text-align:center;background:#e6e6e6;font-size:32px;}
.news_news{width:calc( 100% - 120px);float:right;padding-bottom:26px;border-bottom:1px dashed #dedede;}
.news_news h3{font-size:20px;font-weight:normal;color:#333;}
.news_news h3 a{color:#333;}
.news_news h3 a:hover{color:#1575ae;text-decoration:none;}
.news_news .news_text{font-size:14px;line-height:23px;height:50px;overflow:hidden;padding-top:7px;color:#888;}
.news_mm:hover .news_shijian .years{background:#1575ae;}
.news_mm:hover .news_shijian .day{color:#1575ae;}
.pagination{line-height:35px;}
.pagination a{border:1px solid #dedede;padding:0 15px;display:inline-block;margin-right:5px;font-size: 14px;}
.pagination a:hover{border:1px solid #1575ae;color:#1575ae;font-weight:bold;text-decoration:none;}
.pagination li.active a{border:1px solid #1575ae;color:#1575ae;font-weight:bold;text-decoration:none;}
.pagination span{border:1px solid #dedede;padding:0 15px;display:inline-block;}
.pagination li{float:left;margin-right:10px;margin-bottom:10px;}
.pagination td{margin-right:10px;margin-bottom:10px;}
.xrpagination{float: right;}




 /* 新闻区域 */
 .news-section {clear: both;display: block;width:100%;margin-top: 30px;}

 .news-left {width: 67.5%;float: left;}

 .news-right {width:30%;float: right;}

 .section-title {background: #f6f7fb;width: 100%;clear: both;display: block;border-bottom: 1px solid #ebeff8;}
 .section-title span{float: left;background: #3c55a7;color: #fff;line-height: 50px;font-weight: bold;font-size: 20px;padding: 0 30px;}
 .section-title a{float:right;color:#9ea4b2;margin-right: 1em;line-height: 50px;font-size: 15px;}
.section-title a:hover{color:#3c55a7;font-weight:bold;}
.tongzhilist{clear: both;display: block;width:100%;}
.tongzhilist li{clear: both;display: block;width:100%;margin-bottom:10px;}
.tongzhilist li:hover span{color:#3d56aa;font-weight:bold;}
.tongzhilist li span{float:left;width: 70%;display: flex;flex-wrap: nowrap;align-content: center;justify-content: flex-start;align-items: center;height: 56px;color: #000;font-size: 17px;}
.tongzhilist li dl{float:right;width:18%;text-align: center;}
 .tongzhilist li dd{clear: both;display: block;width:100%;color:#3d56aa;font-size:26px;font-weight:bold;}
 .tongzhilist li dt{clear: both;display: block;width:100%;color:#3d56aa;font-size:16px;}

.scroll-container {height: 250px;overflow: hidden;position: relative;margin-top: 15px;}
.scroll-content {position: absolute;width: 100%;animation: scroll 450s linear infinite;}
@keyframes scroll {
0% {transform: translateY(0);}
100% {transform: translateY(-100%);}
}
.newmcrw{clear: both;display: block;width:100%;margin-top: 15px;}
.newmcrw .mySwiper2{float: left;width:50%;position: relative;}
.newmcrw .mySwiper2 .swiper-slide dl{background: rgb(0 0 0 / 69%);line-height:40px;margin-top: -42px;z-index: 999;position: relative;width: 100%;}
.newmcrw .mySwiper2 .swiper-slide dl span{float: left;width: 60%;padding-left: 2%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height:40px;color: #fff;font-size: 14px;}
.ySwiper2{float: right;right: 0;width: 35% !important;left: auto !important;bottom: 13px !important;}
.ySwiper2 .swiper-pagination-bullet{width: 15px;background: #fff;border-radius: 0;height: 6px;margin: 0 4px !important;}


.news-list {list-style: none;float: right;width: 47%;}
.news-item {clear: both;display: block;width:100%;line-height: 33px;}
.news-item .news-title {font-size: 16px;float: left;color: #000002;width: 65%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-item:hover .news-title{color: #3d56aa;font-weight: bold;}
.news-item .news-date {color: #000002;font-size: 16px;float: right;}

.newmcrw .img{width:100%;height:265px;}




 /* 服务区域 */
.service {margin-bottom: 30px;clear: both;display: block;width: 100%;margin-top:30px;}
.s-l {float: left;width:35%;}
.index-tit {overflow: hidden;}
.index-tit h3 {font-size: 28px;font-weight: bold;color: #080808;}
.index-tit .i-t-l {float: left;}
.index-tit .i-t-l b{font-weight: bold;color: #080808;font-size:14px;}
.index-tit .i-t-l span{border-radius: 100%;width:12px;height: 12px;border: 3px solid #0053a3;display: inline-block;margin-right: 11px;margin-top: 10px;}
.service-info {padding: 50px 0 20px 0;font-size: 16px;color: #444444;line-height: 1.7;}
.more{width: 147px;height: 43px;margin: 0 auto;border: 1px solid #0053A3;border-radius: 5px;line-height: 43px;margin-left: 0;}
.more-a{overflow: hidden;color:#000;font-size: 14px;padding: 0 22px;display: block;}
.more-l{float: left;}
.more-r{float: right;}
.more-a:hover{color: #82bf34;}
.s-r{float: right;width:55%;}
.s-r ul{padding: 0;overflow: hidden;margin: 20px 0;}
.s-r li{width:16.66%;float: left;padding:15px;}
.big-box {position: relative;}
.icon-box-big {position: absolute;width:100%;height:35px;top: 20px;text-align: center;width: 100%;}
.icon-box-big img{height:100%;max-width:100%;}
.big-box i {color: #0073d6;font-size: 77px;position: absolute;top: 14%;left: 50%;margin-left: -65px;width: 100%;}
.big-box p {color: #fff;font-size: 0.85rem;position: absolute;bottom: 21%;text-align: center;width: 100%;}
.big-box .img-box{clear:both;display:block;width:100%;}
.big-box .img-box img{clear:both;display:block;width:100%;}
 
 .services-section {margin-bottom: 30px;clear: both;display: block;width: 100%;margin-top: 20px;}
 .service-grid {display: grid;grid-template-columns: repeat(6, 1fr);gap:20px;margin-top: 20px;}
 .service-item {text-align: center;margin-bottom:1px;}
 .service-item dl{clear: both;display: block;width:100%;background:#6ba0c8;line-height: 35px;}
 .service-item dl span{float: left;color: #fff;width: 71%;margin-left: 4%;text-align: left;font-size: 15px;}
 .service-item dl p{float:right;color:#fff;margin-right: 3%;}
 .service-item img {width: 100%;height:auto;border-radius: 3px;display: block;position: relative;}
.service-item:hover img{opacity: 0.8;}
.service-item:hover dl span{color: #00ffe0;}

 /* 视频区域 */
 .video-section {margin-bottom: 30px;clear: both;display: block;width: 100%;}

 .video-grid {display: flex;flex-wrap: wrap;gap: 15px;margin-top:20px;}
.video-item {position: relative;width:calc(24.9% - 10px);border-radius: 5px;overflow: hidden;margin-bottom: 15px;}
.video-item img {width: 100%;height: auto;transition: transform 0.3s ease;}
.video-item:hover img {transform: scale(1.05);}
.play-icon {position: absolute;top:45%;left: 50%;transform: translate(-50%, -50%);width: 50px;height: 50px;background-color: rgba(0, 0, 0, 0.6);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.video-item p{clear: both;display: block;color: #000;width: 100%;text-align: center;font-size: 16px;line-height: 2;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.video-item a{clear: both;display: block;}
.video-item a:hover p{color: #3c55a7;font-weight:bold;}
.footer .container .left{float: left;width:50%;padding-top: 50px;padding-bottom: 50px;}
.footer .container .left img{float: left;height:100px;margin-top: 16px;}
.footer .container .left dl{float: left;width:calc(100% - 123px);text-align: left;margin-left:20px;}
.footer .container .left dl span{color: #fefefe;font-size: 17px;clear: both;display: block;margin-bottom:20px;}
.footer .container .left dl p{color: #a3a3a3;font-size: 14px;clear: both;display: block;line-height:2;}
.copyright{width: 100%;background: #000;padding: 20px;font-size: 14px;line-height: 1.6;}
.copyright a{color: #fefefe;}
.copyright a:hover {color: #e0f10c;}

.play-icon:before {content: "";border-style: solid;border-width: 10px 0 10px 15px;border-color: transparent transparent transparent white;margin-left: 3px;}

 /* 页脚 */
.footer {background-color: #333;color: #fff;text-align: center;}
.footer-logo {margin-bottom: 15px;}
.footer-info {float: right;width:45%;padding-top:3em;}
.footer-col {float: left;width: 25%;text-align: center;}
.footer-col span{font-size:38px;clear: both;display: block;margin-top: 30px;}
.footer-col p{font-size: 12px;clear: both;display: block;}

.footer-text {font-size: 14px;line-height: 1.8;}

 /* 二维码区域 */
 .qrcode-container {
     position: fixed;
     right: 20px;
     bottom: 100px;
     display: flex;
     flex-direction: column;
     align-items: center;z-index: 999;    background: #fff;
    text-align: center;
    padding-top: 20px;padding-left:10px;padding-right:10px;
 }

 .qrcode {
     width: 90px;
     height: 90px;
 }

 .qrcode-text {font-size: 14px;
    text-align: center;
    color: #FFFFFF;

    margin-bottom: 10px;
    line-height: 1.8;}
.banner {
    width: 100%;
    background-color: #000;
    position: relative;
}

.banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, transparent 100%);
    pointer-events: none;
    z-index: 2;
}

.banner::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(to top, rgba(0,0,0,0.3) 0%, transparent 100%);
    pointer-events: none;
    z-index: 2;
}

.banner-container {
    position: relative;
    max-width: 1200px;
    height: 500px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.banner-slides {
    position: relative;
    height: 100%;
    background-color: #000;
}



.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale(1.05);
    transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
    z-index: 1;
}

.slide.active {
    opacity: 1;
    transform: scale(1);
    z-index: 2;
}

.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 轮播控制按钮 */
.banner-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.2);
    border: 2px solid rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    color: white;
    font-size: 24px;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.banner-btn:hover {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.9);
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.banner-btn:active {
    transform: translateY(-50%) scale(0.95);
}

.banner-btn.prev {
    left: 20px;
}

.banner-btn.next {
    right: 20px;
}

/* 轮播指示器 */
.banner-indicators {
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 12px;
    z-index: 3;
    padding: 8px 16px;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.indicator {
    width: 10px;
    height: 10px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    padding: 0;
    transition: all 0.3s ease;
    position: relative;
}

.indicator::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: white;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
}

.indicator:hover {
    border-color: rgba(255, 255, 255, 0.9);
    transform: scale(1.1);
}

.indicator.active {
    border-color: white;
}

.indicator.active::after {
    width: 6px;
    height: 6px;
}

/* Swiper分页器样式 */
.banner-swiper .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.6);
    border: 2px solid transparent;
    opacity: 1;
    transition: all 0.3s ease;
}

.banner-swiper .swiper-pagination-bullet-active {
    background: #fff;
    border-color: #007bff;
    transform: scale(1.2);
}

.banner-swiper .swiper-pagination {
    bottom: 20px !important;
}

.banner-swiper .swiper-pagination-bullet:hover {
    background: #fff;
    border-color: #0056b3;
    transform: scale(1.1);
}

/* 添加鼠标经过时的发光效果 */
.banner-swiper .swiper-pagination-bullet-active:hover {
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.5);
}

/* 导航按钮样式 */
.banner-swiper .swiper-button-next,
.banner-swiper .swiper-button-prev {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.banner-swiper .swiper-button-next:after,
.banner-swiper .swiper-button-prev:after {
    font-size: 18px;
    font-weight: bold;
}

.banner-swiper .swiper-button-next:hover,
.banner-swiper .swiper-button-prev:hover {
    background: rgba(0, 0, 0, 0.5);
    transform: scale(1.1);
}

/* 轮播图容器样式 */
.banner {
    position: relative;
    overflow: hidden;
}

.banner-swiper {
    width: 100%;
    height: 100%;
}

.banner-swiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.banner-swiper .swiper-slide img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* 响应式设计 */
@media (max-width: 1240px) {
.banner-container {max-width: 100%;border-radius: 0;}
.container{width: 94%;}
.logo img{height:50px;}
.logo{width:60%;margin-top:6px;margin-bottom:6px;}
.search-box input{padding: 0 20px 0 20px;}
.news-left{width: 100%;}
.newmcrw .mySwiper2{width: 100%;}
.news-list{width: 100%;margin-top: 10px;}
.news-right{width: 100%;margin-top: 10px;}
.service-grid{grid-template-columns: repeat(2, 1fr);gap: 10px;}
.video-item{width: calc(50% - 10px);}
.footer .container .left{width: 100%;padding-top:20px;padding-bottom:20px;}
.footer .container .left img{display: none;}
.footer .container .left dl{width: 100%;}
.footer{padding: 0;}
.footer-info{width: 100%;}
.footer-col span {font-size: 38px;margin-top: 10px;}
.qrcode-container{position: relative;background: none;display: block;clear: both;width: 100%;right: 0;bottom: 0;padding-left:0px;padding-right:0px;}
.qrcode-container li{float: left;width: 28%;text-align: center;}
.qrcode-container li img{width: 80%;height: auto;margin-top: 20px;}
.qrcode-container li p{color: #fff;font-size:0.75rem;display: block;text-align: center;}
.news-section{margin-top:20px;}
.detail-container .detail-left{width:100%;}
.detail-container .detail-right{width:100%;}
.news_shijian{width: 80px;}
.news_shijian .years{width: 80px;}
.news_shijian .day{width: 80px;}
.news_news{width: calc(100% - 90px);}
.news_news h3 {font-size: 16px;}
.pagination li {margin-right: 3px;margin-bottom: 8px;}
.detail-container .detail-left .category-list li {clear: none;width: 33.3%;float: left;}
.detail-container .detail-left .category-list li a{line-height: 2.5;font-size:1rem;}
.detail-container{margin-top: 10px;}
.s-l {width:100%;}
.s-r {width: 100%;margin-top: 2em;}

.icon-box-big {height: 40px;top: 30px;}
.big-box p {font-size: 0.92rem;bottom: 25%;}






}

@media (max-width: 768px) {

.s-r li {width: 33.3%;}

 .banner-swiper .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
    
    .banner-swiper .swiper-pagination {
        bottom: 10px !important;
    }

    .banner-container {
        height: 400px;
    }
    
    .banner-btn {
        width: 36px;
        height: 36px;
        font-size: 20px;
    }
    
    .banner-indicators {
        bottom: 15px;
        padding: 6px 12px;
    }
}

@media (max-width: 480px) {
    .banner-container {
        height: 300px;
    }
    
    .banner-btn {
        width: 32px;
        height: 32px;
        font-size: 16px;
    }
}



/* 移动端控制按钮样式 */
.mobile-controls {
    display: none;
    align-items: center;
    gap: 15px;
}

.mobile-search-toggle{
    background: none;
    border: none;
    cursor: pointer;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;float: left;margin-left: 15px;margin-top: 3px;
}
.mobile-menu-toggle {
    background: none;
    border: none;
    cursor: pointer;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;    float: left;margin-left: 15px;
}

.mobile-menu-toggle {
    display: flex;
    flex-direction: column;
    gap: 7px;
    width: 28px;
    height: 28px;
    padding: 0;
}

.mobile-menu-toggle .bar {
    width: 100%;
    height: 2px;
    background-color: #333;
    transition: all 0.3s ease;
}



.search-box input:focus {
    border-color: #aaa;
    outline: none;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}


.search-btn:hover {
    color: #333;
}



.nav-header {
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    border-bottom: 1px solid #eee;
}

.nav-title {
    font-size: 18px;
    font-weight: 500;
}

.nav-close {
    background: none;
    border: none;
    padding: 5px;
    cursor: pointer;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}



/* 遮罩层 */
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 999;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.overlay.active {
    display: block;
    opacity: 1;
}

/* 页面滚动锁定 */
body.no-scroll {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
}

/* 响应式设计 - 移动端 */
@media (max-width: 768px) {

.mobile-controls {float: right;display: block;margin-top: 15px;}

    .search-box {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        padding: 10px;
        background: white;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        transform: translateY(-100%);
        transition: transform 0.3s ease;
        z-index: 1000;
        margin: 0;
    }

    .search-box.active {
        transform: translateY(0);
    }

    .search-box input {
        width: 100%;
        padding: 10px 40px 10px 15px;
        font-size: 16px;
    }

    .main-nav {
        position: fixed;
        top: 0;
        right: 0;
        width: 280px;
        height: 100vh;
        background:#0069ad;
        transform: translateX(100%);
        transition: transform 0.3s ease;
        z-index: 1000;
        box-shadow: -2px 0 10px rgba(0,0,0,0.1);
        overflow-y: auto;
    }
    .nav-title{color:#fff;}

    .main-nav.active {
        transform: translateX(0);
    }

    .nav-header {
        display: flex;
    }

    .nav-menu {
        flex-direction: column;
        padding: 10px 0;
    }

    .nav-menu li {
        border-bottom: 1px solid #2c80b7;width: 100%;
    }

    .nav-menu li:last-child {
        border-bottom: none;
    }

    .nav-menu li a {
        padding: 15px 20px;
        font-size: 16px;
    }

    /* 菜单按钮动画 */
    .mobile-menu-toggle.active .bar:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
    }

    .mobile-menu-toggle.active .bar:nth-child(2) {
        opacity: 0;
    }

    .mobile-menu-toggle.active .bar:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg);
    }
}