* {
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-decoration: none;}

body {
	background: #eee;
	color: #000;}

.top{
	width: 100%;
	position: absolute;
	height: 22%;}



.nav {
	height: 100%;
	opacity: 0.7;
	background: linear-gradient(to bottom,#000000 40%,#D3D3D3 200%);
	display: flex;
	position: relative;
	width: 100%;}

.navF {
	overflow: hidden;
	margin-left: 36px;
	width: 1146px;
	margin-top: 49px;}

.nav_top{
	width: 1500px;
	margin: 0 auto;}

.fl {
	font-size: 17px;
	width: 132px;
	font-family: 黑体;
	display: inline-block;
	float: left;
	margin: 0 5px;}

.fl p {
	font-weight: bold;
	margin: 6px 0px;
	text-align: center;
	color: white;
	font-size: 16px;}

.e1{
	font-family:"Times New Roman";
	font-size: 11px;}
.fl #f4{
	opacity: 0.9;
	display: none;
	width: 100%;
	padding-top: 38px;
	background-color: black;}
.fl #f2 {
	opacity: 0.9;
	display: none;
	width: 100%;
	padding-top: 30px;
	background-color: black;}

.fl #f3 {
	opacity: 0.9;
	display: none;
	width: 100%;
	padding-top: 30px;
	background-color: black;}

.fl ul li {
	border-bottom: 1px solid;
	border-color: white;}

.fl ul li:hover {
	background-color: #000000;
	opacity: 0.9;}
.fl:hover #f2 {
	display: block;
	animation: hiden 0.7s;
	-moz-animation: hiden 0.7s;
	/* firefox */
	-webkit-animation: hiden 0.7s;
	/* safari and chrome */
	-o-animation: hiden 0.7s;}
.fl:hover #f4 {
	display: block;
	animation: hiden 0.7s;
	-moz-animation: hiden 0.7s;
	/* firefox */
	-webkit-animation: hiden 0.7s;
	/* safari and chrome */
	-o-animation: hiden 0.7s;}
.fl:hover #f3 {
	display: block;
	animation: hiden 0.7s;
	-moz-animation: hiden 0.7s;
	/* firefox */
	-webkit-animation: hiden 0.7s;
	/* safari and chrome */
	-o-animation: hiden 0.7s;}

@keyframes hiden {
	0% {
		opacity: 0;}

	100% {
		opacity: 0.9;}
}
/* 关于搜索的css */
.search {
	position: relative;
	top: 25px;
	margin-left: 1010px;
	display: inline;}

.search_input {
	outline: none;
	height: 20px;
	line-height: 20px;
	background: none;
	border: none;
	border-bottom-color: currentcolor;
	border-bottom-style: none;
	border-bottom-width: medium;
	border-bottom: 1px solid #999;
	color: #FFFFFF;
	width: 0px;
	transition: width 1s;
	-moz-transition: width 1s;
	-webkit-transition: width 1s;
	-o-transition: width 1s;}
.search_img{
	width: 15px;
	height: 15px;}
.search_img:hover+.search_input,
.search_input:hover {
	width: 150px;}
.nav_search {
	height: 100%;
	width: 1188px;
	float: left;}
/* 国际交流处LOGO */
.logo {
	margin-top: 40px;
	float: left;
	width:312px;}
.swiper-container {
	width: 100%;
	height: 782px;}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;}


.center {
	width: 80%;
	display: block;
	text-align: center;
	margin: 0 auto;}

.center-content {
	width: 1200px;
	margin: 0 auto;}

.center_top {
	height: 140px;
	width: 1200px;
	border-bottom: 1px dashed;}

.center_top p {
	color: dodgerblue;
	font-size: 30px;
	line-height: 140px;}

.center_bottom {
	width: 1200px;
	display: block;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 80px;}

.center_bottom p {
	font-family: sans-serif;
	font-size: 20px;
	line-height: 40px;
	text-align: justify;
	text-indent: 40px;}

/*title*/
.title-c {
	width: 100%;
	height: 70px;
	position: absolute;
	margin-top: -70px;}

.title-fr {
	width: 960px;
	margin: 0 auto;
	height: 70px;}

.title-content {
	height: 70px;
	width: 230px;
	background: #123e7d;}

.center_content_title_p1 {
	text-align: center;
	color: white;
	font-size: 25px;
	height: 40px;}

.center_content_title_p2 {
	text-align: center;
	color: white;
	font-size: 15px;
	line-height: 15px;
	}

/*中间部分css*/
#center {
	margin: 0 auto;
	width: 100%;
	background-color: white;
	display: flex;}

.center {
	padding: 30px 200px 500px 200px;
	height: 500px;}

.center_content {
	margin: 0 auto;
	width: 1200px;}

#center_center {
	width: 230px;
	/**height: 100%;**/
	margin: 20px 60px 400px 100px;
	float: left;}

.title {
	height: 80px;
	width: 250px;
	background-color: #154BA3;
	position: absolute;
	bottom: 0px;
	left: 9%;}

.frame {
	width: 228px;
	height: 60px;
	border: #007aff solid 1px;
	margin: 21px;}

.internal {
	margin: 6px;
	background-color: #154ba2;
	height: 48px;}

.internal:hover {
	background-color: orange;}

.internal p {
	color: white;
	font-size: 13px;
	padding: 4px 20px 1px 12px;
	line-height: 20px;}

.title {
	width: 253px;}

.internal1 p {
	color: white;
	font-size: 13px;
	padding: 4px 20px 1px 12px;
	line-height: 20px;}

.line {
	margin-top: -48px;
	margin-left: 45px;}

.aircraft {
	float: right;
	margin-top: -45px;
	width: 22px;
	height: 13px;}

#center_right {
	width: 800px;
	padding-top: 50px;
	float: left;}

#center_right_title {
	display: flex;
	padding-left: 4px;
	border-bottom: #154ba2 solid 2px;
	width: 650px;}

#center_right_title_p1 {
	font-size: 17px;
	color: #154ba2;
	font-weight: bold;}

#center_right_title_p2 {
	color: #154ba2;
	font-size: 10px;
	line-height: 10px;}

.title_text {
	color: gray;
	line-height: 42px;}

#center_right_right {
	display: flex;}

#center_right_content {
	width: 660px;}

#content_title {
	padding: 25px 240px;
	color: #1E47A3;
	font-weight: bold;
	font-size: 22px;
	font-family: 黑体;
	border-bottom: gray dotted 2px;}

#content_content {
	padding: 30px 7px;
	line-height: 32px;
	font-family: 微软雅黑;
	text-align: justify;}

/* 尾部css */
.bottom {
	position: relative;
	width: 100%;
	background-image: url();
	background-size: 100% 100%;}

.bottom_backgroud {
	margin: 0 auto;
	width: 1200px;
	display: flex;}

.bottom_left {
	margin-left: 6%;
	width: 71%;
	margin-bottom: 10px;}

.header {
	display: flex;}

.left_img {
	width: 300px;
	height: auto;
	margin: 17px 17px 0 17px;}

.img_wx {
	margin: 30px 30px 0 10px;
	width: 30px;
	height: 30px;}

.qrcode {
	display: none;
	top: -80px;
	left: 36%;
	width: 100px;
	position: absolute;}

.img_wx_qrcode {
	width: 100%;
	height: 100%;}

.img_wx:hover+.qrcode,
.iqrcode {
	display: block;}

.img_wb {
	margin-top: 30px;
	width: 30px;
	height: 30px;}

.xx {
	line-height: 25px;
	margin-left: 17px;
	margin-top: 5px;
	font-weight: bold;
	font-size: 10px;
	color: #e8e8e8;}

.xx p {
	opacity: 0.8;}

.link {
	margin-top: 25px;
	margin-right: 20px;}

.link_f1 {
	margin-top: 15px;
	background: url(g) no-repeat scroll right center transparent;
	border: 1px solid #366cc6;
	width: 230px;
	height: 35px;
	color: white;
	line-height: 35px;
	background-color: #154ba3;
	font-size: 14px;
	text-indent: 15px;}

.bottom_autoplay {
	width: 100%;}

.copyright {
	text-align: center;
	align-items: center;
	font-size: 12px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	color: #e8e8e8;
	background-color: #1E47A3;
	height: 35px;
	line-height: 35px;}

.copyright img {
	margin: 0px 10px 0 34%;
	width: 25px;
	height: 25px;}

/* 以下为自适应 */
/* 汉堡样式 */
.burger {
	display: none;
	position: absolute;
	right: 16px;
	padding-top: 26px;
	height: auto;
	width: 30px;}

.burger div {
	border-radius: 2px;
	margin-top: 5px;
	background-color: white;
	height: 3px;
	width: 30px;}

/* 头部自适应 */
@media (max-width:768px) and (min-width:320px) {
	.e2{
		display: inline;}
	.e1{
		display: inline;}
	.nav {
		width: calc(100% - 32px);
		height: 91px;
		padding: 0 16px;}

	.nav.change {
		opacity: 1;
		height: 91px;
		padding: 0 16px;}

	.nav_search {
		display: none;
		top: 91px;
		left: 0px;
		height: auto;
		width: 100%;
		margin: 0;
		position: absolute;
		background-color: #225DC1;
		transform: translateX(100%);
		transition: 0.4s ease-in-out;
		z-index: 999;}

	.nav_search.open {
		display: block;
		transform: translateX(0);}

	.logo img {
		width: 100%;
		height: 100%;}

	.search {
		display: block;
		margin: 0 10%;
		position: unset;}

	.search_img {
		width: 10px;
		height: 10px;}

	.search_input {
		width: 80%;
		display: inline-block;}

	.logo {
		margin-top: 18px;
		padding: 0;
		width: 192px;
		height: 55px;}

	.navF {
		margin: 10px 10%;}

	.fl {
		border-bottom-style: solid;
		border-bottom-color: white;
		border-bottom-width: 1px;
		line-height: 20px;
		display: block;
		font-size: 12px;
		width: 100%;
		float: none;}

	/* 	@keyframes slideIn{
		from{
			transform: translateX(20px);
			opcity:0;
			}
		to{
			transform: translateX(0px);
			opcity:1;
		}
	}
	@-ms-keyframes slideIn{
		from{
			transform: translateX(20px);
			opcity:0;
			}
		to{
			transform: translateX(0px);
			opcity:1;
		}
	}
	@-moz-keyframes slideIn{
		from{
			transform: translateX(20px);
			opcity:0;
			}
		to{
			transform: translateX(0px);
			opcity:1;
		}
	}
	@-webkit-keyframes slideIn{
		from{
			transform: translateX(20px);
			opcity:0;
			}
		to{
			transform: translateX(0px);
			opcity:1;
		}
	} */
	.fl ul li {
		border-bottom-color: white;}

	.fl a p {
		display: inline;}

	.fl ul li:hover {
		background-color: #225DC1;
		opacity: 1;}

	.fl #f2 {
		width: 100%;
		padding: 0px 10%;
		opacity: 1;
		background-color: #225DC1;
		display: none;}

	.fl #f3 {
		width: 100%;
		padding: 0px 10%;
		opacity: 1;
		background-color: #225DC1;
		display: none;}

	.fl #f4 {
		width: 100%;
		padding: 0px 10%;
		opacity: 1;
		background-color: #225DC1;
		display: none;}

	.fl:hover #f2 {
		display: block;
		animation: hiden 0.7s;
		-moz-animation: hiden 0.7s;
		/* firefox */
		-webkit-animation: hiden 0.7s;
		/* safari and chrome */
		-o-animation: hiden 0.7s;}

	.fl:hover #f4 {
		display: block;
		animation: hiden 0s;
		-moz-animation: hiden 0s;
		/* firefox */
		-webkit-animation: hiden 0s;
		/* safari and chrome */
		-o-animation: hiden 0s;}

	.fl:hover #f3 {
		display: block;
		animation: hiden 0s;
		-moz-animation: hiden 0s;
		/* firefox */
		-webkit-animation: hiden 0s;
		/* safari and chrome */
		-o-animation: hiden 0s;}

	@keyframes hiden {
		0% {
			opacity: 1;}

		100% {
			opacity: 1;}
	}

	.search_img:hover+.search_input,
	.search_input:hover {
		width: 80%;}

	.burger {
		display: block;}

	.burger.active div {
		transition: 0.3s ease-in-out 0.3s;}

	.burger.active .line-top {
		transform: rotate(45deg) translate(4px, 6px);}

	.burger.active .line-center {
		opacity: 0;
		transform: translate(10px);
		transition: 0.3s ease-in-out;}

	.burger.active .line-bottom {
		transform: rotate(-45deg) translate(4px, -6px);}
}

@media (max-width:1473px) and (min-width:1281px) {
	.fl {
		font-size: 14px;
		width: 12%;
		font-weight: bold;
		font-family: 黑体;
		display: inline-block;
		float: left;}

	.fl p {
		margin: 5px 2px;
		text-align: center;
		color: white;}

	.e1 {
		font-family: "Times New Roman";
		font-size: 14px;
		font-weight: normal;}
}

@media (max-width:1280px) and (min-width:1002px) {
	.nav {
		width: calc(100% - 32px);
		height: 130px;
		padding: 0 16px;}

	.nav.change {
		opacity: 1;
		height: 91px;
		padding: 0 16px;}

	.nav_search {
		height: 100%;
		width: 700px;
		margin-left: 5px;}

	.logo {
		margin-top: 20px;
		padding: 10px 10px 0px 10px;
		height: 70px;
		width: 231px;}

	.search {
		position: relative;
		top: 25px;
		margin-left: 590px;
		display: inline;}

	.logo img {
		width: 100%;
		height: 100%;}

	.fl {
		font-size: 8px;
		width: 80px;
		font-weight: bold;
		font-family: 黑体;
		display: inline-block;
		float: left;}

	.fl p {
		margin: 5px 1px;
		text-align: center;
		color: white;
		font-size: 12px;
		font-weight: bold;}

	.e1 {
		font-family: "Times New Roman";
		font-size: 12px;
		font-weight: normal;}

	.fl #f4 {
		opacity: 0.9;
		display: none;
		width: 100%;
		padding-top: 20px;
		background-color: black;}

	.fl #f2 {
		opacity: 0.9;
		display: none;
		width: 100%;
		padding-top: 20px;
		background-color: black;}

	.fl #f3 {
		opacity: 0.9;
		display: none;
		width: 100%;
		padding-top: 20px;
		background-color: black;}

	.navF {
		overflow: hidden;
		/* margin-left: 36px; */
		width: 730px;
		margin-top: 25px;
		margin-left: 0px;}

	.title-content {
		
		margin-left: -1%;}

	#center_center {
		width: auto;
		margin: 0;
		margin-top: 2%;
		float: left;}

	#center_right {
		padding-top: 50px;
		float: left;
		width: auto;}
	#center_right_right img{
		width: 35px;
		height: 35px;
		margin-top: 1%;}
	.title-fr {
		width: 1130px;
		margin: 0 auto;
		height: 70px;}
}

@media (max-width:1002px) and (min-width:769px) {
	.fl {
		font-size: 8px;
		width: 12%;
		font-weight: bold;
		font-family: 黑体;
		display: inline-block;
		float: left;}

	.nav {
		width: calc(100% - 32px);
		height: 130px;
		padding: 0 16px;}

	.nav.change {
		opacity: 1;
		height: 91px;
		padding: 0 16px;}

	.nav_search {
		height: 100%;
		width: 80%;
		margin-left: 2%;}

	.logo {
		margin-top: 20px;
		padding: 10px 10px 0px 10px;
		height: 54%;
		width: 18%;}

	.logo img {
		width: 100%;
		height: 100%;}

	.fl p {
		margin: 5px 2px;
		text-align: center;
		color: white;}

	.e1 {
		font-family: "Times New Roman";
		font-size: 8px;
		font-weight: normal;}
}

/* 轮播自适应 */
@media (max-width:768px) and (min-width:320px) {
	.swiper-container {
		width: 100%;
		height: 332.5px;}
}

@media (max-width:1280px) and (min-width:769px) {
	.swiper-container {
		width: 100%;
		height: 516px;}
}

/* 内容自适应 */
@media (max-width:768px) and (min-width:320px) {
	.center_content {
		width: calc(100% - 30px);}

	#center_center {
		display: none;}

	#center_right {
		width: 100%;
		padding: 0;}

	#center_right_title {
		padding-left: unset;
		width: 100%;
		display: none;}

	.title {
		width: 60%;}

	#center_right_title_p1 {
		font-size: 16px;}

	#center_right_right img {
		margin-top: 5px;
		width: 25px;
		height: 25px;}

	.title_text {
		font-size: 12px;
		line-height: 35px;}

	#center_right_content {
		width: 100%;}

	#content_title {
		padding: 0px;
		width: 100%;
		font-family: 黑体;
		line-height: 50px;
		width: auto;}
	.title-fr {

		    display: none;}
}

/* 底部自适应 */
@media (max-width:768px) and (min-width:320px) {
	.bottom {
		position: relative;
		width: 100%;
		background: url() no-repeat scroll center transparent;
		background-size: 100% 100%;}

	.bottom_backgroud {
		margin: 0 auto;
		width: 100%;
		display: flex;}

	.bottom_left {
		margin-left: 20px;
		width: 75%;
		margin-bottom: 0px;}

	.header {
		height: auto;
		display: flex;}

	.left_img {
		width: 135px;
		height: 25px;
		margin: 7px;}

	.img_wx {
		margin: 10px 7px 10px 0px;
		width: 17px;
		height: 17px;}

	.qrcode {
		display: none;}

	.img_wb {
		margin-top: 10px;
		width: 17px;
		height: 17px;}

	.xx {
		line-height: 18px;
		margin-left: 7px;
		margin-top: 0px;
		font-weight: 100;
		font-size: 8px;
		color: white;}

	.xx p {
		opacity: 0.8;}

	.link {
		margin-top: 40px;
		margin-bottom: 5px;}

	.link_f1 {
		margin-top: 4px;
		background: url() no-repeat scroll right center transparent;
		border: 1px solid #366cc6;
		width: 103px;
		height: 20px;
		color: white;
		line-height: 20px;
		background-color: #154ba3;
		font-size: 6px;
		text-indent: 3px;}

	.bottom_autoplay {
		width: 100%;}

	.copyright {
		text-align: center;
		align-items: center;
		font-size: 6px;
		width: 100%;
		margin: 0 auto;
		display: flex;
		color: #e8e8e8;
		background-color: #1E47A3;
		height: 20px;
		line-height: 20px;}

	.copyright img {
		margin: 0px 10px 0 23%;
		width: 17px;
		height: 17px;}
}

@media (max-width:1280px) and (min-width:769px) {
	.bottom_backgroud {
		margin: 0 auto;
		width: 100%;
		display: flex;}
}
@media (max-width:1520px) and (min-width:1280px) {
	.nav{
		width: calc(100% - 32px);
		height: 130px;
		padding: 0 16px;}
	.nav.change{
		opacity: 1;
		height: 91px;
		padding: 0 16px;}

	.nav_search {
		height: 100%;
		width: 850px;
		margin-left: 5px;}
	.navF {
		overflow: hidden;
		/* margin-left: 36px; */
		width: 850px;
		margin-top: 25px;
		margin-left: 0px;}

	.logo {
		margin-top: 20px;
		padding: 10px 10px 0px 10px;
		height: 70px;
		width:231px;}
	.search{
		position: relative;
		top: 25px;
		margin-left: 700px;
		display: inline;}

	.logo img{
		width: 100%;
		height: 100%;}
	.fl {
		font-size: 8px;
		width: 95px;
		font-weight: bold;
		font-family: 黑体;
		display: inline-block;
		float: left;}

	.fl p {
		margin: 5px 1px;
		text-align: center;
		color: white;
		font-size: 12px;
		font-weight: bold;}

	.e1{
		font-family:"Times New Roman";
		font-size: 12px;
		font-weight: normal;}
	.fl #f4{
		opacity: 0.9;
		display: none;
		width: 100%;
		padding-top: 20px;
		background-color: black;}
	.fl #f2 {
		opacity: 0.9;
		display: none;
		width: 100%;
		padding-top: 20px;
		background-color: black;}

	.fl #f3 {
		opacity: 0.9;
		display: none;
		width: 100%;
		padding-top: 20px;
		background-color: black;}

	.nav_top{
		width: 1200px;
		margin: 0 auto;}
}

@media (max-width:768px) and (min-width:320px) {

#center_right_right {
    display: none;}
}