@charset "utf-8";

.header_top {
	width: 100%;
	height: 44px;
	background: #2E2E44;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
	backdrop-filter: blur(10px);
	overflow: hidden;
}

.header_top .header_top_left {
	float: left;
	height: 100%;
	line-height: 44px;
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	font-size: 12px;
	color: #FFFFFF;
}

.header_top .header_top_right {
	float: right;
	height: 100%;
}

.header_top .header_top_right p:nth-of-type(1) {
	float: left;
	margin-right: 40px;
	margin-top: 14px;
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	font-size: 12px;
	color: #FFFFFF;
}

.header_top .header_top_right p:nth-of-type(1)>a {
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	font-size: 12px;
	color: #FFFFFF;
}

.header_top .header_top_right p:nth-of-type(2) {
	float: left;
	margin-top: 14px;
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	font-size: 12px;
	color: #FFFFFF;
}

.header_top .header_top_right p:nth-of-type(2) img {
	display: block;
	float: left;
}

.header_top .header_top_right p:nth-of-type(2) a {
	display: block;
	float: left;
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	font-size: 12px;
	color: #FFFFFF;
	margin-left: 4px;
}

.header_bott {
	height: 98px;
	background: rgba(255, 255, 255, 0.6);
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
	backdrop-filter: blur(10px);
}

.header_bott img {
	margin-top: 19px;
	float: left;
}

.header_bott ul {
	float: right;
	margin-top: 38px;
}

.header_bott ul li {
	float: left;
	position: relative;
	padding: 0 20px;
	box-sizing: border-box;
	cursor: pointer;
}

.header_bott ul li a {
	color: #3E3F40;
	font-family: PingFangSC, PingFang SC;
	font-weight: 600;
	font-size: 16px;
}

.header_bott ul li:hover a {
	color: #C30D23;
}

.header_bott ul li:hover ::before {
	content: '';
	position: absolute;
	bottom: -8px;
	margin-left: -6px;
	left: 50%;
	width: 12px;
	height: 2px;
	background: #C30D23;
	border-radius: 16px;
}

.banner_box {
	width: 100%;
	height: auto;
	background: linear-gradient(#F2F3F4 0%, #FDFDFE 100%);
}

.banner_box .banner_con {
	/* width: 1575px; */
	width: 1200px;
	margin: 0 auto;
	min-width:1200px;
	overflow: hidden;
}

.banner_box .banner_con .banner {
	float: left;
	/* width: 1118px; */
	width: 850px;
	height: auto;
}
.banner_box .banner_con .banner .swiper-wrapper{
	height: auto!important;
}
.banner_box .banner_con .banner .swiper-slide{
	height: auto!important;
}
.banner_box .banner_con .banner .pagination {
	position: absolute;
	z-index: 2000;
	left: 0%;
	bottom: 0px;
	height: 76px;
	width: 100%;
	text-align: center;
	/* margin-left: -559px; */
	background-color: transparent;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
	opacity: 0.38;
}

.banner_box .banner_con .banner .swiper-pagination-switch {
	width: 18px;
	height: 6px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0px 4px;
	margin-top: 39px;
	transition: all 0.22s linear 0s;
	-moz-transition: all 0.22s linear 0s;
	-webkit-transition: all 0.22s linear 0s;
	-o-transition: all 0.22s linear 0s;
	background: rgba(255, 255, 255, 0.44);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.banner_box .banner_con .banner .swiper-active-switch {
	width: 10px;
	background: #ffffff;
}
.banner_box .banner_con .banner img{
	width: 100%;
	/* height: auto; */
	height: 396px;
	object-fit: cover;
	display: block;
}
.banner_box .banner_con .skip_box {
	float: right;
	/* width: 438px; */
	width: 334px;
	/* height: 520px; */
}

.banner_box .banner_con .skip_box li {
	width: 100%;
	/* height: auto; */
	height: 190px;
	overflow: hidden;
	/* margin-bottom: 20px; */
	margin-bottom: 14px;
}
.banner_box .banner_con .skip_box li:last-child{
	margin-bottom: 0;
}

.banner_box .banner_con .skip_box li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition-duration: 0.2s;
}

.banner_box .banner_con .skip_box li:hover img {
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
}

.icon-path {
	animation: icon-path-animation 8s ease-in;
	/* animation: icon-path-animation 20s ease-in infinite; */
}

@keyframes icon-path-animation {
	0% {
		stroke-dasharray: 4917;
		stroke-dashoffset: 4917;
	}

	/* 40% {
			    stroke-dasharray: 4917;
			    stroke-dashoffset: 0;
			  }
			 
			  60% {
			    stroke-dasharray: 4917;
			    stroke-dashoffset: 0;
			  } */

	100% {
		stroke-dasharray: 4917;
		stroke-dashoffset: 0;
	}
}

.menu_box {
	width: 100%;
	height: 284px;
	background: #fff;
	padding-top: 70px;
	box-sizing: border-box;
}

.menu_list {
	display: flex;
	justify-content: space-between;
}

/*.menu_list a:nth-of-type(1) p {
	margin-top: 20px;
}

.menu_list a:nth-of-type(2) p {
	margin-top: 21px;
}

.menu_list a:nth-of-type(3) p {
	margin-top: 23px;
}

.menu_list a:nth-of-type(4) p {
	margin-top: 19px;
}

.menu_list a:nth-of-type(5) p {
	margin-top: 21px;
}

.menu_list a:nth-of-type(6) p {
	margin-top: 20px;
}*/

.menu_list li .icon_img {
	display: block;
	margin: 0 auto;
	height:52px;
	/*margin-top:16px;*/
}

.menu_list li p {
	font-family: PingFangSC, PingFang SC;
	font-weight: 600;
	font-size: 20px;
	color: #060D32;
	line-height: 26px;
	text-align: center;
	margin-top:16px;
}

.menu_list li .icon_svg {
	display: none;
	margin: 0 auto;
	text-align: center;
}

.menu_list li:hover .icon_svg {
	display: block;
}

.menu_list li:hover .icon_img {
	display: none;
}

.menu_list li:hover p {
	color: #C30D23;
}

.sec_2 {
	width: 100%;
	height: 1344px;
	background: linear-gradient(180deg, #F8F9FB 0%, #ECF0F7 100%);
}

.title_box {
	margin-top: 70px;
	width: 100%;
}

/* 清除浮动 */
.title_box::before {
	content: '';
	clear: both;
	display: inline-block;
	height: 40px;
}

.title_box p {
	float: left;
	font-family: PingFangSC, PingFang SC;
	font-weight: 600;
	font-size: 32px;
	color: #262B36;
	position: relative;
}

.title_box p::before {
	content: '';
	width: 128px;
	height: 11px;
	background: linear-gradient(270deg, rgba(240, 75, 79, 0.02) 0%, #C30D23 100%);
	opacity: 0.8;
	bottom: 0;
	left: 0;
	position: absolute;
	z-index: 0;
}

.title_box p span {
	position: relative;
}

.title_box p img {
	height: 44px;
	position: absolute;
	left: 0;
	top: -8px;
}

.title_box a {
	width: 70px;
	height: 36px;
	background: url(../image/more.png) no-repeat 100% 100%;
	float: right;
	margin-top: 8px;
}

.title_box a:hover {
	background: url(../image/more_hover.png) no-repeat 100% 100%;
}

.sec_con_box {
	margin-top: 50px;
	overflow: hidden;
}

.sec_con_box .sec_con_left {
	width: 600px;
	height: 700px;
	float: left;
	background: url(../image/ci-bg-1.png) no-repeat 100% 100%;
	padding: 58px 61px;
	box-sizing: border-box;
}

.sec_con_box .sec_con_right {
	width: 570px;
	height: 700px;
	float: right;
}

.con_left_title {
	font-family: PingFangSC, PingFang SC;
	font-weight: 600;
	font-size: 22px;
	color: #FFFFFF;
	position: relative;
}

.con_left_title::before {
	position: absolute;
	content: '';
	width: 13px;
	height: 13px;
	background: url(../image/c-circle01.png) no-repeat 100% 100%;
	top: 10px;
	left: -23px;
}

.content_box {
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	font-size: 18px;
	color: rgba(255, 255, 255, 0.8);
	line-height: 36px;
	margin-top: 30px;
}

.content_box p {
	margin-bottom: 14px;
}

.sec_con_right>a {
	margin-bottom: 20px;
	display: block;
}

.sec_con_right .ci-img-2,
.ci-img-3 {
	width: 570px;
	/*height: 221px;*/
	height: 220px;
	overflow: hidden;
	position: relative;
}

.ci-img-3 {
	/*margin-bottom: 30px;*/
	margin-bottom: 20px;
}

.ci-img-3>img {
	width: 100%;
	height: 100%;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

.ci-img-2>img {
	width: 100%;
	height: 100%;
	display: inline-block;
	transition-duration: 0.2s;
}

.ci-img-2:hover img{
	transform:scale(1.1);
	-ms-transform:scale(1.1);
	moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	o-transform:scale(1.1);
}

.ci-img-3>p {
	text-align: center;
	font-family: PingFangSC, PingFang SC;
	font-weight: 600;
	font-size: 22px;
	color: #FFFFFF;
	margin-top: 30px;
	margin-bottom: 28px;
	position: relative;
}

.ci-img-3 ul {
	display: flex;
	justify-content: space-around;
	position: relative;
	width: 90%;
	margin: auto;
}

.ci-img-3 ul li {
	text-align: center;
}

.ci-img-3 ul li img {
	width: 56px;
	height: 56px;
}

.ci-img-3 ul li p {
	font-family: PingFangSC, PingFang SC;
	font-weight: 500;
	font-size: 14px;
	color: #FFFFFF;
	margin-top: 8px;
}
.ci-img-3 ul li p:nth-of-type(2){
	margin-top:0;
}

.ci-img-3 ul li i {
	width: 12px;
	height: 2px;
	background: #FFFFFF;
	border-radius: 1px;
	margin: 8px auto 0;
	display: block;
}

.department_box {
	margin-top: 40px;
}

.department_box .department_title {
	font-family: PingFangSC, PingFang SC;
	font-weight: 600;
	font-size: 22px;
	color: #060D32;
	position: relative;
	margin-left: 59px;
}

.department_box .department_title::before {
	position: absolute;
	content: '';
	width: 13px;
	height: 13px;
	background: url(../image/c-circle02.png) no-repeat 100% 100%;
	top: 10px;
	left: -23px;

}

.department_ul {
	margin-top: 36px;
	overflow: hidden;
}

.department_ul li {
	float: left;
	width: 380px;
	height: 90px;
	background: #FFFFFF;
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.8);
	display: flex;
	align-items: center;
	padding: 16px 22px;
	box-sizing: border-box;
	margin-right: 30px;
	margin-bottom: 20px;
}

.department_ul a:nth-child(3n+3) li {
	margin-right: 0;
}

.department_ul li img {
	width: 58px;
	height: 58px;
}

.department_ul li div {
	margin-left: 20px;
}

.department_ul li div p {
	font-family: PingFangSC, PingFang SC;
	font-weight: 600;
	font-size: 18px;
	color: #262B36;
}

.department_ul li div span {
	font-family: PingFangSC, PingFang SC;
	font-weight: 500;
	font-size: 14px;
	color: #060D32;
	margin-top: 10px;
}
.department_ul li:hover{
	background: #C30D23;
}
.department_ul li:hover p{
	color: #fff;
}
.department_ul li:hover span{
	color: #fff;
}
.sec_3 {
	width: 100%;
	height: 912px;
	background: #fff;
	overflow: hidden;
}

.sec_3 .news_box1 {
	margin-top: 74px;
	position: relative;
}

.news_list1 {
	margin-top: 43px !important;
	margin-right: -10px;
}

.news_list1 a {
	display: block;
	width: 100%;
	height: 100%;
}
.news_list1 .swiper-wrapper{
	height: 180px !important;
}
.news_list1 li {
	width: 284px !important;
	height: 100% !important;
	background: #FFFFFF;
	border-radius: 6px;
	border: 1px solid rgba(6, 13, 50, 0.08);
	padding: 20px 24px;
	box-sizing: border-box;
	margin: 0 8px;
	position: relative;
}

.news_list1 li .time {
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	font-size: 14px;
	color: #C30D23;
}

.news_list1 li .title {
	font-family: PingFangSC, PingFang SC;
	font-weight: 500;
	font-size: 16px;
	color: #060D32;
	margin-top: 20px;
	display: -webkit-box;
	/* 必须结合 -webkit-box-orient 使用 */
	-webkit-box-orient: vertical;
	/* 设置盒子的排列方式为垂直 */
	-webkit-line-clamp: 2;
	/* 限制在一个块元素显示的文本的行数 */
	overflow: hidden;
	/* 隐藏超出的内容 */
	text-overflow: ellipsis;
	/* 使用省略号表示被截断的文本 */
}

.news_list1 li p {
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	font-size: 12px;
	color: #9DA0AE;
	margin-top: 10px;
}
.news_list1 li:hover{
	background: #C30D23;
}
.news_list1 li:hover p{
	color: #fff;
}
.news_list1 li:hover .title{
	color: #fff;
}
.news_list1 li:hover .time{
	color: #fff;
}
.tip_box {
	position: absolute;
	top: 19px;
	right: 24px;
}

.tip_box span {
	width: 18px;
	height: 18px;
	display: inline-block;
	/* margin-left: 4px; */
}
.tip_box .hot{
	background: url(../image/hot.png) no-repeat 100% 100%;
}
.tip_box .top{
	background: url(../image/top.png) no-repeat 100% 100%;
}

.news_list1 li .icon_more {
	position: absolute;
	width: 16px;
	height: 16px;
	bottom: 20px;
	left: 26px;
	background: url(../image/icon-more.png) no-repeat 100% 100%;
}

.news_list1 li:hover .icon_more {
	background: url(../image/arrow-more.png) no-repeat 100% 100%;
}
.news_list1 li:hover .hot{
	background: url(../image/hot-hover.png) no-repeat 100% 100%;
}
.news_list1 li:hover .top{
	background: url(../image/top-hover.png) no-repeat 100% 100%;
}

.swiper-button-prev {
	position: absolute;
	cursor: pointer;
	top: 65%;
	width: 32px;
	height: 32px;
	left: -55px;
	margin-top: -20px;
	background: url(../image/arrows-left.png) center no-repeat;
	background-size: 100% 100%;
}
.swiper-button-prev:hover{
	background: url(../image/arrows-left-hover.png) center no-repeat;
	background-size: 100% 100%;
}
.swiper-button-next {
	position: absolute;
	cursor: pointer;
	top: 65%;
	width: 32px;
	height: 32px;
	right: -55px;
	margin-top: -20px;
	background: url(../image/arrows-right.png) center no-repeat;
	background-size: 100% 100%;
}
.swiper-button-next:hover{
	background: url(../image/arrows-right-hover.png) center no-repeat;
	background-size: 100% 100%;
}
.news_box2{
	margin-top: 8px;
	overflow: hidden;
}
.news_box2 .news_box2_left{
	width: 820px;
	float: left;
}
.news_box2_right{
	width: 340px;
	float: right;
}
.news_box2 .news_box2_left .news_list2{
	margin-top: 48px;
	overflow: hidden;
}
.news_box2 .news_box2_left .news_list2 .news_list2_left{
	width: 450px;
	height: 330px;
	position: relative;
	overflow: hidden;
	float: left;
}
.news_box2 .news_box2_left .news_list2 .news_list2_left .bitmap{
	position: absolute;
	top: 0;
	left: 0;
	transition-duration: 0.2s;
	width: 450px;
	height: 330px;
}
.news_box2 .news_box2_left .news_list2 .news_list2_left .news_list2_content{
	position: absolute;
	width: 100%;
	height: 144px;
	background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, #000000 100%);
	border-radius: 4px 4px 20px 4px;
	bottom: 0;
	right: 0;
	padding: 65px 24px 0;
	box-sizing: border-box;
	overflow: hidden;
}
.news_box2 .news_box2_left .news_list2 .news_list2_left .news_list2_content .date_box{
	width: 68px;
	height: 63px;
	background: #C30D23;
	border-radius: 6px;
	overflow: hidden;
	float: left;
}
.news_box2 .news_box2_left .news_list2 .news_list2_left .news_list2_content .date_box p:nth-of-type(1){
	font-family: Inter, Inter;
	font-weight: bold;
	font-size: 28px;
	color: #FFFFFF;
	margin-top: 2px;
	text-align: center;
}
.news_box2 .news_box2_left .news_list2 .news_list2_left .news_list2_content .date_box p:nth-of-type(2){
	font-family: Nunito, Nunito;
	font-weight: 300;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
}
.news_box2 .news_box2_left .news_list2 .news_list2_left .news_list2_content .title{
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 24px;
	margin-left: 16px;
	display: -webkit-box;
	/* 必须结合 -webkit-box-orient 使用 */
	-webkit-box-orient: vertical;
	/* 设置盒子的排列方式为垂直 */
	-webkit-line-clamp: 2;
	/* 限制在一个块元素显示的文本的行数 */
	overflow: hidden;
	/* 隐藏超出的内容 */
	text-overflow: ellipsis;
	/* 使用省略号表示被截断的文本 */
	width: 318px;
	float: right;
	margin-top: 7px;
}
.news_box2 .news_box2_left .news_list2 .news_list2_left:hover .bitmap{
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.news_box2 .news_list2_right{
	width: 340px;
	float: right;
}
.news_list2_right li {
	width: 100% !important;
	height: 154px !important;
	background: #FFFFFF;
	border-radius: 6px;
	border: 1px solid rgba(6, 13, 50, 0.08);
	padding: 21px 22px;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 22px;
}
.news_list2_right li .time {
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	font-size: 14px;
	color: #C30D23;
}

.news_list2_right li .title {
	font-family: PingFangSC, PingFang SC;
	font-weight: 500;
	font-size: 16px;
	color: #060D32;
	margin-top: 12px;
	display: -webkit-box;
	/* 必须结合 -webkit-box-orient 使用 */
	-webkit-box-orient: vertical;
	/* 设置盒子的排列方式为垂直 */
	-webkit-line-clamp: 2;
	/* 限制在一个块元素显示的文本的行数 */
	overflow: hidden;
	/* 隐藏超出的内容 */
	text-overflow: ellipsis;
	/* 使用省略号表示被截断的文本 */
}

.news_list2_right li p {
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	font-size: 12px;
	color: #9DA0AE;
	margin-top: 11px;
	overflow: hidden;
}
.news_list2_right li .dess span:nth-of-type(1){
	float: left;
}
.news_list2_right li .icon_more {
	float: right;
	width: 16px;
	height: 16px;
	background: url(../image/icon-more.png) no-repeat 100% 100%;
}

.news_list2_right li:hover .icon_more {
	background: url(../image/arrow-more.png) no-repeat 100% 100%;
}
.news_list2_right li:hover{
	background: #C30D23;
}
.news_list2_right li:hover .time{
	color: #fff;
}
.news_list2_right li:hover p{
	color: #fff;
}
.news_list2_right li:hover .dess{
	color: #fff;
}
.news_list2_right li:hover .title{
	color: #fff;
}
.news_list2_right li:hover .hot{
	background: url(../image/hot-hover.png) no-repeat 100% 100%;
}
.news_list2_right li:hover .top{
	background: url(../image/top-hover.png) no-repeat 100% 100%;
}
footer{
	width: 100%;
	height: 406px;
	
}
footer>.footer-bg-red{
	width: 100%;
	height: 116px;
	object-fit: cover;
	min-width: 1200px;
	display: block;
}
footer .footer_bott{
	width: 100%;
	height: 290px;
	background: url(../image/footer-bg-bottom.png) no-repeat 100% 100%;
	min-width: 1200px;
	background-position: center;
	position: relative;
}
.logo-footer{
	position: absolute;
	width: 120px;
	height: 120px;
	top: -58px;
	left: 50%;
	margin-left: -60px;
}
.footer_link{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 108px;
	box-sizing: border-box;    
}
.footer_link li{
	margin-right: 50px;
	position: relative;
}
.footer_link li a{
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	font-size: 16px;
	color: #FFFFFF;
}
.footer_link li:hover a{
	color: #C30D23;
}
.footer_link li:hover ::before{
	content: '';
	bottom: -6px;
	left: 50%;
	margin-left: -6px;
	width: 12px;
	height: 1px;
	background: #D60001;
	border-radius: 2px;
	display: block;
	position: absolute;
}
.solid{
	width: 100%;
	height: 1px;
	background: #EDEDF1;
	border-radius: 6px;
	opacity: 0.2;
	margin: 49px 0 30px;
}
.bott1{
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	font-size: 13px;
	color: rgba(255,255,255,0.6);
	line-height: 22px;
	text-align: center;
}
@keyframes moveUp {
    from {
        transform: translateY(50%); /* 初始位置在视口下方 */
        opacity: 0; /* 初始透明度为0 */
    }
    to {
        transform: translateY(0); /* 结束位置在视口内 */
        opacity: 1; /* 结束透明度为1 */
    }
}

.animate {
    animation: moveUp 0.8s ease-out forwards; /* 动画名称、持续时间、缓动函数和动画结束后保持最后一帧状态 */
    opacity: 0; /* 初始状态下隐藏元素 */
    transform: translateY(50%); /* 初始位置在视口下方 */
}
#department_ul,#news_list1,#news_list2,#news_list3{
	opacity: 0;
}

/*@media (max-width: 1575px) and (min-width: 1201px) {
    .banner_box .banner_con {
        width: 100%;
    }
	.banner_box .banner_con .banner {
	    width: 70.6%;
	}
	.banner_box .banner_con .skip_box{
		width: 27.4%;
	}
}

@media (max-width: 1200px) {
    .banner_box .banner_con {
        width: 1200px;
    }
	.banner_box .banner_con .banner {
	    width: 70.6%;
	}
	.banner_box .banner_con .skip_box{
		width: 27.4%;
	}
}*/