body {}


.h-90 {
	height: 90vh;
}


/*左栏 样式表*/
.bg-title-img {
	background-image: url(../images/index_title.png) !important;
	width: 100%;
	height: 65px;
	background-size: cover;
}

.bg-color-body {
	/*background-color: #0a2049;*/
	background-image: url(../images/background-2.png) !important;
	background-size: cover;
	height: 100vh;
	color: #fff;
	padding-top: 65px;
}


.left-content {
	width: 100%;
	height: 32%;
	background-color: #112851;
	margin-bottom: 15px;
	border-radius: 0px 38px 0px 0px;
}

.left-title {
	margin-top: 4px;
	height: 15%;
	background-image: url(../images/title.png) !important;
	background-size: 100% 100%;
	color: #32cbfd;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 0px 38px 0px 0px;
}

.left-body {
	height: 80%;
}


/*中间 样式表*/
.content-body {
	height: 88.5vh;
	padding: 0;
	overflow: hidden;
	z-index: 5;
	bottom: 6px;
	border-radius: 10px;
	background-color: #112851;
	margin-top: 34px;
}

.content-top {
	width: 100%;
	height: 15%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
}

.content-top-item {
	width: 19%;
	height: 96px;
	background-color: #254a77;
	text-align: center;
	line-height: 48px;
	color: #3198bb;
	font-size: 16px;
}

.top-item-num {
	color: #99b3ce;
	font-size: 18px;
	font-weight: 600;
	line-height: 2rem;
}



.middle-content {
	width: 100%;
	height: 70%;
}

.content-bottom {
	width: 960px;
	height: 106px;
	overflow: hidden;
	
	/* display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around; */
}

.content-bottom>ul {
	width: 200%;
	height: 100%;
	list-style: none;
	animation-name: move;
	/* 调用的动画名称 */
	animation-duration: 30s;
	/* 耗时 */
	animation-iteration-count: infinite;
	/* 设置无限滚动 */
	animation-timing-function: linear;
	/* 设置时间函数 */
}

.content-bottom>ul>li {
	padding-right: 15px;
	float: left;
}

.content-bottom>ul>li>img {
	width: 175px;
	height: 116px;
	object-fit: contain;
}

/* 鼠标上移停止 */
.content-bottom:hover>ul {
	cursor: pointer;
	animation-play-state: paused;
}


/* 动起来的动画 */
@keyframes move {
	from {
		transform: translate(0);
	}

	to {
		transform: translate(-700px);
	}
}


/*右栏 样式表*/
.w-30 {
	width: 30% !important;
}


/*右栏 样式表*/
.w-20 {
	width: 20% !important;
}



.right-content {
	height: 25%;
	background-color: #112851;
	margin-bottom: 5px;
	border-radius: 45px 0px 0px 0px;
}

.right-title {
	margin-top: 4px;
	color: #32cbfd;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 18%;
	padding: 18px;
	background-image: url(../images/title_1.png) !important;
	background-size: cover;
	border-radius: 45px 0px 0px 0px;
}

.right-body-ul {
	padding-left: 30px;
	height: 82%;
	font-size: 16px;
}

.right-body-ul li {
	list-style-type: square;
}


.scrolling-table-container {
	width: 100%;
	height: 82%;
	overflow: hidden;
	font-size: 14px;
}

.scrolling-table {
	width: 100%;
	height: 75%;
	overflow-y: hidden;
	scroll-behavior: smooth;
	font-size: 12px;
}

.scrolling-table table tr td {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.table {
	width: 100%;
}


/* @keyframes scroll {
    from {
        transform: translateY(50%);
    }

    to {
        transform: translateY(-100%);
    }
}

#scrollingContainer table tbody {
    animation: scroll 20s linear infinite;
} */


.cus-table {
	width: 100%;
	overflow: hidden;
}

.cus-table-body {
	height: 100px;
}