@import url("/resources/font/iconfont.css");
@import url("/resources/layui/css/layui_2022.css");
/* 设置页面灰色 */
/* html{        
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter:grayscale(100%);
        filter:progid:XImageTransform.Microsoft.BasicImage(grayscale=1);
}
body *{        
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter:grayscale(100%);
        filter:progid:XImageTransform.Microsoft.BasicImage(grayscale=1);
        filter:gray;
} */
/* 设置页面灰色  end*/
:root {
	--bg-body: #f3f5f8;
	/*body背景*/
	/*面板*/
	--bg-panel: rgba(255, 255, 255, 1);
	--color-blue: #013d87;
	--color-red: #d74229;
	--color-black100: rgba(0, 0, 0, 1);
	--color-black80: rgba(0, 0, 0, 0.8);
	--color-black60: rgba(0, 0, 0, 0.6);
	--color-black50: rgba(0, 0, 0, 0.5);
	--color-black40: rgba(0, 0, 0, 0.4);
	--color-black20: rgba(0, 0, 0, 0.2);
	--color-black10: rgba(0, 0, 0, 0.1);
	--color-black5: rgba(0, 0, 0, 0.05);
	--color-black3: rgba(0, 0, 0, 0.03);
	--color-black1: rgba(0, 0, 0, 0.01);
	/*主体容器背景*/
	--text-color: #01070f;
	/*默认字体*/

	--color-primary: #d74229;
	--color-primary2: #013d87;



	/*主色调*/
	--color-primary-hover: #409fff;
	/*主色-hover*/
	--color-primary-click: #2681FF;
	/*主色-点击*/
	--color-gray: rgba(255, 255, 255, 0.45);
	/*灰色*/
	--color-muted: rgba(255, 255, 255, 0.45);
	/* 白色 */
	--color-white: #fff;
	/*次要色*/
	--color-warning: #ff7d49;
	/*警示色*/
	--color-success: #01ffa7;
	/*成功色*/
	--color-danger: #ef2827;
	/*错误色*/
}

img {
	display: inline-block;
	vertical-align: middle
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400
}

a:active,
a:hover {
	outline: 0,
		color:var(--color-red);
}

img {
	border: none
}

li {
	list-style: none
}

a,
.btn,
button,
span,
p,
i,
input,
select,
textarea,
li,
img,
svg path,
*::after,
*::before,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}
.c-float-l{
	float: left;
}
.c-float-r{
	float: right;
}
.w_100 {
	width: 100%;
}

.c-s-bg {
	background: url(/resources/css/images/bg3.jpg) 0 0;
}

.c_banner_scale {
	transition: transform 0 all 0s;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.swiper-slide-active .c_banner_scale {
	transition: transform 6000ms linear 0s;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

a:focus,
.button:focus {
	text-decoration: none;
	outline: 0
}

a:focus,
a:hover {

	color: var(--color-red);
	text-decoration: none
}

.c-lh-44 {
	line-height: 44px;
}

.c-text-left {
	text-align: left;
}

.c-text-center {
	text-align: center;
}

.c-text-right {
	text-align: right;
}

.c-dis-flex {
	display: flex;
	justify-content: center;
	align-items: center;
}

.c-ovh {
	overflow: hidden;
}

.c-flex-1 {
	flex: 1;
}

.opacity10 {
	opacity: 0.1;
}

.opacity20 {
	opacity: 0.2;
}

.opacity30 {
	opacity: 0.4;
}

.opacity40 {
	opacity: 0.4;
}

.opacity50 {
	opacity: 0.5;
}

.opacity60 {
	opacity: 0.6;
}

.opacity70 {
	opacity: 0.7;
}

.opacity80 {
	opacity: 0.8;
}

.opacity90 {
	opacity: 0.9;
}

.opacity00 {
	opacity: 1;
}

.c-margin-0-15 {
	margin-left: -15px;
	margin-right: -15px;
}

.c-bg-white {
	background-color: var(--color-white) !important;
}

.c-bg-blue {
	background-color: var(--color-blue) !important;
}

.c-color-red {
	color: var(--color-red) !important;
}

.c-line-clamp {
	overflow: hidden;
	line-height: 35px;
	height: 70px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal !important;
}

.c-line-clamp1 {
	overflow: hidden;
	line-height: 24px;
	height: 24px !important;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	white-space: normal !important;
}

.c-line-clamp3 {
	overflow: hidden;
	line-height: 28px;
	height: 84px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal !important;
}
body {
	font-size: 18px;
	font-weight: 400;
	font-family: Arial, Helvetica, "PingFang SC", "PingFang SC-Regular", 苹方, "Microsoft Yahei", sans-serif;
	/* font-family: "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "PingFang SC", "Lantinghei SC", "Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif; */


	background-color: var(--bg-body);
}

.c-ny-main .layui-row:after, 
.c-ny-main .layui-row:before{
	clear: none;
}

.c-padding80 {
	padding: 80px;
}

.c-padding60 {
	padding: 60px;
}

.c-padding40 {
	padding: 40px;
}

.c-padding20 {
	padding: 20px;
}

.c-padding0 {
	padding: 0px;
}

.c-padding-top80 {
	padding-top: 80px;
}

.c-padding-top70 {
	padding-top: 70px;
}

.c-padding-top60 {
	padding-top: 25px;
}

.c-padding-top40 {
	padding-top: 40px;
}

.c-padding-top32 {
	padding-top:32px;
}

.c-padding-top20 {
	padding-top: 20px;
}

.c-padding-bottom80 {
	padding-bottom: 80px;
}

.c-padding-bottom70 {
	padding-bottom: 70px;
}

.c-padding-bottom60 {
	padding-bottom: 60px;
}

.c-padding-bottom40 {
	padding-bottom: 40px;
}

.c-padding-bottom20 {
	padding-bottom: 20px;
}


.c-margin-top80 {
	margin-top: 80px;
}

.c-margin-top70 {
	margin-top: 70px;
}

.c-margin-top60 {
	margin-top: 60px;
}

.c-margin-top40 {
	margin-top: 40px;
}

.c-margin-top20 {
	margin-top: 20px;
}

.c-margin-bottom80 {
	margin-bottom: 80px;
}

.c-margin-bottom70 {
	margin-bottom: 70px;
}

.c-margin-bottom60 {
	margin-bottom: 60px;
}

.c-margin-bottom40 {
	margin-bottom: 40px;
}

.c-margin-bottom20 {
	margin-bottom: 20px;
}

.c-margin-bottom-200 {
	margin-bottom: 200px;
}

.c-border-bottom {
	position: relative;
}

.c-padding-80-50 {
	padding: 80px 50px;
}

.c-padding-0-50 {
	padding: 0 50px;
}

.c-border-bottom::before {
	content: "";
	height: 3px;
	width: 100%;
	background-color: var(--color-blue);
	position: absolute;
	bottom: 0;
	left: 0;

}

.layui-container {
	padding: 0 40px;
}

.layui-col-space80 {
	margin: -30px
}

.layui-col-space80>* {
	padding: 30px
}

.layui-card {
	border-radius: 0px;
}

/* header */
/* header 部分 */
.c-header {
	height: 104px;
	position: absolute;
	top: 0;
	padding-top: 0;
	left: 0;
	right: 0;
	z-index: 99;
	background: linear-gradient(to bottom, var(--color-black60), rgba(255, 255, 255, 0));
}

.c-logo {
	flex: 1;
}

.c-logo a {
	padding: 16px 0;
	display: inline-block;
}

.c-logo a img {
	/* width: 56%; */
}
.c-menu{
}
.c-menu ul {
	display: flex;
	justify-content: space-between;
}

.c-menu ul li {
	position: relative;
	padding: 0 0.6rem;
}

.c-menu ul li>a {
	font-size: 20px;
	font-weight: 600;
	padding:14px 0 14px 0;
	z-index: 15;
	color: var(--color-white);
	text-align: center;
	position: relative;

}

.c-menu ul>li>a:focus,
.c-menu ul>li>a:hover {
	background-color: transparent;
}

.c-menu li>a:before,
.c-menu .nav-child a span:before {
	transition: all .5s ease;
	content: "";
	height: 3px;
	left: 50%;
	width: 0%;
	bottom: -3px;
	display: block;
	position: absolute;
	background-color: var(--color-red);
}

.c-menu li.active>a:before,
.c-menu li>a:hover:before {
	width: 100%;
	left: 0;
}

.c-menu .nav-child a span:hover {
	color: var(--color-red);
}

.c-menu ul li:hover .nav-child {
	visibility: visible;
	top:40px;
	opacity: 1;
	z-index: 10;
	transition: all .8s ease;
}

.c-menu .nav-child {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 5;
	padding: 20px 0 20px;
	transform: translateX(-50%);
	background-color: var(--color-black60);
	opacity: 0;
}

.c-menu .nav-child a {
	display: block;
	text-align: center;
	color: var(--color-white);
}

.c-menu .nav-child a span {
	position: relative;
	white-space: nowrap;
	padding: 16px 50px;
	display: inline-block;

}

/* .c-beader-right-top{
	position: absolute;
	top: 0px;
	right: 40px;
} */
.c-beader-right-top a {
	color: var(--color-white);
	font-size: 16px;
	padding: 0 0.5rem;
}
.c-header-right {
	padding-left: 25px;
}

.c-header-right a {
	color: var(--color-white);
	font-size: 16px;
	padding: 0 0.5rem;
}

.c-header-right a i {
	color: var(--color-white);
	font-size: 16px;
	font-weight: normal;
}

.navbar-toggler {
	display: none;
}

/* 头部搜索 */
.c-header .search-box {
	position: absolute;
	right:68px;
	top: 96px;
	height: 100%;
	box-sizing: border-box;
	width: 62%;
	z-index: 25;
	display: none;
	padding: 0 20px;
	background-color: var(--color-blue);
}

.c-header .search-box.active {
	display: block;
	-webkit-animation: fadeInDown 0.2s ease forwards;
	animation: fadeInDown 0.2s ease forwards;
}

.c-header .search-box.on #jump-search {
	display: block;
}

.c-header .search-box.on #btn-search-close {
	display: none;
}

.c-header .search-box .search {
	padding-top: 24px;
}

.c-header .search-box .search input {
	display: block;
	width: 70%;
	height: 48px;
	line-height: 48px;
	padding: 0 10px;
	background-color: transparent;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: normal;
	border: none;
	color: var(--color-white);
	border-bottom: 2px solid #fff;
	writing-mode: horizontal-tb !important;
}

.c-header .search-box .search input::-webkit-input-placeholder {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.5);
}

.c-header .search-box .search input:focus {
	outline: 0;
}


.c-header .search-box #jump-search {
	display: none;
	text-align: center;
	position: absolute;
	right: 20%;
	top: 0;
	height: 100%;
	line-height: 96px;
	width: 110px;
	font-size: 20px;
	color: var(--color-white);
}

.c-header .search-box #btn-search-close i {
	font-size: 40px;
	position: absolute;
	right: 5%;
	top: 20px;
	color: var(--color-white);
}

/* header 动画样式 */
.c-header.head_fx {
	position: fixed;
	padding: 0;
	z-index: 100;
	left: 0;
	right: 0;
	top: 0;
	background: var(--color-blue);
	background-color: rgba(1, 61, 135, 0.8);
	transform: translateY(-100%);
	animation: mymove 1.2s ease both;
	-webkit-animation: mymove 1.2ss ease both;
	/*Safari and Chrome*/
}

.c-header.head_fx2 {
	transform: translateY(0);
	animation: mymove2 1s ease both;
	-webkit-animation: mymove2 1s ease both;
	/*Safari and Chrome*/
}

@keyframes mymove2 {
	0 {
		transform: translateY(0);
	}

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

@-webkit-keyframes mymove2

/*Safari and Chrome*/
	{
	0 {
		transform: translateY(0);
	}

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

@keyframes mymove {
	0 {
		transform: translateY(-100%);
	}

	100% {
		transform: translateY(0);
	}
}

@-webkit-keyframes mymove

/*Safari and Chrome*/
	{
	0 {
		transform: translateY(-100%);
	}

	100% {
		transform: translateY(0);
	}
}

/* header end */
/* c-banner */
.c-banner {
	margin: 0 -15px;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
	display: inline-block;
	width: auto !important;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%);
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 8px;
}

.swiper-pagination-bullet {
	width: 16px;
	height: 16px;
	border-radius: 0;
	opacity: 1;
	box-shadow: 0 0 8px var(--color-white);
	background-color:rgba(1,61,135,0.1)
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background-color:rgba(215,66,41,0.8);
	width: 48px;
}

.swiper-slide img {
	width: 100%;
}

/* banner图样式 end */

/* 内banner */
.c-s-banner{
	overflow: hidden;
	padding: 0;
}
.c-s-banner img{
	width: 100%;
}
/* 内banner end */

/* head title */
.c-div-xyxw {
	margin: 0 -15px 0;
	position: relative;
}

.c-div-xyxw::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	opacity: 0.4;
	top: 0;
	left: -275px;
	background: url(/resources/css/images/c-xyxw-bg.jpg) left center no-repeat;
}
.c-div-hots{
	padding-bottom:40px;
}
.c-div-hots:hover h3.h3 {
	color: var(--color-red);
}

.c-div-hots:hover img {
	transform: scale(1.05);
}

.c-div-hots:hover a.c-hots-img {
	background-color: var(--color-red);
}

h2.h2 {
	clear: both;
	display: flex;
	align-items: center;
	font-size: 24px;
	font-family: PingFang SC, Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif;
}

h2.h2 {
	background: linear-gradient(to right, rgba(1, 61, 135, 0.08), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
}

.c-ny-main h2.h2,
.c-tab-body-item h2.h2 {
	background: transparent !important;
}

.h2.h2 .c-title {
	height: 64px;
	line-height: 64px;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
}

.h2.h2 .c-title::before {
	content: '';
	height: 24px;
	width: 4px;
	display: block;
	position: absolute;
	left: 0;
	top: 20px;
	background-color: var(--color-blue);
}

.h2.h2 .c-title {
	color: var(--color-blue);
}

.h2.h2.c-hots {
	background: linear-gradient(to right, rgba(215, 66, 41, 0.08), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
}

.h2.h2.c-hots .c-title {
	/* flex: 1; */
	height: 64px;
	line-height: 64px;
	position: relative;
	padding-left: 20px;
}

.h2.h2.c-hots .c-title::before {
	content: '';
	height: 24px;
	width: 4px;
	display: block;
	position: absolute;
	left: 0;
	top: 20px;
	background-color: var(--color-red);
}

.h2.h2.c-hots .c-title {
	color: var(--color-red);
}

/* .h2 .c-more{
	display: inline-block;
} */
.h2 .c-more .iconfont {
	color: var(--color-black40);
	font-size: 24px;
	font-weight: bold;
}

a:hover .h2 .c-more .iconfont {
	color: var(--color-red);
}

h3.h3 {
	font-size: 24px;
	font-weight: 600;
	line-height: 40px;
}

.c-small-info {
	color: var(--color-black40);
	line-height: 35px;
}

.c-hots-img {
	top: 0;
	right: 0;
	position: relative;
	display: block;
	width: 86%;
	margin-left: 14%;
	background-color: var(--color-black5);
}

.c-hots-img-m {
	overflow: hidden;
	position: absolute;
	top: 40px;
	right: 40px;
	width: 100%;
}

.c-hots-img-m img {
	width: 100%;
}

.c-img-item {
	display: block;
	overflow: hidden;
}

.c-img-item .c-img-16_9 {
	overflow: hidden;
}

.c-img-item img {
	width: 100%;
}

.c-img-item:hover {
	/* margin-top: -20px; */
}

.c-tab-item-img,
.c-img-item-img {
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	background-size: cover;
}

.c-tab-item-img:hover img,
.c-img-item:hover img {
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	transform: scale(1.05);

}

.c-list-grid .c-img-item:hover {
	margin-top: 0px;
}

.c-img-item:hover .c-tab-item-img,
.c-img-item:hover .c-img-item-img {
	transform: scale(1.05);
}

.c-img-item:hover .c-img-item-title {
	color: var(--color-red);
}

.c-list-video .c-img-16_9 {
	position: relative;

}

.c-list-video .c-img-item .c-img-16_9::before {
	position: absolute;
	content: url(/resources/css/images/c-icon-video.png);
	top: 50%;
	left: 50%;
	z-index: 999;
	transform: translate(-50%, -50%);

}

/* video.slideVideo::-webkit-media-controls-play-button {
    display: block;
} */

.c-img-content {
	background-color: var(--color-white);
	padding: 20px;
}

.c-img-content {
        text-align: left;
	position: relative;
}

.c-img-content .c-img-item-title {
	font-size: 18px;
	font-weight:400;
}

.c-img-content .c-title {
	font-size: 16px;
	white-space: nowrap;
	position: absolute;
	top: 0;
	left: 50%;
	color: var(--color-white);
	opacity: 0.9;
	background-color: var(--color-blue);
	padding: 8px 16px;
	transform: translate(-50%, -50%);
}

.c-img-item:hover .c-img-content .c-title {
	background-color: var(--color-red);

}

.c-small-form,
.c-img-form {
	color: var(--color-black40);
	padding-top: 10px;
	display: flex;
	align-items: center;
}

.c-small-form i.iconfont,
.c-img-form i.iconfont {
	font-size: 16px;
	padding: 0 4px;
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
}

/* 教学项目 */
/* 教学项目 */
.c-div-gxxm {
	color: var(--color-white);
	text-align: center;
	margin: 40px -15px 0;
	padding-top: 80px;
	background-image: url(/resources/css/images/c-bg-img.png);
	background-color: var(--color-blue);
}

.c-div-gxxm h2.h2 {
	width: 100%;
	justify-content: center;
	text-align: center;
	position: relative;
}

.c-div-gxxm h2.h2::before {
	opacity: 0.6;
	content: '';
	height: 1px;
	width: 20%;
	top: 48px;
	position: absolute;
	background-color: var(--color-white);
}

.c-div-gxxm h2.h2::after {
	content: '';
	height: 3px;
	width: 48px;
	top: 47px;
	position: absolute;
	background-color: var(--color-white);
}

.c-div-gxxm-item {
	margin: 80px 0;
}

.c-div-gxxm-item a {
	display: inline-block;
	margin: 0 5px;
	width: 120px;
	height: 120px;
	line-height: 100px;
	border-radius: 50%;
	box-sizing: border-box;
	border: 10px solid #164e93;
	background-color: var(--color-white);
}

.c-div-gxxm-item a:hover {
	color: var(--color-white);
	background-image: url(/resources/css/images/c-bg-img1.png);
	background-position: center center;
	background-color: var(--color-red);
}

/* 教学项目 end */

/* 科研动态 */
.c-div-kydt {
	color: var(--color-red);
	text-align: center;
	margin: 0 -15px;
	padding: 0;
	background-color: var(--color-white);
}

.c-div-kydt .c-div-kydt-header {
	position: relative;
}

.c-div-kydt .c-div-kydt-header::before {
	content: '';
	opacity: 0.2;
	top: 0;
	left: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(/resources/css/images/c-bg-img2.png);
	background-position: center center;
}

.c-div-kydt .c-div-kydt-header a {
	padding: 80px 0;
	display: inline-block;

}

/* .c-div-kydt::before {
	content: '';
	opacity: 0.2;
	top: 0;
	left: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	background-size:contain;
	background-image: url(/resources/css/images/c-bg-img2.png);
} */

.c-div-kydt h2.h2 {
	color: var(--color-red);
	display: inline-block;
	justify-content: center;
	text-align: center;
	position: relative;
	border: 1px solid var(--color-red);
	padding: 12px 64px;
	/* margin-bottom: 80px; */
        font-weight:800;
}

.c-div-kydt h2.h2 .iconfont {
	font-size: 24px;
	color: var(--color-red);
}

.c-div-kydt h2.h2::before {
	content: url(/resources/css/images/c-icon-gz.png);
	position: absolute;
	top: -13px;
	left: 4px;
}

.c-div-kydt h2.h2::after {
	content: url(/resources/css/images/c-icon-gz.png);
	position: absolute;
	bottom: -4px;
	right: 4px;
}

.c-div-kydt h2.h2 a {
	color: var(--color-red);
}

.c-div-kydt h2.h2 a::before {
	content: '';
	width: 4px;
	height: 4px;
	display: inline-block;
	position: absolute;
	top: 7px;
	left: 7px;
	background-color: var(--color-red);
}

.c-div-kydt h2.h2 a::after {
	content: '';
	width: 4px;
	height: 4px;
	display: inline-block;
	position: absolute;
	bottom: 7px;
	right: 7px;
	background-color: var(--color-red);
}

.c-div-kydt-item {
	background-color: var(--color-white);
}

a.c-kydt-img {
	overflow: hidden;
	display: block;
	width: 100%;
}

a.c-kydt-img img {
	position: relative;
	width: 100%;
}

.c-div-kydt-item>.layui-col-md6:hover a.c-kydt-img img,
a.c-kydt-img:hover img {
	transform: scale(1.05);
}

a.c-kydt-img::before {
	content: '';
	display: block;
	border: 15px solid transparent;
	border-right: 15px solid var(--color-white);
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	z-index: 2;

}

a.c-kydt-img.c-right-img::before {
	content: '';
	display: block;
	border: 15px solid transparent;
	border-left: 15px solid var(--color-white);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: 2;

}

.c-kydt-main {
	padding: 0 40px;
	background-color: var(--color-white);
}

.c-left {
	font-family: DINPro;
	text-align: center;
	color: var(--color-black80);
	padding: 16px;
	background-color: var(--color-black3);
	white-space: nowrap;
	margin-right: 40px;
}

.c-date {
	font-size: 32px;
	font-weight: 500;
	display: block;
}

.c-year {
	font-size: 16px;
}

.c-rigth .c-title {
	font-weight:normal;
	text-align: left;
	line-height: 35px;
	height: 105px;
}

.c-div-kydt-item>.layui-col-md6:hover .c-kydt-main {
	background: var(--color-white) url(images/c-bg-img4.png) no-repeat 200px 40px;
}

.c-div-kydt-item>.layui-col-md6:hover .c-left,
.c-div-kydt-item a:hover .c-left {
	background-color: var(--color-red);
	color: var(--color-white);
}

.c-div-kydt-item>.layui-col-md6:hover .c-title {
	color: var(--color-red);
}

/* 科研动态 end */

/* 学术活动 */
.swiper-container-horizontal>.c-xshd-icon.swiper-pagination-bullets {
	bottom: 4%;
}

a.c-img-box .c-img-bg {
	background-size: cover;
	width: 100%;
	overflow: hidden;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;

}

a.c-img-box:hover .c-img-bg {
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	transform: scale(1.05);
}


.c-img-bg-info {
	z-index: 9;
	margin: 0;
	box-sizing: border-box;
	position: relative;
	padding: 40px;
	line-height: 28px;
	background-color: var(--color-white);
}

.c-img-bg-info .c-img-bg-title {
	font-size: 20px;
	font-weight:normal;
}

.c-img-badge {
	left: 50%;
	position: absolute;
	top: -20px;
	opacity: 0.9;
	transform: translateX(-50%);
	color: var(--color-white);
	padding: 6px 12px;
	background-color: var(--color-blue);
}

.c-img-bg-time {
	padding-top: 20px;
	color: var(--color-black40);
}

a.c-img-box {
	overflow: hidden;
	display: block;
}

a.c-img-box:hover .c-img-bg-title {
	color: var(--color-red);
}

a.c-img-box:hover .c-img-badge {
	background-color: var(--color-red);
}

a.c-img-box:hover .c-img-bg-info {
	box-shadow: 0 0 16px 0 var(--color-black5);
}

/* 学术活动 end */

/* 党建思想 tab */
.c-tab-main-left {
	position: relative;
	background-image: url(/resources/css/images/c-bg-img6.png);
	background-repeat: no-repeat;
	background-position: right top;
}

.c-tab-img1-bg {
	position: absolute;
	display: inline-block;
	width: 65%;
}

.c-tab-img1-bg::before {
	position: absolute;
	content: '';
	width: 80%;
	height: 100%;
	top: 32px;
	left: 38px;
	z-index: -1;
	display: block;
	border-radius: 8px;
	background-color: var(--color-black5);
}

a.c-tab-img1 {
	width: 80%;
	border-radius: 8px;
	display: inline-block;
	z-index: 9;
	overflow: hidden;
}

a.c-tab-img1 img {
	width: 100%;
	border-radius: 8px;
	overflow: hidden;

}

.c-tab-main-left:hover img {

	border-radius: 8px;
	overflow: hidden;
	transform: scale(1.05);
}

.c-tab-img2-bg::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: -20px;
	left: -20px;
	z-index: 2;
	display: block;
	border-radius: 8px;
	background-color: var(--color-white);
}

a.c-tab-img2 {
	display: block;
	overflow: hidden;
	z-index: 4;
	border-radius: 8px;
	position: relative;
}

.c-tab-img2-bg {
	right: 0;
	width: 65%;
	position: absolute;
	display: inline-block;
	bottom: 0;

}

a.c-tab-img2 img {
	width: 100%;
	border-radius: 8px;
}

a.c-tab-img2 img:hover {
	transform: scale(1.05);
}



.c-div-tab-header {
	display: flex;
	align-items: center;
}

.c-div-tab-header .c-tab-h-item {
	cursor: pointer;
	font-size: 20px;
	margin-right: 4px;
	font-weight: 400;
	background-color: var(--color-white);
	padding: 12px 34px;
	display: inline-block;
}

.c-div-tab-header .c-tab-h-item.active {
	color: var(--color-white);
	background-color: var(--color-red);
}
.c-list{
	padding-bottom: 32px;
}

.c-list .c-list-item {
	box-sizing: border-box;
	position: relative;
	display: flex;
	align-items: center;
	padding:28px 0 29px 36px;
	border-bottom: 1px dashed var(--color-black20);
}

.c-list .c-list-item .c-list-m {
	flex: 1;
	display: flex;
	align-items: center;
}

.c-list-icon .iconfont {
	color: var(--color-red);
	font-size: 32px;
	background-color: var(--color-white);
	padding: 12px;
}

.c-list-item .c-list-title {
        text-align:left;
	font-size: 20px;
	font-weight: normal;
	padding: 0 0 0 36px;

	overflow: hidden;
	flex: 1;
	text-overflow: ellipsis;

}

.c-time,
.c-list-time {
	text-align: center;
	font-size: 16px;
	color: var(--color-black40);
	white-space: nowrap;
}
.c-time-date{
	font-family: DINPro;
	color: var(--color-black100);
	display: block;
	padding-bottom: 10px;
	font-size: 32px;
	font-weight: 500;
	display: block;
}

a.c-list-item:hover .c-list-title {
	color: var(--color-red);
}

a.c-list-item:hover .c-list-icon .iconfont {
	color: var(--color-white);
	background-color: var(--color-red);
}

.c-div-tab-content .c-tab-item {
        text-align: right;
	display: none;
}

/* 党建思想 tab end*/
/* 学院影像 */

.c-div-video {
	position: relative;
	text-align: center;
	background-color: transparent;
	z-index: 20;
}

.box-video {
	width: 60%;
	margin: 0 -15px;
}

.video_btn {
	cursor: pointer;
	display: none!important;
	display: inline-block; 
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	transform: translate(-50%, -50%);
}

.video_btn.c-video-icon {
	z-index: 9;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


.layui-layer-setwin .layui-layer-close2 {
	top: -42px !important;
	right: -42px !important;
	height: 36px !important;
	width: 36px !important;
	background: url(/resources/css/images/c-img-close.png) no-repeat 0 0 !important;
}

.layui-layer-setwin .layui-layer-close2:hover {
	background: url(/resources/css/images/c-img-close.png) no-repeat 0 -36px !important;
}

.c-video {
	position: relative;
	margin: 0 -30px 0;
}

/* .c-video::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -3;
	opacity: 0.26;
	background-color: var(--color-black100);
} */

.c-video-header {
	display: flex;
	justify-content: space-between;
	width: 84.1%;
	margin: 0 auto;
	background-color: var(--color-white);
	box-sizing: border-box;
	padding: 10px;
	position: absolute;
	bottom: -36%;
	left: 50%;
	z-index: 89;
	transform: translateX(-50%);
}

.c-video-header .c-video-h-item {
	flex: 1;
	position: relative;
	overflow: hidden;
	border: 10px solid var(--color-white);
}

.c-video-body {
	margin: 0 auto;
}

.c-video-body .c-video-item {
	display: none;
}

.c-video-body .c-video-item .c-video-bg {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 3;
	background-size: 100% 100%;
}

.c-video-body .c-video-item .c-video-bg::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0.76;
	background-color: #000;
}

.c-video-h-item:hover .c-video-img {
	transform: scale(1.05);


}

.c-video-img {
	cursor: pointer;
	overflow: hidden;
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}

.c-video-title {
	color: var(--color-white);
	position: absolute;
	bottom: -80px;
	left: 0;
	padding-left: 16px;
	padding-right: 16px;
	overflow: hidden;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

.c-video-icon .iconfont {
	cursor: pointer;
	border-radius: 50%;
	color: var(--color-white);
	border: 3px solid rgba(255, 255, 255, 0.6);
	font-size: 28px;
	z-index: 9;
	padding: 0.6rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.c-video-h-item:hover {
	overflow: hidden;
}

.c-video-h-item:hover .c-video-img::before {
	background-color: var(--color-black100);
	overflow: hidden;
	content: '';
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	opacity: 0.4;
	position: absolute;
}

.c-video-h-item:hover .c-video-img {
	position: relative;
}

.c-video-h-item:hover .c-video-icon .iconfont {
	opacity: 0;
	z-index: 9999;
}

.c-video-h-item:hover .c-video-title {
	bottom: 12px;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

.cover-box {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: var(--color-black80);
	background-size: 90% auto;
	color: var(--color-white);
}

.cover-box .closebtn {
	position: absolute;
	right: 17px;
	top: 17px;
	width: 36px;
	height: 36px;
	background: url(/resources/css/images/c-img-close.png) no-repeat 0 0;
	cursor: pointer;
	z-index: 1;
}

.cover-box .closebtn:hover {
	background-position: 0 bottom;
}

.videobox {
	width: 100%;
	height: 100%;
	display: block;
}

.videobox video {
	width: 100%;
	height: 100%;
	display: block;
}

.videobox embed {
	width: 100%;
	height: 100%;
	display: block;
}

/* 学院影像 end */
/* 三版块 */
.c-bg-3k {
	background-image: url(/resources/css/images/c-bg-3k.png);
}

.c-3k {
	height: 200px;
	overflow: hidden;
	position: relative;
	display: block;
	background-color: var(--color-black80);
}

.c-3k-img {
	overflow: hidden;
	opacity: 0.8;
	width: 100%;
	height: 100%;
	position: absolute;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

.c-3k-img:hover {
	transform: scale(1.05);
}

.c-3k-text {
	position: absolute;
	width: 36%;
	height: 100%;
	z-index: 10;
}

.c-3k-text::before {
	position: absolute;
	content: '';
	z-index: 8;
	height: 180%;
	width: 180%;
	top: 0%;
	left: -80%;
	transform: rotate(-20deg);
	background: var(--color-red) url(images/c-bg-img9.png) no-repeat 80px -30px;
	background-size: 80%;
}

.c-3k-text.c-div-blue::before {
	background-color: var(--color-blue);
}

.c-3k-title {
	white-space: nowrap;
	color: var(--color-white);
	z-index: 99;
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 12%;
	left: 16%;
	font-size: 18px;
	font-weight: 300;
}

.c-3k-title .iconfont {
	font-size: 36px;
	margin-right: 8px;
}

/* 三版块 end */
/* footer */
.foot-mian,
.foot-body {
	display: flex;
	justify-content: space-between;
}

.f_bg {
	clear: both;
	border-top: 2px solid var(--color-blue);
	padding-bottom: 160px;
	background: var(--bg-body) url(images/f_bg.jpg) no-repeat center bottom;
}


.foot-header {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 8px;
}

.foot-body-box {
	margin-right: 30px;
	box-sizing: border-box;
}

.foot-body-box a {
	line-height: 16px;
	margin: 12px 0;
	display: block;
	white-space: nowrap;
	font-size: 16px;
	font-weight: 400;
	box-sizing: border-box;
	padding-left: 12px;
	border-right: 40px solid transparent;
	border-left: 2px solid var(--color-blue);
}

.foot-body-box a:hover {
	border-right: 0 solid transparent;
	border-left: 42px solid var(--color-blue);
	color: var(--color-blue);
}

.f-copyright {
	align-items: center;
	padding: 24px 0;
	color: var(--color-white);
	background-color: var(--color-blue);
}

.f-copyright-left {
	/* flex: 1; */
}

.f-copyright-left img {
	margin: 0 8px 0 0;
}

.f-copyright-right {
	line-height: 48px;
	text-align: right;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.f-copyright-right .f-icon {
	position: relative;
}

.f-copyright-right .f-icon-img {
	position: absolute;
	bottom: 75px;
	right:0px;
}

.f-copyright-right .f-icon-img::before {
	content: '';
	bottom: -20px;
	right:1%;
	transform: translateX(-50%);
	position: absolute;
	border: 10px solid transparent;
	border-top: 10px solid var(--color-white);
}

.f-copyright-right .f-text {
	padding-right: 16px;
}

.f-copyright-right .iconfont {
	cursor: pointer;
	font-size: 24px;
	border: 12px solid rgba(255, 255, 255, 0.03);
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.03);
}

/* footer end */


/* 内页 */
.sideBar {
	background: var(--color-white) url(images/s_bg.png) no-repeat center bottom;
	padding-bottom: 320px;
	box-shadow: 0 0 16px var(--color-black5);
}

.sideBar-head {
	color: var(--color-white);
	background: var(--color-blue) url(images/sideBar-head-bg.png) no-repeat 64px center;
	line-height: 80px;
	height: 80px;
	text-align: center;
	font-size: 24px;
	font-weight: 400;
}

.sideBar .c-head-small {
	position: relative;
	text-align: center;
	line-height: 63px;
	font-size: 24px;
	color: var(--color-red);
	border-bottom: 1px solid var(--bg-body)
}

.sideBar .c-head-small::before {
	position: absolute;
	content: '';
	height: 3px;
	width: 35%;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--color-red);
}

.side_nav li {
	border-bottom: 1px solid var(--bg-body)
}

.side_nav li .side-child{display:none;}

.side_nav li.active .side-child{display:block;}

.side_nav li a {
	display: block;
	line-height: 63px;
	position: relative;
	padding-left: 122px;
	font-weight: 400;
	font-size:20px;
}

.side_nav li.active>a,
.side_nav li a:hover {
	color: var(--color-red);
}

.side_nav li.active>a::before,
.side_nav li a:hover::before {
	position: absolute;
	content: '';
	height: 16px;
	width: 3px;
	background-color: var(--color-red);
	top: 50%;
	left: 104px;
	transform: translateY(-50%);
}

.side_nav li>a {
	display: flex;
}

.side_nav li>a span:first-child {
	flex: 1;
}

.side_nav li>a span:last-child {
	padding-right: 20px;
}

.side_nav .side-child {
	display: none;
	margin: 0 16px;
	background-color: var(--bg-body);
	padding-left: 8px;
}

.c-page-head {
	/* padding-top: 16px; */
	box-sizing: border-box;

}

.c-page-title {
	position: relative;
	font-size: 24px;
	flex: 1;
}

.c-page-title .c-line::before {
	content: url(/resources/css/images/c-title-icon.png);
	position: absolute;
	top: 56%;
	left: 0;
	transform: translateY(-50%);

}

.c-page-title .c-line {
	line-height: 80px;
	height: 80px;
	padding-left: 40px;
	position: relative;
	display: inline-block;
}

.c-page-title .c-line::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	width: 100%;
	background-color: var(--color-red);

}

.c-page-breadcrumb {
	font-size: 16px;
}

.c-detailed-user {
	padding: 80px;
}

.c-user p {
	line-height: 28px;
}
.c-detailed-user h3.h3{
	font-size: 24px;
}
.c-detailed-user .c-user p {
	line-height:44px;
	opacity: 0.6;
	font-size: 20px;
}
.c-detailed-user .c-user-img {
	width:180px;
	overflow: hidden;
	float: left;
}
.c-detailed-user .c-user-img span{
	display: block;
}
.c-detailed-user .c-user-img img {
	width: 100%;
}
.c-detailed-user .c-user{
	padding-left:220px;
}
.c-detailed-user .c-user p:nth-child(2),
.c-detailed-user .c-user p:nth-child(3){
	font-weight: bold;
}

.c-tab-body-item h2.h2,
.c-tab-head {
	position: relative;
	border-bottom: 1px solid #ddd;
}

.c-tab-body-item h2.h2 span,
.c-tab-head .c-tab-h-item {
	cursor: pointer;
	font-size: 22px;
	font-weight: 400;
	padding: 16px 60px;
	display: inline-block;
	position: relative;
	white-space: nowrap;
}

.c-tab-head .c-tab-h-item.active,
.c-tab-head .c-tab-h-item:hover {
	color: var(--color-red);
}

.c-tab-body-item h2.h2 span::before,
.c-tab-head .c-tab-h-item:hover::before,
.c-tab-head .c-tab-h-item.active::before {
	content: url(/resources/css/images/c-tab-active.png);
	position: absolute;
	bottom: -18px;
	left: 50%;
	transform: translateX(-50%);
}

.c-tab-body-item {
	display: none;
	padding: 60px 0;
	line-height:36px;
	font-size: 18px;
}

.c-tab-body-item p {
	padding-bottom: 24px;
}

.c-user-item {
	overflow: hidden;
	padding: 40px 0 40px 40px;
	box-sizing: border-box;
	background-color: var(--color-white);
}

.c-user-item:hover {
	box-shadow: 0 0 16px 0 var(--color-black5);
}

.c-user-item .c-img-user a:hover img {
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	transform: scale(1.05);
}

.c-img-user {
	float: left;
	width:120px;
	overflow: hidden;
}

.c-img-user a {
	display: block;
}

.c-img-user img {
	width: 100%;
}
.c-user-item .c-user{
	margin-left: 144px;
}
.c-user-item .c-user h3.h3 {
	font-size: 20px;
	padding: 0 0 8px;
	line-height: 1.6;
}

.c-user-item .c-user h3.h3 a:hover,
.c-user-item .c-user h3.h3 a:focus{
	color:var(--color-blue)!important;
}

.c-user-item .c-user p {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 0;
	line-height: 32px;
	color: var(--color-black50);
}
.c-user-item .c-user p:nth-child(2),
.c-user-item .c-user p:nth-child(3){
	font-weight: 600;
}

.c-tab-body-item .c-xs {
	display: flex;
	background-color: var(--color-black3);
	padding: 24px;
	margin-bottom: 24px;
	justify-content: space-between;
}

.c-tab-body-item .c-xs a {
	display: inline-block;
}

.c-zm-mz a {
	padding-left: 36px;
}

.c-tab-search {
	position: absolute;
	right: 0;
	bottom: 12px;
	width: 300px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px;
	background-color: #f4f6f8;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.c-tab-search-input {
	flex: 1;
	margin-right: 8px;
	border: 0;
	background-color: transparent;

}

.c-tab-search input[type='image'] {
	width: 24px;
	height: 24px;
	display: block;

}

/* 列表 */
.c-list-line a {
	display: flex;
	line-height: 64px;
	align-items: center;
	border-bottom: 1px solid #ddd;
}

.c-list-line-title {
	flex: 1;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	white-space: nowrap;
	padding-right: 32px;
	padding-left: 24px;

}

.c-list-line a .c-list-line-title::before {
	content: '';
	border: 4px solid var(--color-red);
	position: absolute;
	left: 5px;
	top: 45%;
	display: inline-block;
	transform: rotate(45deg) !important;
	transform: translateY(-50%);
	background-color: var(--color-red);
}

/* 列表 end */
/* 分页 */
.page {
	padding: 20px 0 40px;
	text-align: center;
}
.page::before,
.page::after{
	content: "";
	display: block;
	clear: both;
}

.page a {
	display: inline-block;
	line-height: 36px;
	font-size: 18px;
	padding: 0 10px;
}

.page a:hover,
.page a.active {
	color: var(--color-red)
}

/* 分页 end */
/* 学院领导 */
.c-xyld-item {
	padding: 60px 40px 40px 60px;
	margin-bottom: 40px;
	display: flex;
	background: var(--color-white);
}

.c-xyld-item .c-xyld-img a {
	display: block;
	position: relative;
	z-index: 9;
}

.c-xyld-item .c-xyld-img a::before {
	content: '';
	top: -20px;
	width:75%;
	height: 100%;
	left: -20px;
	z-index: -1;
	position: absolute;
	background-color: var(--bg-body);
}

.c-xyld-item .c-xyld-img img {
	width:75%;
}

.c-xyld-head {
	font-size: 24px;
	display: flex;
	align-items: center;
	margin-bottom: 24px;
}

.c-xyld-title {
	font-size: 36px;
	white-space: nowrap;
	padding-right: 16px;
}

.c-xyld-info {
	opacity: 0.8;
	padding: 0;
}

.c-xyld-body .c-p {
	display: flex;
}

.c-xyld-body .c-p-label {
	white-space: nowrap;
	line-height: 2.2;
}

.c-xyld-body .c-p-body {
	line-height: 2.2;
	flex: 1;
}

/* 详细页 */
.c-date-time{
	font-size: 14px;
}
.c-date-time span{
	padding: 0 8px;
}
.c-con {
	font-size: 16px!important;
	font-family: '宋体'!important;
	line-height:1.8!important;
	/* font-size: 16px;
	line-height: 30px;
	padding-bottom: 100px; */
}

.c-con p {
	/* padding-bottom: 20px; */
}

.c-con img {
	padding: 0;
	/* width:600px;
	display:flex; */
	margin: 0 auto;
}

.c_history li {
	position: relative;
	display: flex;
}

.c_history li:before {
	content: "";
	display: block;
	height: 100%;
	border-right: 1px solid #b6bdc6;
	position: absolute;
	left: 110px;
}

.c_history li b {
	display: inline-block;
	width: 120px;
	font-size: 24px;
	font-weight: 500;
	font-family: DIN-Bold;
	color: var(--color-red);
	position: relative;
	top: 4px;
}

.c_history em {
	display: inline-block;
	width: 21px;
	height: 21px;
	margin: 0 20px;
	background: url(/resources/css/images/c-icon.png) no-repeat;
	position: relative;
	background-size: 100%;
	z-index: 3;
	top: -22px;
	left: 80px;
}

.c_history li a {
	display: inline-block;
	margin: 30px 0 30px 0;
	color: #575757;
	font-size: 18px;
	position: relative;
	top: -42px;
	width: 100%;
	background-color: #fff;
	padding: 40px;
	line-height: 2;
	box-sizing: border-box;
}

.c_history li a:after {
	content: '';
	border: 12px solid transparent;
	border-right: 12px solid var(--color-white);
	position: absolute;
	top: 39px;
	left: -24px;
}

.c_history {
	position: relative;
	margin-top: 80px;
	padding-top: 25px;
	padding-bottom: 40px;
}

.c_history li div {
	float: left;
	margin-top: 19px;
}



.c_history:before {
	position: absolute;
	font-size: 32px;
	font-weight: 300;
	top: -26px;
	left: 97px;
	color: #b6bdc6;
}

.c_history li:first-child:before {
	height: 650px;
	top: -23px;
}

.c-info {
	margin-bottom: 80px;
	position: relative;
	padding: 80px 80px 120px;
	background: url(/resources/css/images/c-img-bg.png) no-repeat center bottom;
}

.c-info::before {
	position: absolute;
	top: 0;
	left: 0;
	content: url(/resources/css/images/c-img-top-right.png);
}

.c-info::after {
	position: absolute;
	bottom: 0;
	right:-16px;
	content: url(/resources/css/images/c-img-bottom-left.png);
}

.c-info p {
	line-height: 36px;
	padding-bottom: 40px;
	text-indent: 32px;
}

.c-info p:last-child {
	padding-bottom: 200px;
	background: url(/resources/css/images/c-qm.png) no-repeat right bottom;
	background-size: 20%;
}

.c-info-yz {
	float: left;
	margin: 0 80px 60px 0;
	border: 20px solid transparent;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
}

.layui-layer {
	box-shadow: 0 0 0 transparent !important;
	background-color: transparent !important
}

.layui-layer-page .layui-layer-btn {
	top: -10px;
	right: -80px;
	position: absolute;
}

.layui-layer-btn .layui-layer-btn0 {
	border-color: transparent !important;
	background-color: transparent !important;
}

.layui-layer-btn .layui-layer-btn0::before {
	content: "\e752";
}

.layui-layer-btn a {
	font-size: 36px;
	font-weight: 300;
}

/* 介绍 */
.c-jj01 {
	position: relative;
	text-align: center;
	overflow: hidden;
	padding: 80px 0;
	border-bottom: 1px solid var(--bg-body) background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--color-white))
}

.c-jj01 img {
	width: 50%;
}

.c-jj01::before {
	position: absolute;
	left: 50%;
	bottom: -50%;
	transform: translateX(-50%);
	content: url(/resources/css/images/c-img-bg.png);
}

.c-jj .c-jj-info {
	line-height: 36px;
	padding: 48px 80px;
	background-color: var(--color-white);
}

.c-jj .c-jj-info p {
	text-indent: 36px;
}

.c-jj-list {
	margin: 40px 0;
}

.c-jj-list li {
	margin-bottom: 16px;
	display: flex;
	align-items: center;
	background-color: var(--color-white);
}

.c-jj-date {
	padding: 20px;
	font-size: 24px;
	text-align: center;
	color: var(--color-white);
	background-color: var(--color-blue);
}

.c-jj-date span {
	font-weight: 300;
	font-family: din;
	display: block;
}

.c-jj-list-m {
	padding-left: 40px;
}

.c-jj-label {
	padding-bottom: 8px;
}

.c-jj-title {
	font-size: 24px;
}


.c-kpi .c-kpi-item {
	position: relative;
	text-align: center;
	width: 240px;
	height: 240px;
	margin: 0 auto;
	z-index: 1;
	padding-top: 80px;
	box-sizing: border-box;
}

.c-kpi .c-kpi-item .c-kpi-title {
	font-size: 24px;
	padding-bottom: 16px;
}

.c-kpi .c-kpi-item .c-kpi-mun {
	font-size: 44px;
	font-family: din;
	font-weight: 600;
}

.c-kpi .c-kpi-item .c-kpi-m small {
	font-size: 18px;
}

.c-kpi .c-kpi-item::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
	background: url(/resources/css/images/c-img-zb1.png) no-repeat center center;
}

.c-kpi .c-kpi-item2::after {
	transform: rotate(120deg);
}

.c-kpi .c-kpi-item3::after {
	transform: rotate(240deg);
}

.c-jj03 {
	color: var(--color-red);
	padding: 40px;
	background-image: url(/resources/css/images/c-img-jj-bg.png);
	background-size: 100% 100%;
}

.c-jj03 .c-jj03-title {
	text-align: center;
	font-size: 36px;
	padding: 40px 0 80px;
}

.c-jj03-main {
	line-height: 48px;
	padding: 40px;
	font-size: 18px;
	background-color: rgba(255, 255, 255, 0.6);
}
.c-jj04::before,
.c-jj04::after,
.c-jj03-main::before,
.c-jj03-main::after{
	clear: both!important;
	content: '';
	display: block;
}

.c-list-small {
	position: relative;
	padding-left: 20px;
}

.c-list-small::before {
	content: '';
	border: 3px solid var(--color-blue);
	display: block;
	transform: rotate(45deg);
	position: absolute;
	top: 22px;
	left: 0;
}

.c-jj04 {
	background-color: var(--color-white);
}

.c-jj-img-bg {
	margin-top: 60px;
	z-index: 2;
	position: relative;
	display: inline-block;
	background-color: #797A7C;
}

.c-jj-img-bg::before {
	content: '';
	display: block;
	position: absolute;
	left: -30px;
	bottom: -30px;
	height: 100%;
	width: 100%;
	z-index: -1;
	background-color: var(--bg-body);
}

.c-jj-img-bg img {
	width: 100%;
}

.c-jj05 .c-jj-info {
	padding-bottom: 60px;
	color: var(--color-white);
	background: var(--color-blue) url(images/c-img-bg3.png) no-repeat center bottom;
	background-size: 100% auto;
}

/* .c-jj05 .c-jj-info::before {
	position: absolute;
	bottom: -140px;
	opacity: 0.35;
	width: 100%;
	content: url(/resources/css/images/c-img-bg2.png);
} */

/* 愿景 */
.c-img-100 img {
	width: 100%;
	margin-bottom: 80px;
}

/* 详细页 end */

/* 内页 end */


.vjs-paused .vjs-big-play-button,
.vjs-paused.vjs-has-started .vjs-big-play-button {
	display: block;
}

.video-js .vjs-big-play-button {
	font-size: 2.5em;
	line-height: 2.3em;
	height: 2.5em;
	width: 2.5em;
	-webkit-border-radius: 2.5em;
	-moz-border-radius: 2.5em;
	border-radius: 2.5em;
	background-color: #73859f;
	background-color: rgba(115, 133, 159, .5);
	border-width: 0.15em;
	margin-top: -1.25em;
	margin-left: -1.75em;
}

/* 中间的播放箭头 */
.vjs-big-play-button .vjs-icon-placeholder {
	font-size: 1.63em;
}

/* 加载圆圈 */
.vjs-loading-spinner {
	font-size: 2.5em;
	width: 2em;
	height: 2em;
	border-radius: 1em;
	margin-top: -1em;
	margin-left: -1.5em;
}

.video-js.vjs-playing .vjs-tech {
	pointer-events: auto;
}

.video-js .vjs-time-control {
	display: block;
}

.video-js .vjs-remaining-time {
	display: none;
}


.video-js .vjs-big-play-button {
	font-size: 2.5em;
	line-height: 2.3em;
	height: 2.5em;
	width: 2.5em;
	-webkit-border-radius: 2.5em;
	-moz-border-radius: 2.5em;
	border-radius: 2.5em;
	background-color: #73859f;
	background-color: rgba(115, 133, 159, .5);
	border-width: 0.15em;
	margin-top: -1.25em;
	margin-left: -1.75em;
}

/* 中间的播放箭头 */
.vjs-big-play-button .vjs-icon-placeholder {
	font-size: 1.63em;
}

/* 加载圆圈 */
.vjs-loading-spinner {
	font-size: 2.5em;
	width: 2em;
	height: 2em;
	border-radius: 1em;
	margin-top: -1em;
	margin-left: -1.5em;
}


.mySwiper {
	padding: 80px 40px;
	overflow: hidden;
}

.c-ny-fluid {
	position: relative;
}

.c-ny-fluid::before {
	content: '';
	width: 100%;
	height: 3px;
	background-color: var(--color-blue);
	position: absolute;
	top: 157px;
	left: 0;
}

.c-ny-body {
	width: 1680px;
	margin: 0 auto;
	padding-top: 80px;
	overflow: hidden;
	/* display:flex; */
	
}

.sideBar {
	/* position: absolute; */
	float: left;
	width: 340px;
}

.c-ny-main {
	margin-left: 420px;
}

.layui-fixbar-top {
	background-color:rgba(1,61,135,0.75) !important;
}

.info-list h3{ 
	line-height: 48px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.info-list h3 span{
	position: relative;
	display: inline-block;
}
.info-list h3 span::before{
	content: '';
	position: absolute;
	height:2px;
	width:100%;
	bottom:-1px;
	background-color: var(--color-red);
	
}

.c-btn-box{
	padding:50px 0;
}
a.c-btn{
	margin:20px;	
	white-space: nowrap;
	padding: 16px 36px;
	color:var(--color-white);
	background-color:var(--color-blue);
}
a.c-btn:hover{
	background-color: var(--color-red);
}
a.c-btn .iconfont{
	font-size:24px;
	padding-right:4px;
}