.other_link_show {
	/*height: 90px!important;*/
	height: auto;
	max-height: 245px;
	-webkit-transition: max-height .8s ease-out 0s;
	transition: max-height .8s ease-out 0s;
}
.res_other_link_show {
	/*height: 90px!important;*/
	height: auto;
	max-height: 245px;
	-webkit-transition: max-height .8s ease-out 0s;
	transition: max-height .8s ease-out 0s;
}
.language_item_show {
	height: 91px!important;
	-webkit-transition: height .3s ease-out 0s;
	transition: height .3s ease-out 0s;
}
.header-search {
	/*cursor: pointer;*/
	padding-left: 1rem;
	padding-right: 2rem;
	width: 14rem;
	height: 2rem;
	border-radius: 5rem;
	background-color: transparent;
	border: 1px solid;
	color: #3487FF;
	color: var(--theme-color);
}

.search-icon {
	position: absolute;
	cursor: pointer;
	right: 0.8rem;
	top: 0px;
	z-index: 2;
	color: #3487FF;
}

.search_list {
	position: relative;
}

.header-search {
	outline: none !important;
	-webkit-box-shadow: none !important;
	-ms-box-shadow: none !important;
	-o-box-shadow: none !important;
	box-shadow: none !important
}

.header-language {
	color: #3487FF;
	cursor: pointer;
}

.language_list {
	position: relative;
	display: flex;
	align-items: center;
	line-height: 40px;
	margin-left: 2rem;
}

.language_item {
	position: absolute;
	top: 100%;
	right: 0rem;
	width: 6rem;
	z-index: 99;
	background: #33383b;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	height: 0;
	overflow: hidden;
}

.notice_title {
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.language_item ul {
	text-align: center;
	padding: 0;
	margin: 0;
}

.language_item li {
	cursor: pointer;
	color: #fff;
	list-style: none;
	line-height: 45px;
}
.language_item a{
	color: #fff;
	display:block;
}
.language_item li a:hover{
	color: #3487FF;
	color: var(--theme-color);
}

.language_item li:first-child {
	border-bottom: .0625rem solid #b6b1b1;
}

.language_item li:hover {
	color: #3487FF;
	color: var(--theme-color);
	transition: all .5s linear;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-ms-transition: all .5s linear;
	-o-transition: all .5s linear;
}

.opacity {
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	opacity: 1;
	animation: bounceIn 1s;
	-webkit-animation: bounceIn 1s;
	-moz-animation: bounceIn 1s;
	-ms-animation: bounceIn 1s;
	-o-animation: bounceIn 1s;
	display: block;
}

/* 公告公示 */
.notice_show {
	display: none;
}

.box_list {
	padding: 0.6rem;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
	margin-top: 2rem;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.box_list_shadow {
	display: flex;
	display: -webkit-flex;
	align-items: center;
}

.box_list_num {
	/*font-family: "方正彩云简体";
	font-size: 2.8rem;
	*/
	font-size: 2rem;

	color: #3487FF;
	color: var(--theme-color);
	padding: 0.6rem 1.8rem;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	position: relative;
}

.box_list_num::after {
	position: absolute;
	content: "";
	right: 0;
	width: 2px;
	height: 60%;
	background-color: #f5f5f5;
	top: 20%;
}

.box_list_title {
	font-size: 1rem;
	font-weight: 550;
	margin-left: 1rem;
}

.box_right_flex {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	overflow: hidden;
	flex:1;
}

.box_right_flex a {
	color: #3487FF;
	color: var(--theme-color);
	font-size: 1.6rem;
	margin-right: 1.8rem;
}

.box_right_flex .flaticon-arrow-pointing-to-right {
	color: #3487FF;
	color: var(--theme-color);
	font-size: 1.6rem;
	margin-right: 1.8rem;
}

.page {
	width: 100%;
	margin: 4rem 0rem;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
}

.page ul {
	display: flex;
	margin: 0;
}

.page ul a {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	width: 2.4rem;
	height: 2.4rem;
	border: 1px solid #3487FF;
	border: 1px solid var(--theme-color);
	margin: 0 0.625rem;
}

.box_list {


	/*animation: fadeInDown 1s;
	-webkit-animation: fadeInDown 1s;
	-moz-animation: fadeInDown 1s;
	-ms-animation: fadeInDown 1s;
	-o-animation: fadeInDown 1s;*/

	/*animation: bounceInLeft 1s;
	-webkit-animation: bounceInLeft 1s;
	-moz-animation: bounceInLeft 1s;
	-ms-animation: bounceInLeft 1s;
	-o-animation: bounceInLeft 1s;*/
}

/* 详情页正文 */
.notice_details {
	position: relative;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	padding: 3rem;
	margin: 2rem auto;
}

.details_back {
	display: block;
	position: absolute;
	/* top: 2rem;
	right: 2rem;*/
	width: 1.6rem;
	height: 1.6rem;


	top: 1.3rem;
	right: 1.4rem;
}

.matter_item {
	margin-top: 1.2rem;
	display: flex;
	display: -webkit-flex;
}

.matter_page,
.matter_ranking {
	width: 4rem;
}

.matter_personnel {
	width: 18rem;
}

.matter_item div {
	margin-bottom: 1.2rem;
}

.matter_item span:nth-child(2) {
	margin-left: 0.4rem;
}

/* 党建工作——党务之窗 */
.post-info h3 {
	margin-top: 0.75rem;
}

.post-info p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.post-box {
	/*animation: fadeInDown 1s;
	-webkit-animation: fadeInDown 1s;
	-moz-animation: fadeInDown 1s;
	-ms-animation: fadeInDown 1s;
	-o-animation: fadeInDown 1s;*/

	/*animation:bounceIn 1s;
	-webkit-animation: bounceIn 1s;
	-moz-animation: bounceIn 1s;
	-ms-animation: bounceIn 1s;
	-o-animation: bounceIn 1s;*/
}

/* 党建工作——党务之窗正文  详情页 */
.partywork_details {
	position: relative;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	padding: 3rem;
	display: none;
	margin: 2rem auto;
}

.partywork_of {
	line-height: 2;
}

/* 加入我们 */
.join_details {
	display: none;
}

.join_back {
	display: block;
	position: absolute;
	top: 2rem;
	right: 2rem;
	width: 1.6rem;
	height: 1.6rem;
}

.join_body {
	position: relative;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	padding: 3rem;
	/*margin: 2rem  auto;*/
	color: #212529;
	font-size: 1rem;
}

.join_item {
	margin-top: 1.2rem;
}

.join_item span:nth-child(2) {
	margin-left: 0.4rem;
}

.join_item p {
	color: initial;
	font-size: initial;
	margin: 0;
}

.join_item ol li {
	color: initial;
	font-size: initial;
}

.join_item ol {
	margin: 0;
	padding-left: 1rem;
}

.join_item button {
	color: #FFFFFF;
	color: var(--color21);
	padding: 1rem 2.2rem;
	background-color: #3487FF;
	background-color: var(--theme-color);
}

/* 点击投递简历按钮出现遮罩面板 */
.mask {
	position: fixed;
	display: none;
	z-index: 10000;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
}

.mask_zz {
	width: 100%;
	height: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
}

.mask_list {
	width: 28%;
	padding: 2rem;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	background: #FFFFFF;
	background: var(--color21);
	position: relative;
	animation: bounceInDown 1s;
	-webkit-animation: bounceInDown 1s;
	-moz-animation: bounceInDown 1s;
	-ms-animation: bounceInDown 1s;
	-o-animation: bounceInDown 1s;
}

.false {
	position: absolute;
	right: 1rem;
	top: 1rem;
	cursor: pointer;
}

.prompt {
	position: relative;
}

.prompt::before {
	content: "请上传‘pdf’或‘doc’格式简历。且文件大小不超过5MB";
	position: absolute;
	bottom: -1.4rem;
	left: 0;
	font-size: 0.8rem;
}

.mask_item {
	display: flex;
}

.mask_item:not(:first-child) {
	margin-top: 2rem;
}

.mask_title {
	width: 6rem;
	display: flex;
	display: -webkit-flex;
	align-items: center;
}

.mask_item ::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #212529;
}

.mask_item ::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #212529;
}

.mask_item :-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #212529;
}

.mask_btn {
	color: #FFFFFF;
	color: var(--color21);
	padding: 1rem 3.2rem;
	background-color: #3487FF;
	background-color: var(--theme-color);
}

/* index */
.straight {
	width: 100%;
	height: 30vw;
	background-image: url(../images/index-3.jpg);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.straight h1 {
	color: #fff;
	position: absolute;
	font-size: 4.375rem;
	font-weight: 400;
	top: 40%;
	left: auto;
	letter-spacing: 4px;
}

.news {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #fff;
	padding: 2rem 0;
}

.news_title {
	font-size: 1rem;
	font-weight: 550;
	margin-bottom: 1rem;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.news_text {
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 0.9rem;
}

.slogan {
	position: relative;
}

.artile_list_title {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	flex:1;
}

.list_block {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 40px;
}

.list_block_item {
	display: flex;
	align-items: center;
	width: 48%;
	margin: 30px 0px;
}

.list_block_item_left {
	width: 20%;
}

.list_block_item_right {
	width: 80%;
}

.list_block_item input {
	width: 100%;
	padding: 20px;
	border: 1px solid #cccccc;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.list_block_item select {
	width: 100%;
	padding: 20px;
	border: 1px solid #cccccc;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.list_block_btn button {
	margin-top: 40px;
	width: 40%;
	padding: 20px;
	border: none;
	color: #FFFFFF;
	color: var(--color21);
	background-color: #3487FF;
	background-color: var(--theme-color);
}

.border_b_f5 {
	border-bottom: 2px solid #f5f5f5;
}

.mask_img {
	display: flex;
	justify-content: center;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

@media(max-width:995px) {
	.list_block_item_left {
		width: 25%;
	}

	.list_block_item_right {
		width: 75%;
	}
}

@media(max-width:850px) {
	.list_block_item_left {
		width: 30%;
	}

	.list_block_item_right {
		width: 70%;
	}
}

@media(max-width:730px) {
	.list_block_item {
		width: 96%;
	}

	.list_block_item_left {
		width: 20%;
	}

	.list_block_item_right {
		width: 80%;
	}

	.list_block .list_block_item:not(:first-child) {
		margin-top: 40px;
	}

	.list_block:not(:first-child) {
		margin-top: 40px;
	}
}

.box_list a.container:hover,
.box_list a.container:active,
.box_list a.container:visited,
.box_list a.container:focus {
	text-decoration: none;
	outline: none;
	color: #000000;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* 新版 */
.top_img {
	width: 100%;
	height: 0;
	padding-bottom: 66.67%;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

.top_img_index_news {
	width: 100%;
	height: 0;
	padding-bottom: 56.56%;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

.top_img_square {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

.index_content a:hover {
	color: unset !important;
}

.category_en a:hover,
.category_ch a:hover {
	color: #3487FF !important;
	color: var(--theme-color) !important;
}
.index_content_title_left{
	max-width:80%;
}

.index_content_title.text-over {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 36px;
	max-height: 36px;
	/*color:inherit;*/
}

.index_content_title.text-2-over {
	width: 100%;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 72px;
	min-height: 72px;
}

.index_content_title.text-2-over-auto {
	width: 100%;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: auto;
	max-height: 72px;
}

.index_content_des.text-2-over {
	width: 100%;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: auto;
	max-height: 42px;
}

.index_category_title {
	color: #3487FF;
	color: var(--theme-color);
}

.category_en {
	font-size: 18px;
	font-weight: lighter;
	margin-bottom: 14px;
}

.category_ch {
	font-size: 26px;
	font-weight: lighter;
	padding: 7px 0px;
	border-top: 1px solid #3487FF;
	border-top: 1px solid var(--theme-color);
}

.index_content_title {
	font-size: 18px;
	font-weight: bolder;
	line-height: 2;
}

.index_content_des {
	font-size: 14px;
}

.index_content_time {
	font-size: 16px;
}

.index_content_title:hover,
.index_content_des:hover {
	color: #3487FF;
	color: var(--theme-color);
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.hover_bg_white:hover {
	background-color: #FFFFFF;
}

.left_bg_gray {
	background-color: #f5f5f5;
	position: absolute;
	width: 15px;
	height: 100%;
	left: 0;
	top: 0;
}

.index_num_bg {
	width: 40px;
	height: 40px;
	background-color: #3487FF;
	background-color: var(--theme-color);
	color: #3487FF;
	color: var(--theme-color);
}

.index_num {
	font-size: 50px;
	font-weight: lighter;
	color: #B3B3B3;
	position: relative;
	left: 10px;
	top: -40px;

}

.index_vlt_box {
	position: relative;
	margin: auto;
}

.index_vlt_content {
	width: 76%;
	position: absolute;
	left: 35%;
	top: 50%;
	transform: translate(-15%, -50%);
}

.index_vlt_title {
	color: #FFFFFF;
	font-size: 30px;
	margin-right: 30px;
	-webkit-text-shadow: #3487FF 2px 2px 2px;
	-moz-text-shadow: #3487FF 2px 2px 2px;
	text-shadow: #3487FF 2px 2px 2px;
	-webkit-text-shadow: #3487FF 2px 2px 2px;
	-moz-text-shadow: #3487FF 2px 2px 2px;
	text-shadow: #3487FF 2px 2px 2px;

	-webkit-text-shadow: var(--theme-color) 2px 2px 2px;
	-moz-text-shadow: var(--theme-color) 2px 2px 2px;
	text-shadow: var(--theme-color) 2px 2px 2px;
	-webkit-text-shadow: var(--theme-color) 2px 2px 2px;
	-moz-text-shadow: var(--theme-color) 2px 2px 2px;
	text-shadow: var(--theme-color) 2px 2px 2px;

}

.index_vlt_btn {
	font-size: 22px;
	font-weight: bold;
	background-color: #FFFFFF;
	color: #18222E;
	padding: 5px 40px;
}



.index_category_box {
	width: 16.5%;
	background-color: #eee;

}

.index_category_box img {
	max-width: 60%;
	flex-shrink: 0;
}

.index_category_rel {
	position: relative;
	width: 100%;
	padding-bottom: 100%;
}

.index_category_abs {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
}

/*.index_category_box:hover .index_category_list {
opacity: 1;
z-index: 999;
}*/

.index_category_list {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 10% 20%;
	opacity: 0;
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	z-index: 2;
	/* text-align: center; */
	color: #FFFFFF;
	display: flex;
	align-items: flex-start;
}
.index_category_list_show{
	opacity: 1;
	z-index: 999;
}

.index_category_list_parent {
	font-size: 16px;
	margin-bottom: 20px;
	position: relative;
}

.index_category_list_parent::before {
	content: '';
	position: absolute;
	top: 50%;
	background: #ffffff;
	width: 20px;
	left: -25px;
	height: 2px;
}

.index_category_list ul {
	display: block;
	list-style-type: disc;
	margin-block-start: 0em;
	margin-block-end: 0em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 15px;
}

li.index_category_list_child_item {
	margin-bottom: 10px;
}

.index_category_list ul li {
	color: #FFFFFF;
}

.index_category_list_child_box {
	font-size: 14px;
}

.green {
	background: #8abeb2;
}

.index_blue {
	background: #7387AC;
}

.yellow {
	background: #e0cf75;
}

.purple {
	background: #9e87cf;
}

.brown {
	background: #5c4b51;
}

.red {
	background: #f25e5c;
}

.orange {
	background: #f5b659;
}

.cyan {
	background: #96d996;
}

.violet {
	background: #cd87cf;
}

.dark_blue {
	background-color: #375474;
}

.dark_purple {
	background-color: #475481;
}

.dark_green {
	background-color: #719F94;
}
.golden{
	background-color: #F7C333;
}

.swiper-container-banner .swiper-button-next, .swiper-container-banner .swiper-button-prev{
	color:#fff;
}

@media(max-width:1300px) {
	.index_category_list_parent {
		margin-bottom: 10px;
	}
	li.index_category_list_child_item {
		margin-bottom: 5px;
	}
}

@media(max-width:1200px) {
	/*.straight {
	height: 40vw;
}*/

	.index_banner_category_container {
		display: none;
	}
}

@media(max-width:1180px) {
	.index_category_container::after {
		width: 33%;
		content: "";
	}

	.index_category_box {
		width: 33%;
		margin-bottom: 0.5%;
	}

	.index_category_list_parent {
		margin-bottom: 30px;
	}

	li.index_category_list_child_item {
		margin-bottom: 30px;
	}
}


@media (max-width: 992px) {

	.swiper-container-banner .swiper-button-next,.swiper-container-banner .swiper-button-prev {
		width: 50px;
		height: 50px;
		margin-top: -25px;
		font-size:50px;
	}

	.index_category_list_parent {
		margin-bottom: 20px;
	}

	li.index_category_list_child_item {
		margin-bottom: 20px;
	}
}

@media(max-width:850px) {
	.index_category_container::after {
		width: 33%;
		content: "";
	}

	.index_category_box {
		width: 33%;
		margin-bottom: 0.5%;
	}

	.index_category_list_parent {
		margin-bottom: 15px;
	}

	li.index_category_list_child_item {
		margin-bottom: 15px;
	}
}

@media(max-width:767px) {
	.swiper-container-news{
		margin-bottom:60px;
	}
	.top_img_banner {
		height: 60vw!important;
	}
	.index_title_item {
		font-size: 20px!important;
	}
	.index_content_title {
		font-size: 16px;
	}

	.index_vlt_title {
		font-size: 26px;
	}

	.index_vlt_btn {
		font-size: 20px;
	}

	.index_category_container::after {
		width: 49.2%;
		content: "";
	}

	.index_category_box {
		width: 49.2%;
		margin-bottom: 1.6%;
	}

	.index_category_list_parent {
		margin-bottom: 30px;
	}

	.index_content_title.text-2-over {
		width: 100%;
		word-break: break-all;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		min-height: auto;
		height: auto;
		max-height: 72px;
	}

	li.index_category_list_child_item {
		margin-bottom: 30px;
	}

	.res_no_bg_white.hover_bg_white:hover {
		background-color: unset;
	}

	.index_content .top_img_square {
		padding-bottom: 56.56%;
	}
}

@media(max-width:650px) {
	.index_category_list_parent {
		margin-bottom: 15px;
	}

	li.index_category_list_child_item {
		margin-bottom: 15px;
	}
}
@media(max-width:575px) {

	.swiper-container-banner .swiper-button-prev,.swiper-container-banner .swiper-button-next{
		display:none;
	}
	.swiper-container-banner .swiper-pagination-bullet {
		width: 20px!important;
		height: 3px!important;
	}
	.swiper-container-banner.swiper-container-horizontal>.swiper-pagination-bullets {
		bottom: 0px;
	}
	.swiper-container-banner .swiper-pagination-bullet {
		opacity: .6!important;
	}
	.swiper-container-banner .swiper-pagination-bullet-active {
		opacity: 1!important;
	}
	.my-bullet {
		opacity: .6!important;
	}
	.my-bullet-active {
		opacity: 1!important;
	}
}

@media(max-width:480px) {

	.index_category_list_parent {
		margin-bottom: 10px;
	}

	li.index_category_list_child_item {
		margin-bottom: 10px;
	}

	.index_vlt_title {
		font-size: 20px;
	}

	.index_vlt_btn {
		font-size: 16px;
	}

	.index_vlt_content {
		width: 94%;
		left: 5%;
		transform: translate(-0%, -50%);
	}
}
@media(max-width:420px) {
	.index_category_list_parent {
		margin-bottom: 5px;
	}

	li.index_category_list_child_item {
		margin-bottom: 5px;
	}
	.index_category_list ul {
		padding-inline-start: 5px;
	}
}

@media(max-width:380px) {
	.index_category_list ul {
		padding-inline-start: 15px;
	}
	.index_category_container::after {
		width: 100%;
		content: "";
	}
	.index_category_list {
		padding: 10% 20%;
	}

	.index_category_box {
		width: 100%;
		margin-bottom: 10px;
	}

	.index_category_list_parent {
		margin-bottom: 25px;
	}

	li.index_category_list_child_item {
		margin-bottom: 25px;
	}
}

@media(max-width:300px) {
	.index_category_list_parent {
		margin-bottom: 10px;
	}

	li.index_category_list_child_item {
		margin-bottom: 10px;
	}
}
@media(max-width:230px) {
	.index_category_list_parent {
		margin-bottom: 5px;
	}

	li.index_category_list_child_item {
		margin-bottom: 0px;
	}
}

.index_opacity_show {
	opacity: 1 !important;
	z-index: 999 !important;
}

.index_opacity_hidden {
	opacity: 0 !important;

}


.index_banner_category_container {
	width: 100%;
	position: absolute;
	bottom: 40px;
	z-index: 99;
}

.index_banner_category_box {
	background-color: rgba(256, 256, 256, .6);
	padding: 20px 30px;
	min-height: 160px;
}

.index_banner_category_box ul li a:hover {
	color: unset;
}

.index_banner_category_box ul {
	margin-top: 0.8em;
	padding-inline-start: 20px;
	margin-bottom: 0em;
}

.index_banner_category_box ul li {
	list-style: disc;
	line-height: 35px;
	list-style-position: inside;
}

.index_banner_category_box ul li:hover {
	color: #3487FF;
	color: var(--theme-color);
}

.index_banner_category_box .text-over {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 35px;
	max-height: 35px;
}

.index_banner_category_title {
	color: #3487FF;
	color: var(--theme-color);
	font-size: 22px;
	display: flex;
	align-items: center;
}

.index_banner_category_title img {
	margin-right: 15px;
}

.index_banner_category_title a:hover {
	color: unset;
}

.index_title_container {
	border-bottom: 1px solid #3487FF;
}

.index_title_item {
	font-size: 22px;
	/*font-size: 20px;
	font-weight: bolder;*/
	margin-right: 50px;
	padding: 0 0 15px 0;
	cursor: pointer;
	position: relative;
}

.index_title_item::before {
	content: "";
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 0;
	height: 5px;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	background: #3487FF;
	background: var(--theme-color);
}

.index_title_item:hover::before {
	width: 100%;
	transition: 0.2s ease;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
}

.index_title_item_active::before {
	width: 100%;
	transition: 0.2s ease;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
}

.index_title_more_list .index_title_more:first-child {
	display: block;
}

.index_title_more {
	display: none;
	color: #3487FF;
	color: var(--theme-color);
	font-size: 16px;
	font-weight: lighter;
	padding: 0 0 15px 0;
}

.index_title_more:hover {
	color: #3487FF !important;
	color: var(--theme-color) !important;
}

.index_bottom_tilte_bg {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, .3);
}

.index_bottom_tilte {
	width: 60%;
	font-size: 14px;
	line-height: 35px;
	padding-left: 16px;
	color: #FFFFFF;
	text-align: left;
}

.index_bottom_tilte.text-over {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-height: 35px;
	height: 35px;
}


.index_content_container .index_content_list {
	margin-top: 30px;
	display: none;
}

.index_content_container .index_content_list:first-child {
	display: block;
}

.index_content_list ul {
	padding-left: 0px;
	margin-bottom:0px;
}

.index_content_list ul a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}
.index_content_list ul a:last-child {
	margin-bottom: 0px;
}

.index_content_list ul li {
	color: inherit;
	list-style: disc;
	list-style-position: inside;
}

.index_content_list li::marker {
	color: #3487FF;
}

.index_content_list ul li:hover~span {
	color: #3487FF;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.index_content_list ul span {
	min-width: 110px;
	text-align: right;
	transition: unset;
}

.top_img_banner {
	margin-top: 30px;
	width: 100%;
	height: 360px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	position: relative;
}

.swiper-pagination-bullet{
	-webkit-tap-highlight-color: transparent;
}

.my-swiper-pagination {
	position: absolute;
	width: 30% !important;
	text-align: right !important;
	transition: .3s opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10;
	left: auto !important;
	bottom: 0 !important;
	right: 10px !important;
	line-height: 35px;
}

.my-bullet {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	display: inline-block;
	background: #fff;
	opacity: 1;
	margin: 0 4px;
	-webkit-tap-highlight-color: transparent;
}

.my-bullet-active {
	opacity: 1;
	background: #3487FF;
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
}