@charset "utf-8";/* CSS Document */
* {margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft Yahei", sans-serif}
body{background:#F6FAFD}.clearfix::after {display:block;clear:both;content:""}
a:hover{color:#256CFF}
/* 通用重置 */
* {margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft Yahei", sans-serif}
ul {list-style:none}
a {text-decoration:none;color:#333}
button {border:none;cursor:pointer;background:transparent}
.container {width:100%;max-width:1440px;margin:0 auto;padding:0 20px}
.mt30{margin-top:30px}
li{list-style-type:none}

/* 头部样式（核心功能：滚动固定） */
header {position:absolute;top:0;left:0;width:100%;z-index:999;padding:15px 0;transition:background-color 0.3s ease}
header.fixed{position:fixed;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.1)}
.header-inner{display:flex;align-items:center;justify-content:space-between}
.logo{width:147px}
.logo img{width:100%;display:block}

/* 移动端汉堡按钮（核心交互，无冗余） */
.menu-btn{display:none;width:36px;height:36px;flex-direction:column;justify-content:center;align-items:center;gap:5px;z-index:1000}
.menu-btn span{display:block;width:24px;height:2px;background:#333;transition:all 0.3s ease}
.menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}
.menu-btn.active span:nth-child(2){opacity:0}
.menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px, -5px)}

/* 导航核心样式（PC端） */
.nav{display:flex;align-items:center}
.nav-item{position:relative;margin:0 20px}
.nav-item a{font-size:18px;display:flex;align-items:center;padding:5px 0}
.nav-item a.active{color:#256CFF;border-bottom:2px #256CFF solid;font-weight:bold}
.nav-item a:hover{color:#256CFF}

/* PC端：一级导航三角（核心样式，无冗余） */
.nav-item.has-sub > a::after{content:"";display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #333;margin-left:5px;transition:transform 0.3s ease}
.nav-item.has-sub:hover > a::after{transform:rotate(180deg);border-top-color:#256CFF}

/* PC端：有三级导航（宽面板） */
.nav-item.has-sub.has-third .sub-nav{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;box-shadow:0 4px 20px rgba(0,0,0,0.08);padding:20px 30px;width:800px;border-radius:8px;display:none;z-index:9999;grid-template-columns:repeat(4, 1fr);gap:20px}
.nav-item.has-sub.has-third:hover .sub-nav{display:grid}

/* PC端：无三级导航（窄面板） */
.nav-item.has-sub:not(.has-third) .sub-nav{position:absolute;top:100%;left:0;transform:translateX(0);background:#fff;box-shadow:0 4px 20px rgba(0,0,0,0.08);padding:15px 20px;width:auto;min-width:200px;max-width:300px;border-radius:8px;display:none;z-index:9999;flex-direction:column;gap:10px}
.nav-item.has-sub:not(.has-third):hover .sub-nav{display:flex}

/* 导航子项通用样式（核心，无重复） */
.sub-nav-title{font-size:16px;font-weight:bold;color:#256CFF;margin-bottom:15px;padding:5px 0}
.sub-nav-list{display:flex;flex-direction:column;gap:10px}
.nav-item.has-third .sub-nav-list li a{font-size:14px;color:#666;padding:6px 0}
.nav-item.has-third .sub-nav-list li a:hover{padding-left:5px}
.nav-item:not(.has-third) .sub-nav li a{font-size:14px;color:#666;padding:8px 15px;border-radius:4px}
.nav-item:not(.has-third) .sub-nav li a:hover{background-color:#f5f8ff}

/* 右侧联系方式（核心展示，无冗余） */
.contact{display:flex;align-items:center}
.phone{display:flex;align-items:center;margin-right:20px;color:#333;font-size:20px}
.phone i{font-size:20px;padding:0 5px}
.consult-btn{background:linear-gradient(to right, #256CFF, #4080FF);color:#fff;padding:10px 24px;border-radius:50px;font-size:14px;transition:opacity 0.3s ease}
.consult-btn:hover{opacity:0.8}


/*底部*/
.foodDiv{background:url("../images/sy_bj6.png") no-repeat center top #000c31}
.foodDiv .oneDiv{padding:50px 0 50px 0}
.foodDiv .oneDiv .leftDiv{width:40%;float:left}
.foodDiv .oneDiv .leftDiv .picDiv img{max-width:470px}
.foodDiv .oneDiv .leftDiv .anniuDiv{margin-top:20px}
.foodDiv .oneDiv .leftDiv .anniuDiv a {display:inline-block;margin-right:10px}
.foodDiv .oneDiv .leftDiv .anniuDiv a:hover img{opacity:0.8}

.foodDiv .oneDiv .rightDiv{width:60%;float:left}
.foodDiv .oneDiv .rightDiv img{width:100%}

.foodDiv .twoDiv{padding:0}
.foodDiv .twoDiv .flDiv{width:70%;float:left}
.foodDiv .twoDiv .flDiv .box01{width:25%;float:left}
.foodDiv .twoDiv .flDiv .box01 a{font-size:16px;display:block;color:#c2c2c2;line-height:30px}
.foodDiv .twoDiv .flDiv .box01 b{display:block;line-height:20px;padding:20px 0;font-size:20px;font-weight:500;color:#fff}
.foodDiv .twoDiv .flDiv .box01 a:hover{color:#256CFF}
.foodDiv .twoDiv .flDiv .box01 a:hover b{color:#fff}
.foodDiv .twoDiv .frDiv{width:30%;float:left}
.foodDiv .twoDiv .frDiv .picDiv{}
.foodDiv .twoDiv .frDiv .picDiv img{}
.foodDiv .twoDiv .frDiv .txtDiv{color:#fff}
.foodDiv .twoDiv .frDiv .txtDiv p{line-height:30px}
.foodDiv .twoDiv .frDiv .ewmDiv{margin:20px auto}
.foodDiv .twoDiv .frDiv .ewmDiv .ewmBox{float:left;width:80px;margin:0 30px 0 0;text-align:center}
.foodDiv .twoDiv .frDiv .ewmDiv .ewmBox img{background:#fff;padding:5px;border-radius:5px}
.foodDiv .twoDiv .frDiv .ewmDiv .ewmBox span{display:block;color:#fff;font-size:14px}
.foodDiv .threeDiv{padding:10px 0;margin:20px auto;border-top:rgba(255,255,255,0.1) solid 1px;border-bottom:rgba(255,255,255,0.1) solid 1px}
.foodDiv .threeDiv b{color:#fff;height:30px;line-height:30px; width:100px;float:left}
.foodDiv .threeDiv .ljDiv{width:calc(100% - 100px);float:left}
.foodDiv .threeDiv .ljDiv a{font-size:16px;padding:0px 10px;display:inline-block;color:#c2c2c2;height:30px;line-height:30px}
.foodDiv .threeDiv .ljDiv a:hover{color:#256CFF}
.fiveDiv{width:100%;text-align:center;padding:10px 0 20px 0;color:#c2c2c2;font-size:14px}
@media screen and (min-width:993px) and (max-width:1270px) {
body{min-width:1170px;overflow-x: auto}
header {min-width:1170px;overflow:auto}
}

/*+++++++=响应式适配 - 平板=*+++++++*/
@media screen and (min-width:576px) and (max-width:992px) {
		
}

/*+++++++=响应式适配 - 手机=*+++++++*/
@media screen and (min-width:0px) and (max-width:575px) {
/* 移动端按钮适配 */
.container{padding:0 10px}
.menu-btn{display:flex}
	.contact {
		display: block !important;
		position: absolute;
		top: 32%20px;
		left: 135px
	}/*2026-03-14改*/
.phone{display:flex;align-items:center;margin-right:20px;color:#333;font-size:17px;font-weight:bold;color:#FF0004}/*2026-03-14改*/
.phone i{font-size:20px;padding:0 5px;display:none}/*2026-03-14改*/
.consult-btn {display:none}/*2026-03-14改*/
.logo {width:120px}	
.nav{position:fixed;top:0;right:0;width:80%;max-width:300px;height:100vh;background:#fff;flex-direction:column;align-items:flex-start;padding:80px 20px 20px;box-shadow:-2px 0 10px rgba(0,0,0,0.1);transform:translateX(100%);transition:transform 0.3s ease;z-index:999;overflow-y:auto}
.nav.active{transform:translateX(0)}
.nav-item{width:100%;margin:10px 0;border-bottom:1px solid #f5f5f5;padding-bottom:10px}
.nav-item a.active{border-bottom:none}
/* 移动端：一级导航 +- 符号（已优化垂直居中） */
.nav-item.has-sub > a::after{content:"+";border:none;font-size:30px;width:20px;text-align:center;margin-left:auto;color:#333;align-self:center;line-height:1;margin-top:-40px}
.nav-item.has-sub.active > a::after{content:"-";color:#256CFF;
  font-size:30px}
.nav-item.has-sub:hover > a::after{transform:none;
  font-size:30px}
/* 移动端：有三级导航（宽卡片+二级收缩） */
.nav-item.has-sub.has-third .sub-nav{position:static;box-shadow:none;padding:15px 10px 10px 20px;width:100%;display:none;grid-template-columns:1fr;gap:25px;transform:none;background:#fafbff;border-radius:6px;margin-top:10px}
.nav-item.has-sub.has-third.active .sub-nav{display:grid}
.sub-nav-category{position:relative;cursor:pointer}
.sub-nav-category .sub-nav-title{font-size:15px;margin-bottom:0;padding-bottom:8px;border-bottom:1px solid #e8f0ff;display:flex;justify-content:space-between;align-items:center}
/* 移动端：二级导航 +- 符号（核心修改：垂直居中优化） */
.sub-nav-category .sub-nav-title::after{content:"+";display:inline-block;font-size:18px;width:20px;text-align:center;transition:all 0.3s ease;/* 新增/调整：垂直居中样式，和一级导航保持一致 */line-height:1; /* 消除字体默认行高偏移 */align-self:center /* 强制和标题文字垂直居中 */margin-top:-2px; /* 可选：微调视觉偏移，优化完美居中 */}
.sub-nav-category.active .sub-nav-title::after{content:"-"}
.sub-nav-category.active .sub-nav-list{display:flex;margin-top:12px}
.sub-nav-category .sub-nav-list{gap:12px;display:none}
.sub-nav-category .sub-nav-list li a{font-size:14px;color:#555;padding:8px 0}

/* 移动端：无三级导航（窄面板+无收缩） */
.nav-item.has-sub:not(.has-third) .sub-nav{position:static;box-shadow:none;padding:10px 0 0 15px;width:100%;display:none;flex-direction:column;gap:8px;transform:none;background:transparent;border-radius:0;margin-top:5px}
.nav-item.has-sub:not(.has-third).active .sub-nav{display:flex}
.nav-item.has-sub:not(.has-third) .sub-nav li a{font-size:14px;color:#555;padding:6px 0}
.nav-item.has-sub:not(.has-third) .sub-nav li a:active{color:#256CFF;padding-left:3px}

/*底部*/
.foodDiv .oneDiv{padding:20px 0 20px 0}
.foodDiv .oneDiv .leftDiv{width:100%;float:inherit; text-align:center}
.foodDiv .oneDiv .leftDiv .picDiv img{max-width:90%}
.foodDiv .oneDiv .leftDiv .anniuDiv{margin-top:20px}
.foodDiv .oneDiv .leftDiv .anniuDiv a {text-align:center; width:auto;margin:0}
.foodDiv .oneDiv .leftDiv .anniuDiv a img{width:auto;height:40px}
.foodDiv .oneDiv .leftDiv .anniuDiv a:hover img{opacity:1}
.foodDiv .oneDiv .rightDiv{display:none}
.foodDiv .twoDiv{padding:0;display:block}/*2026-03-14 改*/
.foodDiv .twoDiv .flDiv {display:none;}/*2026-03-14 加*/
.foodDiv .twoDiv .frDiv {width:90%;float:inherit;overflow:hidden;padding:0;margin:0 5%}/*2026-03-14 加*/
.foodDiv .twoDiv .frDiv .txtDiv p {line-height:30px;word-break:break-all;padding:0 10px}/*2026-03-14 改*/
.foodDiv .twoDiv .frDiv .ewmDiv {margin:20px auto}/*2026-03-14 改*/
.foodDiv .twoDiv .frDiv .ewmDiv .ewmBox {float:left;width:calc(50% - 20px);margin:0 10px 10px 10px;text-align:center;text-align:center}	/*2026-03-14 改*/
.foodDiv .twoDiv .frDiv .ewmDiv .ewmBox img {background:#fff;padding:5px;border-radius: 5px;width:100%}/*2026-03-14 改*/
.foodDiv .twoDiv .frDiv .ewmDiv .ewmBox span {display:block;color:#fff;font-size:14px}/*2026-03-14 改*/	
.foodDiv .threeDiv{display:none}
.fiveDiv{width:90%;margin:auto!important;text-align:center;padding:10px 10px 20px 10px!important;color:#c2c2c2;font-size:14px;border-top:rgba(255,255,255,0.1) solid 1px}
}