@charset "utf-8";


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

.hd-logo .img{height: 0.6rem;width: auto;max-width: 3.4rem;object-fit: contain;}
.hd-logo .img2{height: 0.75rem;width: auto;max-width: 3.4rem;object-fit: contain;}


.hd-nav{display: flex;gap:0 0.4rem;padding-right: 0.3rem;}
.hd-nav .li>a{font-size:var(--fz22);color:#fff;font-family: var(--font-roboto-bold);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-link{margin-left: 0.2rem;}
.hd-link .font{font-size:var(--fz18);display: flex;align-items: center;color:rgba(255,255,255,.69);cursor: pointer;gap:0.1rem;}
.hd-link .font .icon{width:0.34rem;height:0.34rem;border:1px solid rgba(255,255,255,.69);display: flex;align-items: center;justify-content: center;border-radius:50%;}
.hd-link .font:hover{color:#fff;}
.hd-link .font:hover .icon{border-color:#fff;}



@media (max-width:1260px){
	
	.head{height: 1.2rem;}
	.head .r{margin-right:0.6rem;}
	
	.hd-link{margin-left:0.35rem;}
	.hd-logo .img{height: 0.5rem;}
	
	
	
	.hd-nav{display: none;position: fixed;width: 100%;left: 0;top: 1.2rem;bottom: 0;overflow-y: scroll;background-color: #fff;overflow-x: hidden;padding:0;padding:0.1rem 0.3rem;}
	.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 .img2{height: 0.5rem;}
	
	.head .r{margin-right: 0.45rem;}
	.hd-link{margin-left:0.15rem;}
	.hd-link .font{font-size: 0;gap:0;}
	.hd-link .font .icon{font-size: var(--fz23);border:0;color:#fff;}
	
	.hd-nav+.hd-link{display: none;}
	
	.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;}
	
	
	
}







/* 

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));
 */