html,body{
	padding: 0px;
	margin: 0px;
	color: #ffff;
	font-size: 14px;
}

pre {
	white-space: pre-wrap;
	word-wrap: break-word;
	font-size: 14px;
	padding: 30px;
	background-color:transparent;
	color: #fff;
	border: 0px;
	}


.center{
	text-align: center;
}	
	.logo{
		width: 110px;
		background-color: salmon;
	}
/* .row{--bs-gutter-x:0;}	 */

#ProductIntroduction{
	background-image:url('../images/2-2.jpg');
	min-height: 400px;
	background-repeat: round;
}

#ProjectAchievements{
	background-image:url('../images/3.jpg');
	background-size: contain;
}


#ProjectAchievements{
	--img-width:300px;
	--img-gap:1px;
}
#ProjectAchievements-list>div{
    width:var(--img-width);
    height:100%;
    overflow: auto;
	cursor:pointer;
}

#ProjectAchievements .thumbnail{
	background-color:transparent;
	border: 1px solid #d6d6d6;

}

#ProjectAchievements .thumbnail .caption{
	color: #fff;
}

#ProjectAchievements .thumbnail>a>img{
    width:100%;
}
#ProjectAchievements-list{
    column-width:var(--img-width);
    -webkit-column-width:var(--img-width);
    -moz-column-width:var(--img-width);
    -o-column-width:var(--img-width);
    -ms-column-width:var(--img-width);
    column-gap:var(--img-gap);
    -webkit-column-gap:var(--img-gap);
    -moz-column-gap:var(--img-gap);
    -o-column-gap:var(--img-gap);
    -ms-column-gap:var(--img-gap);
}

#ProjectAchievements-list>div:hover{
	box-shadow: 0 16px 32px 0 rgb(48 55 66 / 15%);
    transform: translate(0,-5px);	
}



#NFT{
	background-image:url('../images/4.jpg') ;
	background-position:right;
	background-size: cover;
	
}
#NFT .title{
	width: 800px;
	
}
#NFT .list img{
	width: 100%;
	margin: 5px;
}

.imgwechat{
	width: 200px;
}
#IPRoad{
	background-image:url('../images/06.jpg');
	min-height: 400px;
	background-repeat: round;
}
#Team{
	background-image:url('../images/7-1.png');
	min-height: 400px;
	background-repeat: round;
}

#Team .title{
	margin: 30px;
	max-width: 280px;
}

#Merchant{
	background-image:url('../images/8-1.jpg');
	min-height: 400px;
	background-repeat: round;
}

#Firend{
	background-image:url('../images/9.jpg');
	/* min-height: 400px; */
	/* background-repeat: repeat;
	background-repeat: round; */
	color: black;
}

#Firend img{
	margin: 10px;
}
.img100{
	width: 100%;
}


#Cooperation{
	color: black;
	padding: 20px;
}


@media (max-width: 768px){
	#banner{
		background: url("http://img.soularani.com/hudun/items/video/v2.gif") no-repeat center;
		background-size: cover;
		height: 300px;
	}
	#banner video {
		display: none;
	}

	
}

@media (max-width: 480px){
	#ProjectAchievements{
		--img-width:350px;
		--img-gap:1px;
	}

	#Firend img{
		width: 100%;
	}

}