@charset "utf-8";body{background: #F8F8F8 !important;display: flex;flex-direction: column;min-height: 100vh;}
/* banner start*/
.banner_scroll{height: 238px;position: relative;}
.banner_scroll .bd{height: 100%;overflow: hidden;}
.banner_scroll .bd ul{height: 100%;}
.banner_scroll .bd li{height: 100%;position: relative;border-radius: 12px;overflow: hidden;display: none;}
.banner_scroll .bd li.on{display: block;}
.banner_scroll .bd li a{display: block;height: 100%;position: relative;background: #E5FFB2;}
.banner_scroll .bd li .n-img{width: 100%;height: 238px;}
.banner_scroll .bd li .n-title{padding: 0 14px;height: 40px;border-radius: 0 0 12px 12px;background: rgba(0, 0, 0, 0.4);position: absolute;bottom: 0;left: 0;right: 0;margin: auto;}
.banner_scroll .bd li .n-title p{line-height: 40px;font-size: 18px;color: #fff;font-weight: bold;max-width: 482px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.banner_scroll .hd{height: 0;position: absolute;bottom: 26px;right: 35px;z-index: 9;}
.banner_scroll .hd ul{display: table;margin: 0 auto;}
.banner_scroll .hd li{float: left;width: 12px;height: 12px;margin: 0 6px;text-indent: -9999px;cursor: pointer;transition: all 0.2s;-webkit-transition: all 0.2s;}
.banner_scroll .hd li span{display: block;height: 12px;background: rgba(255, 255, 255, 0.5);border-radius: 50%;-webkit-border-radius: 50%;position: relative;}
.banner_scroll .hd li:hover span{background: rgba(255, 255, 255, 0.8);}
.banner_scroll .hd li span::after{content: '';display: block;width: 100%;height: 100%;border-radius: 50%;-webkit-border-radius: 50%;background: transparent;transform-origin: left;-webkit-transform-origin: left;transform: scaleX(0);-webkit-transform: scaleX(0);}
.banner_scroll .hd li.on span{background: rgba(48, 149, 255, 0.5);}
.banner_scroll .hd li.on span::after{animation: process 6s linear;}
@keyframes process{0%{transform: scaleX(0);}
100%{transform: scaleX(1);}}
@-webkit-keyframes process{0%{-webkit-transform: scaleX(0);}
100%{-webkit-transform: scaleX(1);}}
.paused.banner_scroll .hd li.on span::after{animation-play-state: paused;}
/* banner end*/
.newsbox{flex-grow: 1;width: 1200px;margin: 0 auto;padding-top: 13px;position: relative;}
.newsbox::after{content: "";display: block;clear: both;zoom: 1;}
.newsfl{float: left;width: 810px;padding-top: 16px;position: relative;}
.newsfr{float: right;width: 370px;padding-top: 16px;position: relative;}
.newsout{position: absolute;left: 260px;top: -83px;z-index: 9;width: 940px;}
.newsout-nav{height: 30px;}
.newsout-nav a{float: left;height: 30px;line-height: 30px;border-radius: 4px;margin-left: 22px;padding: 0 10px;background: #E3F1FF;font-size: 14px;color: #607081;}
.newsout-nav a:first-child{margin-left: 0;}
.newsout-nav a.on{color: #fff;background: linear-gradient(135deg, #6BA5E2, #1772D2);}
.newsout-bread{height: 22px;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsout-bread a,
.newsout-bread span{font-size: 12px;color: #999;line-height: 22px;transition: all .3s;}
.newsout-bread span{margin: 0 8px;}
.newsout-bread a:hover{color: #666;}
.news-banner{height: 238px;margin-bottom: 22px;}
.news-lists{padding-bottom: 16px;}
.news-lists li{margin-bottom: 22px;position: relative;}
.news-lists li > a{display: block;height: 156px;border: 1px solid #D2D5DB;border-radius: 12px;}
.news-lists li .n-title{height: 28px;background: #E8F5FF;border-radius: 13px 13px 0 0;}
.news-lists li .n-title span{display: inline-block;vertical-align: top;width: 102px;height: 37px;background: url(../../images/news/i2.png) no-repeat;margin-right: 7px;}
.news-lists li .n-title span i{display: block;height: 28px;line-height: 28px;font-size: 16px;color: #fff;font-weight: bold;padding: 0 8px 0 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-lists li h1{display: inline-block;vertical-align: top;height: 28px;line-height: 28px;font-size: 18px;color: #116ED0;font-weight: bold;margin: 0;max-width: 681px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-lists li .n-descript{margin: 13px 15px 0 16px;display: flex;justify-content: space-between;}
.news-lists li .n-descript.hasimg h2{max-width: 602px;}
.news-lists li .n-descript h2{height: 72px;line-height: 24px;font-size: 14px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;text-align: justify;margin: 0;}
.news-lists li .n-descript .img{width: 159px;height: 81px;overflow: hidden;position: relative;}
.news-lists li .n-descript img{max-width: 159px;max-height: 81px;position: absolute;top: 0;right: 0;bottom: 0;margin: auto;}
.news-lists li .n-infos{right: 15px;bottom: 6px;}
.n-infos{height: 18px;position: absolute;font-size: 0;}
.n-infos span{display: inline-block;vertical-align: top;height: 18px;line-height: 18px;font-size: 12px;color: #666;font-weight: 500;}
.n-infos span:nth-of-type(2){margin-left: 25px;position: relative;padding-left: 21px;}
.n-infos span:last-of-type{margin-left: 28px;}
.n-infos span:nth-of-type(2)::after{content: "";display: block;width: 18px;height: 12px;background: url(../../images/news/i3.png) no-repeat;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.news-lists .news-stag-link{height: 0;position: absolute;left: 13px;bottom: 23px;font-size: 0;}
.news-lists .news-stag-link a{float: left;min-width: 48px;height: 18px;text-align: center;line-height: 18px;margin-left: 7px;padding: 0 9px;background: #EFF7FF;font-size: 12px;color: #4795FF;}
.news-lists .news-stag-link a:first-child{margin-left: 0;}
.news-lists .loading,
.news-lists .error{text-align: center;font-size: 16px;}
.news-nodata{padding: 68px 0;}
.news-nodata img{width: 278px;height: 200px;margin: 0 auto;display: block;}
.news-nodata p{font-size: 16px;color: #999;font-weight: 500;text-align: center;line-height: 20px;margin-top: 15px;}

.news-area{border: 1px solid #D2D5DB;border-radius: 12px;padding: 2px 0 8px;margin-bottom: 22px;}
.news-atit{height: 48px;line-height: 48px;padding-left: 10px;font-size: 20px;color: #116ED0;font-weight: bold;position: relative;margin: 0 15px;border-bottom: 1px solid #D2D5DB;}
.news-atit::after{content: "";display: block;width: 4px;height: 20px;background: #116ED0;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;}
.news-md1{padding: 3px 0;margin: 0 15px;}
.news-md1 li{height: 35px;position: relative;}
.news-md1 li a{display: block;font-size: 16px;color: #4D4D4D;font-weight: 500;height: 35px;line-height: 34px;padding-left: 13px;padding-right: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all 0.3s;}
.news-md1 li a::after{content: "";display: block;width: 6px;height: 6px;background: rgba(17, 110, 208, 0.5);border-radius: 50%;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.news-md1 li:nth-child(even) a::after{background: rgba(149, 201, 255, 0.5);}
.news-md1 li:hover a{color: #116ED0;}
.news-md2{display: flex;align-items: center;flex-wrap: wrap;padding: 10px 8px 2px;}
.news-md2 li{width: 76px;height: 26px;margin: 6px 6px 0;}
.news-md2 li a{display: block;line-height: 26px;text-align: center;border-radius: 2px;background: #EFF7FF;font-size: 16px;color: #4795FF;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .3s;}
.news-md2 li:hover a{color: #116ED0;}
/* 详情页开始*/
.news-main{padding-top: 10px;}
.news-title{position: relative;}
.news-title h1{line-height: 26px;font-size: 20px;color: #333333;font-weight: bold;max-width: 500px;}
.news-title .n-lk{height: 18px;margin-top: 5px;}
.news-title .n-lk a{float: left;padding: 0 9px;background: #EFF7FF;margin-left: 7px;line-height: 18px;font-size: 12px;color: #4795FF;font-weight: 500;transition: all .3s;}
.news-title .n-lk a:hover{color: #116ED0;}
.news-title .n-lk a:first-child{margin-left: 0;}
.news-title .n-infos{right: 0;top: 6px;}
.news-line{height: 1px;background: #E6E6E6;margin: 10px 0 19px;}
.news-desc{padding: 10px 17px;background: #fff;margin-bottom: 23px;}
.news-desc p{text-align: justify;}
.news-change{margin-bottom: 25px;height: 30px;}
.news-change a{float: right;width: 296px;height: 30px;line-height: 30px;padding: 0 14px 0 11px;background: #1772D2;border-radius: 4px;font-size: 14px;color: #fff;font-weight: 500;transition: all .3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-change a.n-first{float: left;}
.news-change a:hover{background: #1161d0;}
.news-stips{margin-bottom: 12px;position: relative;}
.n-contbox{display: none;padding: 14px 19px 8px 12px;line-height: 22px;font-size: 12px;color: #4D4D4D;font-weight: 500;background: #E5E5E5;box-shadow: 0 0 5px 0 rgba(184,184,184,0.61);position: absolute;left: 0;right: 0;bottom: 43px;margin: auto;}
.n-contbox .n-sanjiao{display: block;width: 31px;height: 20px;background: url(../../images/news/i9.png) no-repeat;position: absolute;bottom: -18px;left: 17px;}
.n-contbox .n-sanjiao.second{left: 108px;}
.news-stips .n-cont{display: none;}
.news-stips .n-cont.on{display: block;}
.news-stips .n-cont p{text-align: justify;}
.n-hintbtn{height: 22px;}
.n-hintbtn span{float: left;font-size: 14px;color: #666666;font-weight: 500;line-height: 22px;padding: 0 1px;margin-left: 35px;cursor: pointer;transition: all .3s;}
.n-hintbtn span:first-child{margin-left: 0;}
.n-hintbtn span.on{color: #1772D2;}
/* 分享*/
.news-share{width: 36px;position: fixed;left: 47px;top: 50%;transform: translateY(-50%);margin-top: -300px;}
.news-share li{width: 36px;height: 36px;margin: 6px 0;position: relative;}
.news-share li::after{content: "";display: block;height: 1px;background: #D2D5DB;position: absolute;left: 0;right: 0;bottom: -5px;margin: auto;}
.news-share li a{display: block;}
.news-share li i{display: block;width: 36px;height: 36px;transition: all .3s;}
.news-share .li1 i{background: url(../../images/news/i4.png) no-repeat;}
.news-share .li2 i{background: url(../../images/news/i5.png) no-repeat;}
.news-share .li3 i{background: url(../../images/news/i6.png) no-repeat;}
.news-share .li4 i{background: url(../../images/news/i7.png) no-repeat;}
.news-share .li5 i{background: url(../../images/news/i8.png) no-repeat;}
.news-share .li1:hover i{background: url(../../images/news/i4-h.png) no-repeat;}
.news-share .li2:hover i{background: url(../../images/news/i5-h.png) no-repeat;}
.news-share .li3:hover i{background: url(../../images/news/i6-h.png) no-repeat;}
.news-share .li4:hover i{background: url(../../images/news/i7-h.png) no-repeat;}
.news-share .li5:hover i{background: url(../../images/news/i8-h.png) no-repeat;}
.news-share li span{display: block;width: 0;overflow: hidden;height: 36px;line-height: 36px;position: absolute;left: 66px;top: 0;font-size: 14px;color: #4D4D4D;font-weight: 500;}
.news-share li:hover span{width: 92px;}
/* 详情页结束*/
/* 招商 start*/.businessbox{flex-grow: 1;position: relative;}
.businessbox .newsout{width: auto;left: 50%;margin-left: -340px;top: -52px;}
:root{--primary-blue: #007bff;--primary-dark: #0069d9;--light-blue: #e9f2ff;--gray-light: #f8f9fa;--shadow: 0 4px 6px rgba(0, 0, 0, 0.1);--shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--transition: all 0.3s ease;}
.container{max-width: 1200px;margin: 0 auto;padding: 0 20px;}
.auth-buttons{display: flex;gap: 10px;}
.btn{padding: 8px 16px;border-radius: 4px;font-weight: 500;cursor: pointer;transition: var(--transition);border: none;font-size: 1rem;}
.btn-outline{background: transparent;border: 1px solid var(--primary-blue);color: var(--primary-blue);}
.btn-outline:hover{background: rgba(0, 123, 255, 0.05);}
.btn-primary{background: var(--primary-blue);color: white;}
.btn-primary:hover{background: var(--primary-dark);}
/* 英雄区域*/
.hero{background: linear-gradient(135deg, var(--primary-blue) 0%, #0056b3 100%);color: white;padding: 60px 0;text-align: center;}
.hero h1{font-size: 2.5rem;margin-bottom: 15px;font-weight: 700;}
.hero p{font-size: 1.2rem;max-width: 700px;margin: 0 auto 30px;opacity: 0.9;}
.hero-buttons{display: flex;justify-content: center;gap: 15px;flex-wrap: wrap;}
.btn-white{background: white;color: var(--primary-blue);padding: 12px 24px;font-weight: 600;border-radius: 30px;transition: var(--transition);display: inline-flex;align-items: center;gap: 8px;}
.btn-white:hover{transform: translateY(-3px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}
.btn-outline-white{background: transparent;border: 2px solid white;color: white;padding: 12px 24px;font-weight: 600;border-radius: 30px;transition: var(--transition);}
.btn-outline-white:hover{background: rgba(255, 255, 255, 0.1);transform: translateY(-3px);}
/* 数据展示区域*/
.stats-section{padding: 50px 0;}
.stats-title{text-align: center;color: var(--primary-blue);margin-bottom: 30px;font-size: 2rem;}
.stats-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 25px;}
.stat-card{background: white;border-radius: 15px;padding: 30px 20px;text-align: center;box-shadow: var(--shadow);transition: var(--transition);position: relative;overflow: hidden;}
.stat-card:hover{transform: translateY(-10px);box-shadow: var(--shadow-hover);}
.stat-card::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 5px;background: linear-gradient(90deg, var(--primary-blue), #00c6ff);}
.stat-number{font-size: 3rem;font-weight: 700;color: var(--primary-blue);margin: 15px 0;line-height: 1;}
.stat-label{font-size: 1.1rem;color: #555;line-height: 1.5;}
/* 核心优势区域*/
.advantages-section{background: var(--gray-light);padding: 50px 0;}
.advantages-title{text-align: center;color: var(--primary-blue);margin-bottom: 40px;font-size: 2rem;}
.advantages-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 25px;}
.advantage-card{background: white;border-radius: 15px;overflow: hidden;box-shadow: var(--shadow);transition: var(--transition);position: relative;}
.advantage-card:hover{transform: translateY(-5px);box-shadow: var(--shadow-hover);}
.advantage-keyword{position: absolute;top: 10px;left: 50%;transform: translateX(-50%);background: var(--primary-blue);color: white;font-size: 2.5rem;width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;border-radius: 50%;z-index: 2;box-shadow: 0 5px 15px rgba(0, 123, 255, 0.4);font-weight: bold;}
.advantage-content{padding: 98px 25px 25px;text-align: center;}
.advantage-title{font-size: 1.4rem;color: var(--primary-blue);margin-bottom: 15px;font-weight: 600;}
.advantage-icon{width: 50px;height: 50px;margin: 0 auto 20px;color: var(--primary-blue);}
.advantage-description{color: #666;line-height: 1.6;}
/* 招商加盟区域*/
.franchise-section{padding: 60px 0;}
.franchise-container{background: linear-gradient(135deg, var(--primary-blue) 0%, #0056b3 100%);border-radius: 20px;overflow: hidden;position: relative;color: white;padding: 40px;box-shadow: var(--shadow-hover);}
.franchise-content{max-width: 800px;margin: 0 auto;text-align: center;position: relative;z-index: 2;}
.franchise-title{font-size: 2.2rem;margin-bottom: 20px;font-weight: 700;}
.franchise-description{font-size: 1.1rem;margin-bottom: 30px;opacity: 0.9;line-height: 1.7;}
.franchise-points{display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 20px;margin-bottom: 35px;}
.franchise-point{display: flex;align-items: center;justify-content: center;gap: 10px;}
.franchise-point svg{width: 24px;height: 24px;flex-shrink: 0;}
.btn-franchise{background: white;color: var(--primary-blue);padding: 12px 30px;font-weight: 600;border-radius: 30px;transition: var(--transition);display: inline-flex;align-items: center;gap: 8px;font-size: 1.1rem;}
.franchise-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.1;background-image: radial-gradient(circle, white 1px, transparent 1px);background-size: 40px 40px;}
/* 入驻流程区域*/
.process-section{padding: 60px 0;}
.process-title{text-align: center;color: var(--primary-blue);margin-bottom: 40px;font-size: 2rem;}
.process-container{max-width: 1000px;margin: 0 auto;position: relative;}
.process-container::before{content: '';position: absolute;top: 40px;left: 10%;width: 80%;height: 3px;background: var(--primary-blue);z-index: 0;}
.process-steps{display: flex;justify-content: space-between;position: relative;z-index: 1;}
.process-step{text-align: center;flex: 1;padding: 0 15px;position: relative;}
.step-number{width: 60px;height: 60px;background: var(--primary-blue);color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;font-size: 1.8rem;font-weight: bold;box-shadow: 0 5px 15px rgba(0, 123, 255, 0.3);}
.step-title{font-size: 1.3rem;font-weight: 600;color: var(--primary-blue);margin-bottom: 15px;}
.step-description{color: #666;line-height: 1.6;}
.process-icon{width: 30px;height: 30px;margin: 0 auto 15px;color: var(--primary-blue);}
/* 会员权益区域*/
.pricing-section{padding: 60px 0;background: var(--gray-light);}
.pricing-title{text-align: center;color: var(--primary-blue);margin-bottom: 40px;font-size: 2rem;}
.pricing-container{overflow-x: auto;}
.pricing-table{width: 100%;border-collapse: collapse;background: white;border-radius: 15px;overflow: hidden;box-shadow: var(--shadow);}
.pricing-table th{background: var(--primary-blue);color: white;padding: 15px 20px;text-align: center;font-weight: 600;}
.pricing-table td{padding: 15px 20px;border-bottom: 1px solid #eee;text-align: center;}
.pricing-table tr:last-child td{border-bottom: none;}
.pricing-table tr:nth-child(even){background: #f8f9fa;}
.pricing-table tr:hover{background: rgba(0, 123, 255, 0.03);}
.feature-name{display: flex;align-items: center;justify-content: center;gap: 10px;text-align: left;}
.pricing-table .check{color: var(--primary-blue);font-weight: bold;}
.pricing-table .cross{color: #dc3545;}
.pricing-header{background: linear-gradient(135deg, var(--primary-blue) 0%, #0056b3 100%);}
.highlight{background: rgba(0, 123, 255, 0.08);}
/* 矢量图标*/
.svg-icon{width: 24px;height: 24px;fill: currentColor;}
/* 响应式调整*/
@media (max-width: 768px){.hero h1{font-size: 2rem;}
.stats-title, .advantages-title, .process-title, .pricing-title{font-size: 1.7rem;}
.process-container::before{display: none;}
.process-steps{flex-direction: column;gap: 30px;}
.process-step{padding: 0;}
.process-step::before{content: '';position: absolute;top: 65px;left: 0;width: 100%;height: 2px;background: var(--primary-blue);}
.process-step:last-child::before{display: none;}}
/* 招商 end*/