.nuclide-banner {
	background-image: url(../../img/nuclide_sys/banner_bg.jpg);
}

.banner>.c-content .c-banner {
	position: absolute;
	top: 36%;
	left: 18%;
}

.banner>.c-content .c-banner .e-name {
	font-size: 5.1rem;
	line-height: 1.5;
}

.banner>.c-content .c-banner .line {
	width: 9rem;
	height: 3px;
	background-color: #333;
	margin: 2rem 0;
}

.banner>.c-content .c-banner .text {
	font-size: 2.1rem;
}

.banner .gray-blue {
	width: 46rem;
	height: 97rem;
	background-color: #F2F3F5;
	position: absolute;
	top: 0;
	left: 27%;
}

.charset-01>.c-content .c-charset {
	margin-top: 25rem;
}

.charset-01>.c-content .c-images {
	width: 76.7rem;
}

.charset-02>.c-content .item {
	width: 43.5rem;
    height: 43.5rem;
	text-align: center;
	margin-bottom: 5rem;
}
.charset-02>.c-content .inner-img {
    width: 43.5rem;
    height: 43.5rem;
    padding: 1rem 0;
    border: 0.2rem solid #E7E7E7;
	border-radius: 1rem;
} 
.inner-img  img{
    border: unset !important;
	border-radius: unset !important;
}

.charset-02>.c-content .item img {
	border: 0.2rem solid #E7E7E7;
	border-radius: 1rem;
}

.charset-02>.c-content .item p {
	font-size: 1.8rem;
	font-weight: 600;
	padding: 2.4rem 0;
}


.charset-03>.c-content .c-images {
	width: 67.6rem;
}

.charset-03>.c-content .c-charset {
	width: 64.4rem;
	padding: 24rem 0 0 10rem;
}

.charset-04>.c-content .c-charset {
	text-align: center;
	padding-bottom: 8rem;
}

.charset-04>.c-content .c-images {
	display: flex;
	justify-content: space-between;
	width: 135rem;
	margin: 0 auto;
}

.charset-04>.c-content .c-images .images-01 {
	width: 58.3rem;
}

.charset-04>.c-content .c-images .images-02 {
	width: 20.3rem;
	margin-top: 12rem;
}

.charset-04>.c-content .c-images .images-03 {
	width: 53.9rem;
	margin-top: 12rem;
}