html {
	font-size: 100px;
}

/* @font-face {
	font-family: 'pf';
	src: url(font/PingFangRegular.ttf)
} */

@font-face {
	font-family: 'din';
	src: url(font/DIN-Medium.otf)
}

body {
	font-family: 'Microsoft YaHei';
	font-size: .16rem;
	background-color: #fff;
	color: #333;
	overflow-x: hidden
}

.jsj-header-warp {
	width: 100%;
	height: 1.4rem;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	background: linear-gradient(180deg, rgba(1, 1, 1, 0.8) 0%, rgba(103, 103, 103, 0) 100%);
}


body.listPage .jsj-header-warp {
	height: 1.4rem;
	background: #204999;
}

body.listPage .jsj-header-warp.fixed {
	box-shadow: 0 0 10px rgb(103 103 103 / 60%);
}

.jsj-header-warp .jsj-contain-box {
	padding: .28rem 0 0 0;
	z-index: 5
}

.jsj-header-warp .jsj-nav-box .jsj-contain-box {
	z-index: 2
}

.jsj-nav-box .jsj-contain-box {
	padding: 0;
}

.jsj-header-warp>.jsj-contain-box>.jsj-contain-padding>.clearfix {
	display: flex;
	justify-content: space-between;
}

.jsj-contain-box,
.container {
	max-width: 15rem;
	margin: 0 auto;
	padding: .46rem 0 .6rem 0;
	position: relative;
	z-index: 2
}

.footer .jsj-contain-box {
	padding: .42rem 0;
}

.jsj-bg .jsj-contain-box {
	padding: .38rem 0 .46rem 0;
}

.jsj-footer-img .jsj-contain-box {
	padding: .3rem 0
}

.jsj-logo {
	width: 50%;
	transition: .3s;
	margin-top: -.25rem;
}

.jsj-logo a {
	display: flex;
	height: 100%;
	align-items: center;
}

.jsj-logo a img {
	max-width: 100%;
}

.jsj-header-right-box {
	width: 50%;
	position: relative;
	/* display: flex; */
	justify-content: right;
	align-items: center;
}

.jsj-header-right-box>ul {
	display: flex;
	justify-content: right;
}

.jsj-header-right-box>ul>li {
	padding: 0 .14rem;
	position: relative;
}

.jsj-header-right-box>ul>li>a {
	padding: .05rem .1rem;
	font-weight: 500;
	font-size: .16rem;
	color: #FFFFFF;
	border-radius: .05rem;
	border: 1px solid #FFFFFF;
}

.jsj-nav-box>ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.jsj-nav li {
	position: relative;
	z-index: 999;
}

.jsj-nav>li>a {
	display: block;
	height: .9rem;
	line-height: .9rem;
	text-align: center;
	transition: .3s;
	font-weight: 500;
	font-size: .2rem;
	color: #FFFFFF;
}



.jsj-nav>li>a::before {
	content: '';
	background: url(../images/nav-arrow.png) no-repeat center;
	width: .24rem;
	height: .09rem;
	position: absolute;
	left: 50%;
	bottom: -.01rem;
	transform: translateX(-50%);
	opacity: 0;
	visibility: hidden;
	transition: opacity .4s ease, top .45s ease;
	background-size: contain;
}

.jsj-nav>li:hover>a::before {
	opacity: 1;
	visibility: visible;
}

.jsj-suNnav {
	position: absolute;
	left: 0;
	top: 160%;
	/* width: 130%; */
	opacity: 0;
	visibility: hidden;
	transition: opacity .4s ease, top .45s ease;
	/* transform: translateX(-50%); */
	background: #fff;
	box-shadow: 10px 5px 10px 0px rgba(0, 0, 0, 0.12);
	padding: .13rem 0;
	border-left: solid 5px #EEA53E;
	border-top: solid 5px #EEA53E;
}

.jsj-nav-box li:hover .jsj-suNnav {
	top: 100%;
	opacity: 1;
	visibility: visible;
	z-index: 100;
}

.jsj-nav-box li .jsj-suNnav li {
	/* width: 130%; */
}

.jsj-nav-box li .jsj-suNnav li a {
	display: block;
	color: #204999;
	font-size: .2rem;
	padding: .1rem .2rem;
	/* text-align: center; */
}

.jsj-nav-box li .jsj-suNnav li a:hover {
	color: #fff !important;
	background: #204999 !important;
}

.jsj-search-icon {
	width: .21rem;
	height: .21rem;
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url(../images/search.png) no-repeat;
	transition: .3s;
	background-size: contain;
}

.jsj-banner {
	position: relative;
	overflow: hidden;
}

.jsj-banner .swiper-slide::after {
	content: "";
	background: rgba(32, 73, 153, .3);
	width: 100%;
	height: 1rem;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}

.jsj-banner .swiper-slide .box {
	position: relative;
}

.jsj-banner .swiper-slide .img {
	height: 9.45rem;
}

.jsj-banner .swiper-slide .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.jsj-banner .jsj-contain-box {
	width: 15rem;
	height: .3rem;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: 0;
}

.jsj-banner .jsj-contain-box .title {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 70%;
	font-weight: 500;
	font-size: .24rem;
	color: #FFFFFF;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	z-index: 20;
	text-align: right;
	padding: .35rem 0;
}

.jsj-banner .jsj-contain-box .title a {
	color: #FFFFFF;
}

.jsj-banner .swiper-pagination {
	bottom: .35rem;
	left: 0;
	text-align: left;
}

.jsj-banner .swiper-pagination-bullet {
	width: .16rem;
	height: .16rem;
	opacity: 1;
	margin: 0 .12rem;
	background: rgba(255, 255, 255, 0.6);
	text-align: left;
}

.jsj-banner .swiper-pagination-bullet-active {
	width: .16rem;
	height: .16rem;
	opacity: 1;
	background: rgba(255, 255, 255, 1);
}

.jsj-title-box {
	margin-bottom: .45rem;
	display: flex;
	justify-content: space-between;
	align-items: end;
	position: relative;
}

.jsj-title {
	font-weight: 600;
	font-size: .36rem;
	color: #000;
	position: relative;
}

.jsj-title::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -.3rem;
	width: 1.56rem;
	height: .24rem;
	background: url(../images/title-bg.png) no-repeat;
	background-size: contain;
}

.jsj-more {
	width: 1.23rem;
	height: .32rem;
	line-height: .32rem;
	background: #204999;
	border-radius: 1rem 0px 0px 1rem;
	font-weight: 500;
	font-size: .16rem;
	color: #FFFFFF;
	text-indent: .4rem;
}

.jsj-more img {
	vertical-align: middle;
	margin-left: .05rem;
}

.jsj-news-warp {
	display: flex;
	flex-wrap: wrap;
}

.jsj-news-img-list {
	width: calc(100% - 7.76rem - .45rem);
	margin-left: .45rem;
	height: 4.4rem;
	overflow: hidden;
}

.jsj-news-img-list .swiper {
	height: 100%;
}

.jsj-news-img-list .swiper-slide a {
	display: block;
	position: relative;
}


.jsj-news-img-list .swiper-slide a .img {
	display: block;
	width: 5.26rem;
	height: 4.39rem;
	overflow: hidden;
}

.jsj-news-img-list .swiper-slide a .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow: hidden;
	transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	-webkit-transition: all 0.6s;
}

.jsj-news-img-list .swiper-slide a .img img:hover {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1)
}

.jsj-news-img-list .swiper-slide a .box {
	position: absolute;
	right: .3rem;
	bottom: .21rem;
	width: 2.79rem;
	height: 2.52rem;
	background: #FFFFFF;
	box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.25);
	padding: .16rem;
}

.jsj-news-img-list .swiper-slide a .box .title {
	height: .75rem;
	line-height: .25rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	font-weight: bold;
	font-size: .2rem;
	color: #000000;
}

.jsj-news-img-list .swiper-slide a .box .des {
	height: 1.2rem;
	line-height: .25rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	font-weight: 500;
	font-size: .16rem;
	color: #666666;
	margin: .12rem 0;
}

.jsj-news-img-list .swiper-slide a .box .more {
	text-align: right;
}

.jsj-news-img-list .swiper-button-next:after,
.jsj-news-img-list .swiper-button-prev:after {
	display: none;
}

.jsj-news-img-list .swiper-button-prev {
	width: .31rem;
	height: .87rem;
	background: url(../images/btn-left-arr.png) no-repeat;
}

.jsj-news-img-list .swiper-button-next {
	width: .31rem;
	height: .87rem;
	background: url(../images/btn-right-arr.png) no-repeat;
}

.jsj-news-img-list .swiper-pagination {
	right: .33rem;
	bottom: .21rem !important;
}

.jsj-news-img-list .swiper-pagination-bullet {
	width: .16rem;
	height: .16rem;
	opacity: 1;
	margin: 0 .08rem !important;
	background: rgba(255, 255, 255, 0.6);
	transition: .3s;
}

.jsj-news-img-list .swiper-pagination-bullet-active {
	width: .64rem;
	height: .16rem;
	opacity: 1;
	border-radius: .4rem;
	background: rgba(255, 255, 255, 1);
}

.jsj-news-list {
	width: 7.76rem;
}

.jsj-news-list li .time {
	width: .68rem;
	/* color: #333333; */
	text-align: center;
}

.jsj-news-list li .time .day {
	font-family: 'din';
	font-weight: 500;
	font-size: .36rem;
	color: #000000;
}

.jsj-news-list li .time .year {
	font-family: 'din';
	font-weight: 400;
	font-size: .18rem;
	color: #000000;
	margin-top: -.08rem;
}

.jsj-news-list ul li {
	border-radius: .03rem;
	padding: .16rem 0 .12rem 0;
	transition: all 0.2s ease-in;
	position: relative;
	border-bottom: 1px solid rgba(153, 153, 153, .3);
}

.jsj-news-list ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 5px;
	height: 0;
	background: #2686D4;
	transition: all 0.1s ease-in;
}

.jsj-news-list ul li:first-child {
	margin: 0 0 .06rem 0;
}

.jsj-news-list li a {
	display: flex;
	align-items: center;
}

.jsj-news-list li .img {
	width: 1.98rem;
	height: 1.55rem;
	overflow: hidden;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}

.jsj-news-list li .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow: hidden;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.jsj-news-list li:hover .img img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.jsj-news-list li .box {
	width: calc(100% - .68rem - .2rem);
	margin-left: .2rem;
}

.jsj-news-list li a .tit {
	font-weight: 500;
	font-size: .2rem;
	color: #000000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.jsj-news-list li .box .des {
	font-weight: 400;
	font-size: .16rem;
	color: #666666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: .05rem;
}

.jsj-news-list li:hover .time .day,
.jsj-news-list li:hover .time .year,
.jsj-news-list li:hover a .tit,
.jsj-news-list li:hover .box .des {
	color: #204999;
}

.jsj-bg {
	background: url(../images/video-bg.png) no-repeat;
	background-size: cover;
}

.jsj-video-box {
	margin-top: .1rem;
}

.jsj-video-warp {
	display: flex;
	flex-wrap: wrap;
}

.jsj-video-box .top {
	width: 10rem;
}

.jsj-video-box .top a {
	display: block;
	position: relative;
}

.jsj-video-box .img {
	width: 10rem;
	margin: 0 auto;
	height: 5.6rem;
	overflow: hidden;
}

.jsj-video-box .img video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow: hidden;
	/* transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s; */
}

.jsj-video-box .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow: hidden;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.jsj-video-box:hover .img img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.jsj-video-box .top .box {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: .46rem;
	background: linear-gradient(139deg, #204999 0%, rgba(11, 24, 51, 0) 100%);
}

.jsj-video-box .top .box .tit {
	padding: .1rem .25rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
	font-size: .2rem;
	color: #FFFFFF;
}

.jsj-video-list {
	width: calc(100% - 10rem - .35rem);
	margin-left: .35rem;
}

.jsj-video-list ul li {
	background: rgba(174, 196, 238, 0.8);
	border-top: solid 6px rgba(32, 73, 153, 1);
}

.jsj-video-list ul li .box {
	padding: .16rem .23rem;
	border-bottom: 1px solid #E4E4E4;
	margin-bottom: .29rem;
}

.jsj-video-list ul li .box .tit {
	height: .5rem;
	line-height: .25rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-weight: 500;
	font-size: .2rem;
	color: #333333;
}

.jsj-video-list ul li .box .tit::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: .3rem;
	height: .3rem;
	background-size: contain;
}

.jsj-video-list ul li .box .des {
	line-height: 1.4em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
	margin-top: .05rem;
	font-weight: 500;
	font-size: .16rem;
	color: #666666;
}

.jsj-video-list ul li .box .time {
	font-family: 'din';
	font-weight: 500;
	font-size: .24rem;
	color: #333333;
	text-align: right;
}

.jsj-video-list ul li:hover .box {
	background: #1D428A;
}

.jsj-video-list ul li:hover .box .tit,
.jsj-video-list ul li:hover .box .des,
.jsj-video-list ul li:hover .box .time {
	color: #fff;
}

.jsj-talent-box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.jsj-talent-list {
	width: calc(100% - 6.68rem - 1.03rem);
	margin-right: 1.03rem;
}

.jsj-talent-list ul li {
	margin-bottom: .28rem;
	background-color: #fff;
}

.jsj-talent-list ul li .box {
	display: flex;
	padding: .1rem 0 .1rem .3rem;
	border-bottom: 1px solid #E6E6E6;
	position: relative;
	transition: .3s;
}

.jsj-talent-list ul li .box::before {
	content: "";
	width: .12rem;
	height: .12rem;
	background: #666666;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
	transition: .3s;
}

.jsj-talent-list ul li .box .tit {
	width: calc(100% - 1.8rem);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 500;
	font-size: .2rem;
	color: #000000;
	transition: .3s;
}

.jsj-talent-list ul li .box .time {
	width: 1.8rem;
	font-family: 'din';
	font-weight: 500;
	font-size: .24rem;
	color: #333333;
	text-align: right;
	transition: .3s;
}

.jsj-talent-list ul li:hover .box .tit,
.jsj-talent-list ul li:hover .box .time {
	color: #204999;
}

.jsj-talent-list ul li:hover .box::before {
	background-color: #204999;
}

.jsj-talent-img {
	width: 6.68rem;
	height: 3.55rem;
	overflow: hidden;
}

.jsj-talent-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow: hidden;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #011053;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #011053;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #011053;
}

.listPageBar {
	margin: .4rem auto
}

.listPageBar table tr td:first-child {
	display: none
}

.listPageBar table tr td+td {
	width: 100%;
	text-align: center
}

.listPageBar table tr td+td+td {
	display: none
}

.listPageBar a,
.listPage span {
	font-family: "Microsoft YaHei";
}

.pb_sys_style1 .p_no_d {
	border: 1px solid #204999 !important;
	color: #fff;
	background: #204999 !important;
}

.navbar-toggle {
	display: none;
	position: fixed;
	width: 20px;
	padding: 0;
	border: none;
	z-index: 20000;
	background-color: transparent;
	background-image: none;
	right: .15rem;
	top: .2rem;
	cursor: pointer
}

.navbar-toggle.on {
	top: .3rem;
}

.navbar-toggle .icon-bar {
	-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-color: #fff;
	width: 100%;
	height: 2px;
	border-radius: 0;
	margin-top: 0.1rem;
	display: block
}

.navbar-toggle.on .icon-bar {
	background-color: #fff;
}

.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 4px;
}

.navbar-toggle.on .icon-bar.icon-bar1 {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-bottom: -12px;
}

.navbar-toggle.on .icon-bar.icon-bar2 {
	background: transparent
}

.navbar-toggle.on .icon-bar.icon-bar3 {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.jsj-layer-box.on {
	height: 100%;
}

.navbar-toggle.active .icon-bar {
	background-color: #fff;
}

.jsj-layer-box {
	width: 100%;
	height: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 998;
	background-color: #204999;
}

.jsj-layer-box .jsj-nav {
	margin-top: .25rem;
}

.jsj-layer-box.on .jsj-layer-nav {
	display: block;
}

.jsj-layer-nav .jsj-layer-suNnav.on {
	display: block
}

.jsj-layer-nav {
	display: none;
	margin-top: 80px;
}

.jsj-layer-nav li {
	margin: 0 .1rem;
	position: relative;
}

.jsj-layer-nav li strong {
	color: #fff;
	position: absolute;
	right: 20px;
	top: 0;
	font-size: .25rem;
	cursor: pointer;
	width: 10px;
	height: 45px;
	text-align: center;
	line-height: 40px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.jsj-layer-nav li strong.on {
	transform: rotate(45deg)
}

.jsj-layer-nav li a {
	display: block;
	padding: 10px;
	color: #fff;
	font-size: 14px;
	border-bottom: solid 1px rgba(255, 255, 255, .2);
}

.jsj-layer-nav .jsj-layer-suNnav {
	display: none;
}

.jsj-layer-nav .jsj-layer-suNnav li a {
	font-size: 12px;
	color: #fff;
	text-indent: 5px;
}

.jsj-layer-nav .jsj-layer-suNnav li a:hover {
	color: #fff
}

.jsj-layer-box.on .jsj-layer-search {
	display: block;
}

.jsj-layer-search {
	display: none;
	position: relative;
	padding: .1rem;
	margin-top: .2rem;
	transition: .6s;
}

.jsj-layer-txt {
	width: 98%;
	height: 20px;
	line-height: 20px;
	padding: 5px 1%;
	font-family: 'Microsoft YaHei';
	font-size: 12px;
	color: #333;
	outline: none;
	background-color: #fff;
	border-radius: 5px;
}

.jsj-layer-btn {
	width: 21px;
	height: 21px;
	display: block;
	background: url(../images/search.png) no-repeat top center;
	cursor: pointer;
	font-size: 0;
	position: absolute;
	top: 10px;
	right: 20px;
}

.footer {
	background-image: url(../images/footer.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

.footer-logo {
	float: left;
	width: 22%;
	margin-top: .45rem;
	margin-right: 3%;
}

.footer-logo img {
	width: 100%;
}

.footer-title {
	font-size: .22rem;
	color: #dae7fb;
	margin: 0 0 .2rem;
}

.footer-title span {
	font-weight: 400;
	font-size: .2rem;
	color: #FFFFFF;
}

.footer-passage {
	width: 55%;
	float: left;
}

.footer-passage ul li {
	float: left;
	width: .98rem;
	text-align: center;
	margin-right: .08rem;
	padding: .14rem 0 0 0;
	min-height: 1.2rem;
}

.footer-passage ul li.on1 {
	background-color: rgba(0, 214, 255, 0.21);
}

.footer-passage ul li.on1:hover {
	background-color: rgba(0, 214, 255, 0.31);
}

.footer-passage ul li.on2 {
	background-color: rgba(0, 129, 255, 0.21);
}

.footer-passage ul li.on2:hover {
	background-color: rgba(0, 129, 255, 0.31);
}

.footer-passage ul li .passage-img {
	width: .45rem;
	height: .47rem;
	overflow: hidden;
	margin: 0 auto;
}

.footer-passage ul li .passage-img img {
	width: 100%;
}

.footer-passage ul li p {
	font-size: .16rem;
	color: #dae7fb;
	margin: .08rem .08rem 0 .08rem;
}

.footer-us {
	width: 20%;
	float: left;
}

.footer-us p {
	font-size: .14rem;
	color: #dae7fb;
	line-height: .28rem;
}

.copy {
	text-align: center;
	padding: .1rem 0;
	border-top: 1px solid #577cbe;
}

.copy p {
	font-size: .14rem;
	/* line-height: 28px; */
	color: #dae7fb;
	opacity: 0.5;
}

.article-content {
	margin-top: 1.2rem;
}

.kuang-bottom {
	border-bottom: 2px solid #204999;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding-bottom: .1rem;
}

.about .kuang-bottom {
	border-bottom: none;
}

.kuang-bottom .column {
	font-weight: bold;
	font-size: .36rem;
	color: #000000;
}

.location {
	position: relative;
	text-indent: .2rem;
}

.location::before {
	content: "";
	position: absolute;
	left: 0;
	top: .02rem;
	/* transform: translateY(-50%); */
	background: url(../images/home.png) no-repeat;
	width.5rem;
	height: .16rem;
	width: .16rem;
	background-size: contain;
}

.location span {
	margin: 0 .1rem;
}

.nav-left {
	width: 2.51rem;
	background: #204999;
	margin-top: 16px;
	overflow: hidden;
	float: left;
	margin-bottom: 100px;
}

.nav-left ul {
	margin: 15px 25px 35px;
}

.nav-left ul li {
	border-bottom: 1px solid #4b6dab;
	position: relative;
}

.nav-left ul li::after {
	content: "";
	background: #fff;
	width: 0;
	height: 100%;
	position: absolute;
	left: -25px;
	top: 0;
	-moz-transition: width 0.9s ease-in-out;
	-webkit-transition: width 0.9s ease-in-out;
	-o-transition: width 0.9s ease-in-out;
	-ms-transition: width 0.9s ease-in-out;
	transition: width 0.9s ease-in-out;
	z-index: 1;
}

.nav-left ul li:hover:after,
.nav-left ul li.active:after {
	width: calc(100% + 25px);
}

.nav-left ul li a {
	display: block;
	font-size: 18px;
	color: #fff;
	padding: 10px 0;
	-moz-transition: color 0.9s ease-in-out;
	-webkit-transition: color 0.9s ease-in-out;
	-o-transition: color 0.9s ease-in-out;
	-ms-transition: color 0.9s ease-in-out;
	transition: color 0.9s ease-in-out;
	position: relative;
	z-index: 2;
}

.nav-left ul li:hover a,
.nav-left ul li.active a {
	color: #204999;
}

.right-list {
	margin-left: 2.67rem;
	overflow: hidden;
	min-height: 3rem;
}

.postgraduate-list.under-new ul li a {
	padding: .33rem 0;
}

.postgraduate-list.under-new ul li:hover a p,
.postgraduate-list.under-new ul li:hover a span {
	color: #204999;
}

.under-new ul {
	margin-bottom: 50px;
}

.under-new ul li {
	border-bottom: 1px solid #EEEEEE;
}

.under-new ul li a {
	display: block;
	overflow: hidden;
}

.under-new ul li a p {
	width: 75%;
	float: left;
	line-height: 38px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 500;
	font-size: .2rem;
	color: #333333;
}

.under-new ul li a span {
	width: 25%;
	text-align: right;
	display: block;
	float: left;
	line-height: 38px;
	font-family: 'din';
	font-weight: 500;
	font-size: .24rem;
	color: #333333;
}

.teacher-list {
	margin: .16rem 0
}

.teacher-column {
	background: #204999;
	padding: .13rem 0 .13rem .4rem;
	position: relative;
	font-weight: 500;
	font-size: .2rem;
	color: #FFFFFF;
}

.teacher-column::before {
	content: "";
	position: absolute;
	left: .16rem;
	top: 50%;
	transform: translateY(-50%);
	width: .06rem;
	height: .3rem;
	background: #FFFFFF;
}

.teacher-table {
	width: 100%;
	margin-bottom: .6rem;
	margin-left: -1px;
}

.teacher-table .title {
	background: #F2F2F2;
}

.teacher-table tr td {
	padding: .12rem .2rem;
	border-bottom: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
	font-weight: 400;
	font-size: .16rem;
	color: #333333;
}

.teacher-table tr td a{
	display: block;
	color: #1D5BD5;
	text-align: center;
}

.teacher-table tr td a img{
	vertical-align: top;
}

.teacher-table tr td p {
	word-break: break-word;
}

.article {
	margin-top: .3rem;
}

.article h1.intro {
	text-align: center;
	font-size: 16px;
	color: #204999;
	font-family: "Microsoft YaHei";
	line-height: 1.5;
	margin: 0;
}

.article h2.title {
	font-weight: bold;
	font-size: .22rem;
	color: #333333;
	text-align: center;
}

.article h3.subtitle {
	font-size: .16rem;
	color: #204999;
	line-height: 1.5;
	text-align: center;
}

.article h4.information {
	text-align: center;
	padding: .15rem 0;
	border-bottom: 1px solid #EEEEEE;
	font-weight: 500;
	font-size: .16rem;
	color: #777777;
}

.article .content {
	margin: .2rem 0;
}

.article .content,
.article .content p {
	color: #333 !important;
	line-height: 2em !important;
	font-family: "Microsoft YaHei" !important;
}

.article .content p span {
	color: #333 !important;
	line-height: 2em !important;
	font-family: "Microsoft YaHei" !important;
}

.article .content p img {
	max-width: 100%;
	height: auto !important;
}

.jianjie-box {
	display: flex;
	flex-wrap: wrap;
	background: #204999;
	margin-top: .3rem;
}

.jianjie-box .jianjie-img {
	width: 6.68rem;
	height: 3.55rem;
	overflow: hidden;
	margin-top: -.29rem;
}

.jianjie-box .jianjie-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow: hidden;
}

.jianjie-box-text {
	width: calc(100% - 6.68rem - .5rem);
	padding: .25rem .25rem .4rem .25rem;
	background: url(../images/jianjie-bg.png) no-repeat;
	position: relative;
}

.jianjie-box-text::before {
	content: "";
	width: 0;
	height: 0;
	border-left: 0px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 30px solid #0E2552;
	position: absolute;
	left: 0;
	top: -.3rem;
}

.jianjie-box-text h3 {
	position: absolute;
	left: 0;
	top: 25px;
	width: 80%;
	background: url(../images/jianjie-h3.png) no-repeat;
	background-size: 100% 100%;
	font-size: 46px;
	color: #204999;
	line-height: 48px;
	height: 48px;
	font-weight: normal;
	font-family: "Microsoft YaHei";
	padding-left: 408px;
	margin: 0;
}

.jianjie-box-text h3 strong {
	font-size: 30px;
	color: #ededed;
	font-weight: bold;
	position: absolute;
	left: 691px;
	top: -1px;
}

.jianjie-box-text p {
	font-size: .16rem;
	color: #FFFFFF;
	line-height: 1.5em;
	text-align: justify;
}

.jianjie-jiagou {
	margin-top: .5rem;
}

.about .kuang-bottom h3.column,
.jianjie-jiagou h3,
.jianjie-shizi h3,
.contactUs h3 {
	font-weight: bold;
	font-size: .36rem;
	color: #000000;
	position: relative;
	margin-bottom: .5rem;
}

.about .kuang-bottom h3.column::before,
.jianjie-jiagou h3::before,
.jianjie-shizi h3::before,
.contactUs h3::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -.3rem;
	width: 1.56rem;
	height: .24rem;
	background: url(../images/title-bg.png) no-repeat;
	background-size: contain;
}

.jianjie-jiagou p {
	font-weight: 500;
	font-size: .16rem;
	color: #333333;
	text-align: justify;
	line-height: 1.5em;
}

.jianjie-jiagou ul {
	display: flex;
	flex-wrap: wrap;
	margin-left: -2.3%;
	margin-top: .5rem;
	margin-bottom: .5rem;
	overflow: hidden;
}

.jianjie-jiagou ul li {
	width: 22.7%;
	margin-left: 2.3%;
	position: relative;
}

.jianjie-jiagou ul li .jiagou-img {
	width: 100%;
	height: 1.88rem;
	overflow: hidden;
}

.jianjie-jiagou ul li .jiagou-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.jianjie-jiagou ul li:hover .jiagou-img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.jianjie-jiagou ul li .jiagou-title {
	width: 100%;
	text-align: center;
	font-size: .24rem;
	font-weight: bold;
	color: #fff;
	text-shadow: 0px 2px 2px #000;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.jianjie-tongji {
	position: relative;
}

.jianjie-tongji .container {
	display: flex;
	flex-wrap: wrap;
}

.jianjie-tongji::before {
	width: 100%;
	height: 5.58rem;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: #204999 url(../images/jianjie-tongji.png) no-repeat;
	background-size: 100% 100%;
}

.jianjie-tongji ul {
	width: calc(100% - 7.4rem);
	position: relative;
	margin-top: .4rem;
}

.jianjie-tongji ul li {
	max-width: 2rem;
	height: 1.1rem;
	position: absolute;
	background: url(../images/tongji-bg.png) no-repeat center bottom;
	text-align: center;
}

.jianjie-tongji ul li p {
	font-weight: 500;
	font-size: .16rem;
	color: #FFFFFF;
	line-height: 1.2em;
}

.jianjie-tongji ul li.li1 {
	left: 0;
	top: 0;
}

.jianjie-tongji ul li.li2 {
	left: 33%;
	top: 10%;
}

.jianjie-tongji ul li.li3 {
	left: 60%;
	top: 0;
}

.jianjie-tongji ul li.li4 {
	left: 5%;
	top: 43%;
}

.jianjie-tongji ul li.li5 {
	left: 45%;
	top: 43%;
}

.jianjie-tongji ul li.li6 {
	left: 24%;
	top: 75%;
}

.jianjie-tongji ul li.li7 {
	left: 58%;
	top: 75%;
}

.jianjie-tongji ul li strong {
	display: block;
	font-family: "din";
	font-weight: bold;
	font-size: .48rem;
	color: #FFFFFF;
	margin-top: -.3rem;
}

.tongji-text {
	width: 7.4rem;
}

.tongji-text p {
	font-weight: 500;
	font-size: .16rem;
	color: #FFFFFF;
	line-height: 1.5em;
	text-align: justify;
}

.jianjie-shizi {
	padding: .54rem 0 0 0;
}

.jianjie-shizi .shizi-text {
	text-align: justify;
}

.jianjie-shizi .shizi-text p {
	font-weight: 500;
	font-size: .16rem;
	color: #333333;
	line-height: 1.5em;
}

.jianjie-shizi ul {
	margin: .3rem 0;
	display: flex;
	flex-wrap: wrap;
}

.jianjie-shizi ul li {
	width: 16.5%;
	padding: .3rem 0;
	text-align: center;
	border-bottom: 1px solid #e0e5f1;
	border-left: 1px solid #e0e5f1;
}

.jianjie-shizi ul li strong {
	display: block;
	font-family: "din";
	font-weight: bold;
	font-size: .34rem;
	color: #000000;
}

.jianjie-shizi ul li p {
	font-weight: 500;
	font-size: .2rem;
	color: #666666;
}

.jianjie-shizi ul li:first-child {
	border-left: none;
}

.jianjie-shizi ul li+li+li+li+li+li+li {
	border-left: none;
	border-bottom: none;
}

.jianjie-shizi ul li+li+li+li+li+li+li+li {
	border-left: 1px solid #e0e5f1;
}

.jianjie-xinxi {
	padding: .4rem 0;
	display: flex;
	flex-wrap: wrap;
}

.jianjie-xinxi .xinxi-img {
	width: 5rem;
	height: 3.2rem;
	overflow: hidden;
}

.jianjie-xinxi .xinxi-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow: hidden;
	-moz-transition: all 0.9s ease-in-out;
	-webkit-transition: all 0.9s ease-in-out;
	-o-transition: all 0.9s ease-in-out;
	-ms-transition: all 0.9s ease-in-out;
	transition: all 0.9s ease-in-out;
}

.jianjie-xinxi .xinxi-img:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.jianjie-xinxi .xinxi-text {
	width: calc(100% - 5rem - .48rem);
	margin-right: .48rem;
	text-align: justify;
}

.jianjie-xinxi .xinxi-text p {
	font-weight: 500;
	font-size: .16rem;
	color: #333333;
	line-height: 1.5em;
}

.organizations {
	margin-top: -.2rem
}

.organizations h3 {
	padding: .12rem 0 .12rem .2rem;
	border-bottom: 2px solid #3b5b99;
	position: relative;
	margin: 0 0 .23rem 0;
	font-weight: bold;
	font-size: .2rem;
	color: #333333;
}

.organizations h3::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: .06rem;
	height: .3rem;
	background: #204999;
}

.organizations h4 {
	font-weight: bold;
	font-size: .2rem;
	color: #204999;
	margin-bottom: .1rem;
}

.organizations ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.organizations ul li {
	width: 47%;
	background: #F3F5F9;
	padding: 1% 1% 1.5% 1%;
	margin-bottom: .23rem;
}

.contactUs {
	margin-top: .3rem;
}

.contactUs ul {
	display: flex;
	flex-wrap: wrap;
	margin-left: -2%;
}

.contactUs ul li {
	width: 21%;
	margin-left: 2%;
	background: #F3F5F9;
	padding: .13rem 1% .21rem 1%;
	margin-bottom: 2%;
	position: relative;
}

.contactUs ul li::before {
	content: "";
	position: absolute;
	right: .2rem;
	top: 50%;
	transform: translateY(-50%);
	background: url(../images/tel.png) no-repeat;
	width: .55rem;
	height: .55rem;
	background-size: contain;
}

.contactUs ul li h4 {
	font-weight: bold;
	font-size: .2rem;
	color: #204999;
	margin-bottom: .1rem;
}

.contactUs ul li p {
	font-weight: 500;
	font-size: .16rem;
	color: #333333;
}