/*------------------------------  顶部通用-------------------------------*/

.header:before{border-bottom: 1px solid #0177eb;position:absolute;content: ""; width:0; bottom: 0;left: 50%; transform: translateX(-50%);transition: all .8s ease 0s;z-index: 100;}
.header:hover:before{width: 100%;}

.top-right{width:120px;}
.top-right ul{display: flex;justify-content: right;align-items: center;height: 100%;margin: 0;}
.top-right ul li{position: relative;width: 34px;height: 21px;text-align: center;margin-right: 30px;}
.top-right ul li a img{height:18px;}
.top-right ul li figure{width: 100px;height: 100px;position: absolute;top: 26px;display: none;z-index:100;}
.top-right ul li:hover figure{display: block;}
.top-right ul li figure p{width:160px;line-height:45px;background:#0177eb;text-align:center;color:#fff;font-size:16px;border-radius: 5px;}

.sticky-nav {width: 100%;position: fixed;top: 0;left: 0;z-index: 9999;background:#fff;}
.sticky-nav .top{display: flex;justify-content: space-between;align-items:center;padding: 0 3.5vw;}
.sticky-nav .top .top-l{width: 223px;}
.sticky-nav .top .logo{}
.sticky-nav .top .logo img{width: 100%;}

.sticky-nav .top .top-r{width: 80%;display: flex;justify-content: right;align-items: center;}
.top .top-r-2{display: flex;justify-content: right;width: 100%;}
.top .top-ss{margin-top: 21px;}
.top .top-ss form{
    width: 250px;
    display: flex;
    justify-content: space-between;
    border: 1px solid #ccc;
    padding-bottom: 5px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    height: 45px;
}
.top .top-ss input{width:calc(100% - 50px);border: none;background: none;padding:0 10px;}
.top .top-ss button{
    width: 50px;
    text-align: center;
    background: #0177eb;
    border: none;
    height: 45px;
    color: #fff;
    font-size: 16px;
}
.top .top-ss button img{filter: brightness(0) invert(1);}

/*导航*/
.navBar{width: 70%;margin-right: 50px;}
.nav{position: inherit;font-size: 16px;margin: 0;display: flex;justify-content: right;}
.nav .m{display: inline-block;position: initial;z-index: 1;text-align: center;width: 12%;padding:35px 0;}
.nav .m h3{font-size:100%;font-weight:normal;margin:0px;}
.nav h3 a{display:block;text-transform: uppercase;font-size: 16px;color: #000;}
.nav .m h3 a:hover,.nav .act h3 a{color:#0177eb;}

.sub{position: absolute;width: 100%;background: #fff;left: 0;top:87px;border-bottom: 1px solid #eee;padding-top:10px;display: none;}
.sub ul{width: 1240px; margin: 0 auto;max-width: 94%;  padding:0 0 20px 0 ;position: relative;}
.sub_a{height: 870px;}
.sub_a li{float:none; width: 100%;height: 80px;text-align: left;}
.sub_a span{float:left; width:245px; font-size: 18px; line-height: 80px; color: #333;position: relative;z-index: 10;cursor: pointer;}
.sub_a em{float:left; width:140px; font-size: 18px; line-height: 80px; color: #333;}
.sub_a b{float: right; height: 80px;background: url(../images/a_01a.png) no-repeat center center; width: 15px;opacity: 0;transition: All 0.4s ease-in-out;}
.sub_a li span.on1 b{background: url(../images/a_01.png) no-repeat center center; opacity: 1;}
.sub_a li span.on1{color: #0078E9;}
.sub_a li a:hover{color: #0078E9;text-decoration:none;}
.sub_a li a:hover b{background: url(../images/a_01.png) no-repeat center center;opacity: 1;}
.sub_nr{width: calc(100% - 190px);position: absolute; top: 0; right: 0;display: none;height:100%;overflow-y: auto;}
.sub_nr::-webkit-scrollbar {width: 5px;}
.sub_nr::-webkit-scrollbar-track {background: #ccc;border-radius: 5px;}
.sub_nr::-webkit-scrollbar-thumb {background: #0177eb;border-radius: 5px;}
.sub_nr::-webkit-scrollbar-thumb:hover {background: #0177eb;}
.sub_nr dl{overflow: hidden;}

.sub_nr dt {width: 24.3%;animation:fadeInRight .65s, 100ms;float: left;  padding-top:30px;}
.sub_nr dt a{display: block; margin: 0 auto;text-align: center;}
.sub_nr dt img{margin: 0 auto;width: auto;height: 100px;}
.sub_nr dt p{font-size: 14px; margin-top: 20px;}
.sub_nr dt a:hover p{color: #0078E9;}

.sub_b{display: none;}
.sub_b dt{display: inline-block; line-height: 60px; font-size: 14px; padding: 0 30px;}
.sub_b dt a{color: #333;}
.sub_b dt a:hover{color: #0078E9;}
.sub_b dl{margin-bottom:10px;} 

.nav .m.on .sub_b{display: block !important;}

.header{transition: all 0.5s;}
/*.header.up {
    transform: translateY(-110%);
}*/
.sticky-nav.menu_fixed {
	box-shadow: 2px 4px 8px rgba(51, 51, 51, .1);	
	background-color: #fff;
}


@keyframes sticky {	
	0% {		
		transform: translateY(-100%)	
	}	
	100% {		
		transform: translateY(0)	
	}
}

/*wap*/
.sp_header{display: none;}
.sjj_nav{display: none;}

/* 导航容器 */
.nav-item .nav-list {display: flex;list-style: none;gap: 2rem;margin: 0;padding: 0;}
/* 悬浮大菜单 */
.nav-item .mega {
    position: absolute;
    top: calc(100% + 0px);
    left: 10%;
    width: 1100px;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 30px 50px -20px rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px) scale(0.97);
    transition: opacity 0.2s cubic-bezier(0.2, 0.9, 0.4, 1.1), visibility 0.2s, transform 0.2s ease;
    z-index: 1000;
    pointer-events: none;
    border: 1px solid rgba(0, 102, 255, 0.1);
    overflow: hidden;
}
.nav-item.active .mega {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}
.nav-item .mega-body { display: flex;gap: 24px;min-height: 480px;position: relative;z-index: 3;}
/* 左侧边栏*/
.nav-item .mega-sidebar {
    width: 210px;
    flex-shrink: 0;
    background: #fafcff;
    padding: 25px 0;
    border: 1px solid #eef2ff;
}
.nav-item .sidebar-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    margin-bottom: 6px;
    cursor: pointer;
    transition: all 0.2s;
    font-weight: 500;
    color: #2c3e66;
}
.nav-item .sidebar-item .sb-icon {font-size: 16px;width: 28px;}
.nav-item .sidebar-item .sb-name {font-size: 16px;line-height: 19px;}
.nav-item .sidebar-item:hover {
    background: linear-gradient(95deg, rgba(0, 102, 255, 0.1), rgba(0, 102, 255, 0.02));
    border-left: 3px solid #0066ff;
    color: #0066ff;
    font-weight: 700;
}
.nav-item .sidebar-item.active {
    background: linear-gradient(95deg, rgba(0, 102, 255, 0.1), rgba(0, 102, 255, 0.02));
    border-left: 3px solid #0066ff;
    color: #0066ff;
    font-weight: 700;
}
/* 右侧主区域 */
.nav-item .mega-main {
    flex: 1;
    background: #ffffff;
    border-radius: 24px;
    overflow-y: auto;
    max-height: 80vh;
    padding-right: 6px;
}
/* 静态面板：分类详细内容将直接编写在html中，通过js切换显示 */
.nav-item .category-panel {display: none;animation: fadeIn 0.2s ease;}
.nav-item .category-panel.active-panel {display: block;}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(5px);}
    to { opacity: 1; transform: translateY(0);}
}
.nav-item .detail-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 0px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 102, 255, 0.2);
}
.nav-item .head-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    border-radius: 5px;
    background: #0066ff;
    margin-top: 28px;
    color: #fff;
}
.nav .m .head-info h3 {
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    margin:26px 0 0;
}
.nav-item .head-actions {margin-left: auto;}
.nav-item .btn-view-all {
    background: transparent;
    border: 1px solid #cbd5e1;
    padding: 6px 16px;
    border-radius: 40px;
    font-size: 14px;
    text-decoration: none;
    color: #1e293b;
    font-weight: 500;
    transition: 0.2s;
    margin-top: 20px;
    display: block;
}
.nav-item .detail-body{text-align: left;}
.nav-item .btn-view-all:hover {background: #0066ff10;border-color: #0066ff;color: #0066ff;}
.nav-item .group-label {
    text-transform: uppercase;
    background: #eef2ff;
    display: inline-flex;
    padding: 4px 14px;
    border-radius: 40px;
    margin: 20px 0 12px 0;
}
.nav-item .group-label span{
    display: block;
    border-radius: 50%;
    height: 5px;
    width: 5px;
    background: #0066ffa3;
    margin-top: 7px;
    margin-right: 5px;
}
.nav-item .group-label a{font-size:14px;font-weight: 700;color: #0066ff;}
.nav-item .item-list {display: grid;grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));gap: 10px;margin-bottom:5px;}
.nav-item .item-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 8px;
    background: #fafcff;
    border-radius: 20px;
    text-decoration: none;
    color: #1f2a44;
    border: 1px solid #e9edf2;
    transition: all 0.2s;
}
.nav-item .item-card .card-icon {font-size:14px;}
.nav-item .item-card .card-text {flex: 1;font-size:14px;font-weight: 500;}
.nav-item .item-card .card-arrow {font-size: 14px;opacity: 0;transition: 0.2s;}
.nav-item .item-card:hover {
    background: white;
    border-color: #0066ff;
    box-shadow: 0 6px 12px -8px rgba(0, 102, 255, 0.25);
    transform: translateY(-2px);
}
.nav-item .item-card:hover .card-arrow {opacity: 1;transform: translateX(4px);}
/* 底部区域 */
.nav-item .mega-foot {
    background: #f8fafc;
    padding: 12px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    border-top: 1px solid #e2e8f0;
    font-size: 14px;
}
.nav-item .foot-left {color: #334155;}
.nav-item .foot-left strong a{color: #0066ff;}
.nav-item .foot-right {display: flex;gap: 16px;align-items: center;}
.nav-item .foot-search {
    display: flex;
    align-items: center;
    gap: 6px;
    background: white;
    padding: 5px 12px;
    border-radius: 40px;
    border: 1px solid #cbd5e1;
}
.nav-item .foot-search input {
    border: none;
    outline: none;
    background: transparent;
    font-size: 14px;
    width: 140px;
}
.nav-item .foot-search button{background:none;border:none;display:flex;}
.nav-item .foot-cta {
    background: #0066ff;
    color: white;
    padding: 6px 18px;
    border-radius: 40px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: 0.2s;
}
.nav-item .foot-cta:hover {background: #0052cc;}
.mega-main::-webkit-scrollbar {width: 4px;}
.mega-main::-webkit-scrollbar-track {background: #eef2ff;border-radius: 10px;}
.mega-main::-webkit-scrollbar-thumb {background: #0177eb;border-radius: 10px;}

@media screen and (max-width:1650px){
	
}

@media screen and (max-width:1450px){
	.navBar {width: 73%;}
}

@media screen and (max-width:1300px){
	
}

@media screen and (max-width:1250px){

}

@media screen and (max-width:1024px){
	.sticky-nav,.top-1{display: none;}
	.top-nav{display: none;}
	.logo{padding-top:10px !important;padding-bottom: 10px;}
	
	.sp_header.bg{background: #fff;box-shadow: 2px 4px 8px rgba(51, 51, 51, .2);}
	.sp_header.bg .sp_logo a{background-position-y:-99px;}
	.sjj_nav{display: block;}
	.sp_header{
		height: 61px;
		z-index: 99999;
		width: 100%;
		position: fixed;
		top: 0;
		display: flex;
		justify-content: space-between;
		padding: 0px 3vw;
		align-items: center;
		background: #fff;
	}	
	.sp_logo{}
	.sp_logo a{display: block;height: 40px;}
	.sp_logo a img{height: 40px;width: auto;}
	.sp-r{width: 60vw;display: flex;justify-content: right;align-items: center;}	
	.sp_nav{width:40px;position:relative;cursor:pointer;height:23px;}
	.top-r .top-r-btn a{width: 140px;height: 40px;line-height: 40px;font-size: 14px;margin-right: 15px;}

	.sp_nav span{display:block;background: #0177eb;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
	.on .sp_nav span{background: #0177eb;}
	.sp_nav span:nth-of-type(1){top:0px}
	.sp_nav span:nth-of-type(2){top:10px}
	.sp_nav span:nth-of-type(3){top:20px}
	.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
	.sp_nav_se span:nth-of-type(2){width:0}
	.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
	.sjj_nav{position:fixed;z-index:9999;background: rgba(255,255,255, 1);width:100%;height:calc(100% - 80px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
	.nav_show{top:60px;}
	.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
	/*.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 110px)}*/
	.sjj_nav>ul>li:first-child .language{float:right;width:110px;overflow:hidden;line-height:30px;margin-top:5px}
	.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
	.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:45px;padding:0px 7px 0 7px;}
	.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
	.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
	.sjj_nav ul li{line-height: 55px;font-size: 18px;text-align: left;position: relative;margin-left: 0;border-bottom:1px #ddd solid;}
	.sjj_nav ul li ul{display:none}
	.sjj_nav ul li a{color:#000;width:80%;padding-left: 25px;}
	.sjj_nav ul li ul li a{color:#333;display:block;text-align:left;}
	.sjj_nav ul li i svg{width:35px;height:20px;fill:##000;margin-top: 11px;}
	.sjj_nav ul li .sjj_nav_i_se svg{fill:#1F528E}
	.sjj_nav ul li ul li>ul{margin-left:10px}

	.sjj_nav ul li ul li{border-bottom: none;font-size: 16px;border-top: 1px #ddd solid;padding-left: 30px; padding-left: 18px;line-height: 40px;}

	.ny-xq-nav .sp_header .sp_logo a{background-position-y:-99px;}
	.ny-xq-nav .sp_header{background: #fff;}
	.top-ss-div{display:none;}
	.top-right ul li{margin-left: 0px;position:relative;}
	.top-ss-div .top-ss form{
	    width: 235px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 5px;
    position: absolute;
    top: 37px;
    right: -40px;
    background: #fff;
    border: 1px solid #ccc;
    line-height: 36px;
    padding: 0 15px;
	}
	.top-ss-div .top-ss input{width: 80%;border: none;background: none;}
	.top-ss-div .top-ss button{width: 20%;text-align: right;background: none;border: none;}
	.top-right ul li:hover .top-ss-div{display:block;}
	
} 
@media screen and (max-width:380px){
	.sp_logo a {
		width: 113px;
		height: 43px;
		background-size: 100% auto;
	}
	.sp_header.bg .sp_logo a {
		background-position-y: -80px;
	}
	.ny-xq-nav .sp_header .sp_logo a {
		background-position-y: -80px;
	}
}