@charset "utf-8";


.head{background:var(--theme-color);height: 1.6rem;position: relative;z-index:100;}
.head .wrap{display: flex;align-items: center;justify-content: space-between;position: relative;height: 100%;padding:0.15rem 0;}


.hd-logo .img{height: 0.6rem;width: auto;}

.hd-t{display: flex;align-items: center;padding:0.15rem 0;justify-content: flex-end;}
.hd-lks{display: flex;padding-right: 0.05rem;}
.hd-lks .lk{font-size:var(--fz20);color:#fff;font-family: var(--font-roboto-medium);padding: 0 0.25rem;position: relative;}
.hd-lks .lk::after{content:'';position: absolute;right:0;top:50%;transform: translate(0,-50%);width: 1px;height: 0.18rem;background:rgba(255,255,255,.44);}
.hd-lks .lk:before{content:'';position: absolute;left:0.25rem;bottom:0;height:1px;background:#fff;transition: all 0.3s;width:0;}
.hd-lks .lk:last-child::after{display: none;}
.hd-lks .lk:hover:before{width:calc(100% - 0.5rem);}


.hd-sear .icon{color:#fff;font-size:var(--fz22);cursor: pointer;}



.hd-b{display: flex;justify-content: flex-end;}
.hd-nav{display: flex;gap:0 0.45rem;border-top:1px solid rgba(255,255,255,.16);padding:0.1rem 0.3rem 0;}
.hd-nav .li>a{font-size:var(--fz24);color:#fff;font-family: var(--font-roboto-bold);padding:0 0.06rem;line-height: 0.5rem;text-transform: uppercase;position: relative;display: block;}
.hd-nav .li>a::after{content:'';position: absolute;left:50%;bottom:0;height:0.03rem;width:0;background:#fff;transition: all 0.3s;}
.hd-nav .li.cur>a::after,.hd-nav .li:hover>a::after{width: 100%;left: 0;}

.hd-nav .li:hover .hd-drop{opacity: 1;visibility: visible;transform: scaleY(1);}

.hd-nav .arrow{display: none;}


/* 

font-size:var(--fz15);
color:var(--theme-color);
font-family: var(--font-poppins-medium);
aspect-ratio: 1.15; 
grid-template-columns: repeat(3, minmax(0, 1fr));
 */

@media (max-width:1260px){
	
	
	.head{height: 1.2rem;}
	
	.hd-t{padding:0;}
	.hd-lks{display: none;}
	
	
	.hd-logo .img{height: 0.5rem;}
	.hd-sear{position: absolute;right: 0.5rem;top: 0;height: 100%;display: flex;align-items: center;transform: none;}
	.hd-sear .icon{font-size: var(--fz28);}
	
	
	.hd-nav{display: none;position: fixed;width: 100%;left: 0;top: 1.2rem;bottom: 0;overflow-y: scroll;background-color: #fff;overflow-x: hidden;}
	.hd-nav.show{display: block;}
	.hd-nav .li{display: block;margin: 0;border-bottom:1px solid #efefef;position: relative;}
	.hd-nav .li>a{line-height: 0.85rem;padding:0;color:#000;}
	.hd-nav .li>a::after{display: none;}
	.hd-nav .li:hover>a{color:#333;}
	.hd-nav .li:hover .hd-drop:not(.show){display: none;}
	.hd-nav .li .hd-drop.show{display: block;}
	
	.hd-nav .arrow{cursor: pointer;position: absolute;right: 0;top: 0;width: 0.85rem;height: 0.85rem;display: flex;align-items: center;justify-content: center;font-size: var(--fz25);transform: rotate(90deg);transition: transform .3s;}
	.hd-nav .arrow::after{content:'\e695';font-family: 'iconfont';}
	.hd-nav .arrow.this{transform: rotate(-90deg);}
	
	
}


@media (max-width:991px){
	.head{height: 1rem;}

	.hd-logo .img{height: 0.45rem;}
	
	.hd-nav{top: 1rem;}
	
	
	
}


@media (max-width:767px){
	.head{height: 0.8rem;}
	
	.hd-logo .img{height: 0.32rem;}
	
	.hd-sear .icon{font-size: var(--fz24);}
	
	
	.hd-nav{top: 0.8rem;}
	.hd-nav .li>a{line-height: 0.8rem;font-size: var(--fz21);}
	.hd-nav .arrow{width:0.8rem;height:0.8rem;font-size: var(--fz20);right:-0.1rem;}
	
	.hd-drop .menu .lk{font-size: var(--fz19);padding: 0.18rem 0.2rem 0.18rem 0.2rem;}
	
	
	
}