* {
	margin: 0;
	padding: 0
}

fieldset,
img {
	border: none
}

img {
	border: none;
	vertical-align: bottom
}

address,
caption,
cite,
code,
dfn,
th,
var,
em,
i {
	font-style: normal;
	font-weight: normal
}

ul,
ol {
	list-style: none
}

li {
	list-style: none
}

input {
	padding-top: 0px;
	padding-bottom: 0px
}

input::-moz-focus-inner {
	border: none;
	padding: 0px
}

select,
input {
	vertical-align: middle;
	font-family: Arial, Tahoma, "Microsoft YaHei", "SimSun"
}

select,
input,
textarea {
	font-size: 16px;
	margin: 0px
}

input[type="text"],
input[type="password"],
textarea {
	outline-style: none;
	-webkit-appearance: none
}

textarea {
	resize: none
}

table {
	border-collapse: collapse
}

body {
	font-family: Arial, Tahoma, "Microsoft YaHei", "SimSun";
	background: #ffffff;
	min-width: 320px;
	width: 100%;
	font-size: 14px;
	position: relative;
	max-width: 1920px;
	margin: 0 auto
}

.clear:after {
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
	clear: both
}

.clear {
	zoom: 1
}

.clearit {
	clear: both;
	height: 0px;
	font-size: 0px;
	overflow: hidden;
	width: 100%
}

a {
	text-decoration: none;
	transition: all .2s linear;
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear
}

.animated {
	transition: all .2s linear;
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear
}

:focus,
img {
	outline: 0;
	outline-width: 0px
}

::-moz-focus-inner {
	border-color: transparent
}

/*for mozilla*/
input:focus {
	outline: none
}

input,
button,
select,
textarea {
	outline: none
}

::-webkit-input-placeholder {
	color: #fff;
}

@-webkit-keyframes fadeInSmallLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-10%, 0, 0);
		transform: translate3d(-10%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInSmallLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-10%, 0, 0);
		-ms-transform: translate3d(-10%, 0, 0);
		transform: translate3d(-10%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInSmallLeft {
	-webkit-animation-name: fadeInSmallLeft;
	animation-name: fadeInSmallLeft
}

@-webkit-keyframes fadeInSmallUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 10%, 0);
		transform: translate3d(0, 10%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInSmallUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 10%, 0);
		-ms-transform: translate3d(0, 10%, 0);
		transform: translate3d(0, 10%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInSmallUp {
	-webkit-animation-name: fadeInSmallUp;
	animation-name: fadeInSmallUp
}

@-webkit-keyframes fadeInSmallRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(10%, 0, 0);
		transform: translate3d(10%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInSmallRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(10%, 0, 0);
		-ms-transform: translate3d(10%, 0, 0);
		transform: translate3d(10%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInSmallRight {
	-webkit-animation-name: fadeInSmallRight;
	animation-name: fadeInSmallRight
}

@media screen and (min-width:320px) {
	html {
		font-size: 62.5%
	}

	/*10px */
}

@media screen and (min-width:360px) {
	html {
		font-size: 70.3125%
	}

	/*12px */
}

@media screen and (min-width:375px) {
	html {
		font-size: 73.2424875%
	}

	/*12px */
}

@media screen and (min-width:400px) {
	html {
		font-size: 78.125%
	}

	/*12.5px */
}

@media screen and (min-width:414px) {
	html {
		font-size: 80.86%
	}

	/*12.5px */
}

@media screen and (min-width:480px) {
	html {
		font-size: 93.75%
	}

	/*15px*/
}

@media screen and (min-width:568px) {
	html {
		font-size: 100%
	}
}

/*.ky{visibility:hidden}*/
/*--top--*/
.navlist {
	width: 100%;
	padding: 0;
	background: #fff;
	position: fixed;
	top: -3000px;
	left: 0px;
	z-index: 1000
}

.navlist .title {
	width: 100%;
	height: 3.6rem;
	line-height: 3.6rem;
	text-align: center;
	font-size: 1.4rem;
	position: relative
}

.navlist .list {
	width: 97%;
	padding-left: 3%;
	font-size: 1.3rem;
	overflow: scroll
}

.navlist .list a {
	color: #2b2b2b
}

.navlist .list dt {
	width: 100%;
	height: 3.6rem;
	border-bottom: 1px solid #e1e1e1;
	font-size: 1.4rem;
	border-top: 1px solid #e1e1e1;
	position: relative
}

.navlist .list dt i {
	display: block;
	width: 6px;
	height: 6px;
	background: #3e8c97;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -3px
}

.navlist .list dd {
	width: 97%;
	height: auto;
	padding: 1rem 0;
	padding-right: 3%
}

.navlist .list dd a {
	padding: 0 2%;
	height: 3rem;
	line-height: 3rem;
	background: #ebebeb;
	border: none;
	border-radius: 0.3rem;
	display: inline-block;
	overflow: hidden;
	text-align: center;
	margin-left: 2%;
	margin-bottom: 0.5rem
}

.DIVClose {
	width: 100%;
	height: 5.2rem;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: #f3f3f3
}

.navlist .list dl.first dt {
	border-top: none
}


header {
	width: 1280px;
	margin: 0 auto;
	background: #3e8c97;
	position: relative;
	z-index: 100
}

header .English {
	width: 1278px;
	height: 40px;
	margin: 0 auto
}

header .English a {
	display: block;
	line-height: 40px;
	color: #fff;
	font-size: 12px;
	float: right
}

header .English a.Alumni {
	padding: 0 20px
}

header .English i {
	display: block;
	line-height: 40px;
	color: #5583ad;
	font-size: 12px;
	float: right
}

header .English a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	opacity: 0.8
}

header .Top {
	width: 100%;
	position: relative
}

.Topwidth {
	width: 1278px;
	margin: 0 auto;
	position: relative;
	height: 85px
}

.Topwidth a.TopLogo {
	height: 100%;
	display: block;
	width: 400px;
	float: left;
	height: 100%;
	display: flex !important;
	justify-content: center;
	align-items: center;
	padding-left: 20px;
}

.Topwidth img {
	display: block;
	width: 50%;
	height: auto;
	position: absolute;
	top: 5px;
	left:10px;
}

.search {
	width: 6%;
	max-width: 42px;
	height: 43px;
	position: absolute;
	right: 18%;
	top: 2.2rem;
	display: none
}

.menu {
	width: 7%;
	max-width: 50px;
	height: 34px;
	position: absolute;
	right: 3%;
	top: 2.3rem;
	display: none
}

.Topwidth .Search {
	width: 296px;
	height: 40px;
	border: 1px solid #eae9e9;
	display: flex;
	position: absolute;
	top: 11px;
	right: 0;
	border-radius: 3px;
	overflow: hidden
}

.Topwidth .Search input {
	border: 0;
	display: block
}

.Topwidth .Search .SearchInput::-webkit-input-placeholder {
	color: #6d6b6a
}

.Topwidth .Search .SearchInput {
	width: 210px;
	padding: 10px 10px 10px 12px;
	height: 20px;
	line-height: 20px;
	color: #6d6b6a;
	font-size: 14px;
	background: none;
	float: left;
	n fxd n
}

.Topwidth .Search:hover .Submit {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	opacity: 0.8
}

header nav {
	width: auto;
	height: 40px;
	z-index: 1;
	color: #272727;
	position: absolute;
	bottom: 15px;
	right: 0
}

.nav {
	width: 100%;
	position: relative
}

.nav li.m {
	float: left;
	width: auto;
	padding: 0 13px;
	height: 40px;
	position: relative
}

.nav .Column {
	position: relative;
	width: auto;
	height: 40px;
	z-index: 10
}

.nav .Column i {
	position: absolute;
	top: 18px;
	left: 0;
	height: 4px;
	width: 7px;
	z-index: 1
}

.nav .Column i img {
	display: block;
	width: 7px;
	height: 4px
}

header a {
	height: 100%;
}

header .xx {
	height: 40px;
	line-height: 40px;
	display: block;
	float: right;
	line-height: 85px;
	font-size: 16px;
	color: #fff;
	font-size: 40px;
	font-weight: 600;
	font-family: "楷体";
	width: auto;
	padding-right: 20px
}

.nav li.Selected .Column a {
	color: #154e7e
}

.nav .sub {
	display: none;
	width: 100%;
	position: absolute;
	left: 0;
	top: 39px;
	background: #fff;
	z-index: 10
}

.nav .sub .suNav {
	width: 100%;
	margin: 0 auto
}

.nav .sub .suNav .SuLeft {
	width: 100%
}

.nav .sub .suNav .SuLeft li {
	height: 40px;
	width: 100%;
	border-bottom: 1px dashed #e7e7e7
}

.nav .sub .suNav .SuLeft li a {
	display: block;
	color: #272727;
	font-size: 13px;
	width: 100%;
	position: relative;
	text-align: center;
	line-height: 40px
}

.nav .sub .suNav .SuLeft li a:hover {
	color: #fff;
	background: #154e7e
}

@media all and (min-width: 1px) and (max-width:1268px) {
	body {
		background: #fff
	}

	.search,
	.menu {
		display: block
	}

	header .Top {
		height: 6rem
	}

	header .Topwidth {
		width: 94%;
		padding: 0px;
		height: 6rem
	}

	.Topwidth a.TopLogo {
		width: 21rem;
		position: absolute;
		top: 1.8rem
	}
}