/* 能源耦合开始 */
.nyoh .block1{
	gap: 5rem;	
}
.nyoh .block1 p{
	color: #000;
	font-size: var(--f18);
	line-height: 3;
}
.nyoh .block2{
	width: 100%;
	margin: 4rem auto 0;
}
.nyoh .block2 img{
    object-fit:contain;
}
/* 能源耦合结束 */





/* 选择开始 */
.xz .grid{
	gap: 3rem;
}
.xz .li{
	color: #fff;
	background-color: var(--themeColor2);
	text-align: center;
	padding: 4rem 1.6rem 4rem 3rem;
	transition: transform .5s;
}
.xz .li:hover{
	transform: translateY(-6%);
}
.xz .li img{
	width: 4rem;
	height: auto;
	margin-bottom: 1.5rem;
}
.xz .li h4{
	font-size: var(--f36);
	margin-bottom: 4rem;
}
.xz .li li{
	font-size: var(--f18);
	text-align: left;
	line-height: 2.4;
	list-style: disc;
}
/* 选择结束 */





/* 应用开始 */
.yy .slide-for{
	margin-top: 6rem;
}
.yy .grid{
	gap: 12rem;
}
.yy .grid .lt{
	padding-top: 2rem;
	--animate-duration:1.3s;
}
.yy .grid li{
	font-size: var(--f18);
	list-style: outside;
	color: #000;
	line-height: 3;
}
.yy .grid img{
	height: auto;
}
.yy .nav-slide-nav ul{
	gap: 3rem;
}
/* 应用结束 */



/* 案例开始 */
.xgal{
	background: #f5f4f9;
}
.xgal .grid{
	gap: 1rem;
}
.xgal .pic.act{
	height: auto;
	aspect-ratio: 1061/674;
}
.xgal .pic a{
	display: block;
	width: 100%;
	height: 100%;
}
.xgal .pic .text{
	color: #fff;
	font-size: var(--f18);
	position: absolute;
	bottom: 2rem;
	left: 2rem;
}
.xgal .pic .text h5{
	margin-bottom: .4rem;
	font-size: var(--f30);
}
.xgal .pic.act .text h5{
	margin-bottom: 1rem;
	font-size: var(--f36);
}
/* 案例结束 */





.xiala .downmenu-normal{
	position: absolute;
	/* top: 80%; */
	bottom: 70%;
	width: max-content;
	height: max-content;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
	/* display: none; */
	visibility: hidden;
	opacity: 0;
	transition: all .5s;
    padding-bottom: .8rem;
	/* top: 100%; */
    filter: drop-shadow(0 0rem .3rem rgba(0, 0, 0, .1));
}
.xiala{
    position: relative;
    cursor: pointer;
}
.xiala span{
    font-weight: bold;
    color: #000;
    transition: all .5s;
}
.xiala span:hover{
    color: var(--themeColor);
}
.xiala span svg{
    width: 1rem;
    height: 1rem;
    transform: rotate(180deg);
}
/* .xiala.on .downmenu-normal{
 *     visibility: visible;
 *     opacity: 1;
 *     bottom: 100%;
 * } */
.xiala:hover .downmenu-normal{
    /* display: block; */
    visibility: visible;
    opacity: 1;
    bottom: 100%;
}
.xiala .downmenu-normal .list{
	position: relative;
	/* background: var(--themeColor); */
    background: #fff;
	/* border-radius: .4rem; */
    padding: .7rem 0 .4rem;
    border-top: .5rem solid var(--themeColor);
}
/* .xiala .downmenu-normal .list::after{
 *     content: '';
 *     display: block;
 *     width: 0;
 *     height: 0;
 *     border: .8rem solid;
 *     [> border-color: transparent transparent var(--themeColor) transparent; <]
 *     border-color: transparent transparent #fff transparent;
 *     position: absolute;
 *     top: 0;
 *     left: 50%;
 *     transform: translateX(-50%) translateY(-100%);
 *     filter: drop-shadow(0 -0.2rem .6rem rgba(0, 0, 0, .1));
 * } */
.xiala .downmenu-normal .list li{
	margin-left: 0;
}
.xiala .downmenu-normal .list li a{
	display: flex;
	align-items: center;
	width: 100%;
	text-wrap: nowrap;
	color: #333;
	padding: .6rem 1.6rem;
}
/* .xiala .downmenu-normal .list li.active a{
 *     color: var(--themeColor);
 * } */
.xiala .downmenu-normal .list li a img{
	width: 2rem;
	height: auto;
	object-fit: contain;
	margin-right: .5rem;
	
}
.xiala .downmenu-normal .list li a:hover{
    color: var(--themeColor2);
}