@charset "utf-8";
.swiper-banner {
	display: block;
	position: relative;
	z-index: 10;
}

.swiper-banner .swiper-slide {
	max-width: 100%;
	display: block;
	height: 100vh;
	background: center no-repeat;
	background-size: cover;
	transition: all .3s;
}

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

.swiper-banner img {
	display: block;
	max-width: 100%;
}

.swiper-banner .code img {
	max-width: 45%;
}

.head-menu {
	padding: 20px 0;
	border-bottom: 1px solid #ededed;
}

.head-menu .fr {
	text-align: right;
}

.head-menu .fr .btn a {
	padding: 0 10px;
}

.head-menu .fr .btn {
	background: #f1f1f1;
	padding: 0 20px;
	border-radius: 30px;
	width: 110px;
	text-align: center;
	float: right;
	line-height: 35px;
	margin-bottom: 5px;
}

.head-menu .fr .menu {
	clear: both;
	line-height: 34px;
}

.head-menu .fr .menu a {
	padding: 0 10px 0 40px;
	font-size: 15px;
}

.head .head-menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	color: #fff;
	border: none;
}

.head .head-menu a {
	color: #fff;
}

.head .head-menu .fr .btn {
	background: none;
}
.head-menu.fixed{ position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; background: #fff; padding: 10px 0;}
.head .head-menu.fixed{ background: #0F035A;}

.foot {
	background: #000000;
	padding: 20px 0;
	line-height: 1.8;
	color: #999;
	text-align: center;
}

.home-title {
	font-size: 30px;
	color: #124675;
	padding: 60px 0;
	text-align: center;
}

.home-title:after {
	content: "";
	display: block;
	width: 120px;
	height: 3px;
	background: #124675;
	margin: 20px auto 0;
}

.home-problem {
	position: relative;
}

.home-problem img {
	z-index: 7;
}

.tagcloud {
	position: relative;
	width: 100%;
	height:calc(100vh - 180px);
	line-height: 1.8;
}

.tagcloud a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	padding: 11px 20px;
	color: #333;
	font-size: 16px;
	border: 1px solid #e6e7e8;
	border-radius: 8px;
	background-color: #e9eef3;
	text-decoration: none;
	transition: all .3s;
	-o-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);
	-ms-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);
	-moz-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);
	-webkit-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);
	box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);
	max-width: 35%;
}

.tagcloud a:hover {
	color: #fff;
	background: #124675;
	font-size: 14px !important;
}

.home-admin {
	background: #F7F7F7;
	overflow: hidden;
}

.home-admin-list {
	padding: 20px 0 40px;
}
.home-admin-list li{
	font-size: 18px;
	float: left;
	width: 14.28%;
	text-align: center;
	position: relative;
	opacity: 0;
}
.dong .home-admin-list li {
	
	animation: leftIn 1s forwards;
	-webkit-animation: leftIn 1s forwards;
	transition: all .2s;
	/* Safari 和 Chrome */
}

.dong .home-admin-list li:nth-child(2) {
	animation-delay: .5s;
	-webkit-animation-delay: .5s;
	/* Safari 和 Chrome */
}

.dong .home-admin-list li:nth-child(3) {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
	/* Safari 和 Chrome */
}

.dong .home-admin-list li:nth-child(4) {
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
	/* Safari 和 Chrome */
}

.dong .home-admin-list li:nth-child(5) {
	animation-delay: 2s;
	-webkit-animation-delay: 2s;
	/* Safari 和 Chrome */
}

.dong .home-admin-list li:nth-child(6) {
	animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
	/* Safari 和 Chrome */
}

.dong .home-admin-list li:nth-child(7) {
	animation-delay: 3s;
	-webkit-animation-delay: 3s;
	/* Safari 和 Chrome */
}

.home-admin-list li img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.home-admin-list li .zi {
	margin: 30px auto;
}

.home-admin-list li .top {
	max-width: 50%;
}

@keyframes leftIn {
	from {
		left: -10px;
		opacity: 0;
	}
	to {
		left: 0;
		opacity: 1;
	}
}

@-moz-keyframes leftIn
/* Firefox */

{
	from {
		left: -10px;
		opacity: 0;
	}
	to {
		left: 0;
		opacity: 1;
	}
}

@-webkit-keyframes leftIn
/* Safari 和 Chrome */

{
	from {
		left: -10px;
		opacity: 0;
	}
	to {
		left: 0;
		opacity: 1;
	}
}

@-o-keyframes leftIn
/* Opera */

{
	from {
		left: -10px;
		opacity: 0;
	}
	to {
		left: 0;
		opacity: 1;
	}
}

.home-admin-block {
	display: block;
	overflow: hidden;
	margin-bottom: 40px;
}

.home-admin-block li {
	width: 31.3%;
	margin: 1%;
	float: left;
	border-radius: 10px;
	overflow: hidden;
	background: #f5f5f5;
	box-shadow: 0 0 8px 0 rgba(151, 142, 136, .34);
}

.home-admin-block li img {
	display: block;
	width: 100%;
}

.home-admin-block li span {
	text-align: center;
	color: #333;
	font-size: 16px;
	padding: 25px 0;
	display: block;
}

.home-admin-block li:nth-child(4) {
	margin-left: 18%;
}

.manual-title{ color: #333; font-size: 17px; padding: 20px 0;}
.manual-title .fr{ color: #999; font-size: 14px;}

.manual-list{ overflow: hidden;}
.manual-list li{ float: left; margin-bottom: 15px; box-sizing: border-box; border: 1px solid #ededed;  float: left; margin-right: 2%; width: 18.4%; padding: 20px 15px; line-height: 1.8; border-radius: 5px;}
.manual-list li:nth-child(5n){ margin-right: 0;}
.manual-list li .word{ height: 100px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.manual-list li .title{ text-align: center; font-size: 18px;  display: block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin: 8px 0 15px;}

.manual-list li:hover{ background: #f6f6f6;}
.manual-list li:hover .word,.manual-list li:hover .title{ color: #00015F;}

.download{ display: block; background: #124675; color: #fff; font-size: 15px; border-radius: 30px; width: 200px; text-align: center; margin: 0 0 80px; line-height: 50px;}
.download img{ vertical-align: middle; margin-right: 10px;}

.manual-problem{ overflow: hidden;}
.manual-problem li{ background: #f6f6f6; overflow: hidden; border-radius: 5px;  margin-bottom: 13px; box-sizing: border-box; line-height: 1.8;  padding: 15px;}

.manual-problem li .title{ display: block; background: url(../images/wen.png) center left no-repeat; padding-left: 30px; font-size: 15px; color: #333;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 10px;} 
.manual-problem li:hover a{ color: #0F025A; }

.home-problem li{margin-right: 2%; width: 32%; float: left;}
.home-problem li:nth-child(3n){ margin-right: 0;}

.home-join{ display: block; background: url(../images/bg.jpg) center fixed no-repeat; background-size: cover; overflow: hidden;}
.home-join .home-title{ color: #fff;}
.home-join .home-title:after{background: #fff;}
.join-name{ color: #fff; font-size: 18px; padding: 0 0 15px; border-bottom: 1px solid #5D5D5B; margin-bottom: 20px;}

.join-cont{ color: #CFCFCF; line-height: 1.9; overflow: hidden; margin-bottom: 80px;}
.join-cont p{ padding: 10px 0;} 
.join-cont .word{ width: 55%; float: left}
.join-cont .form{ float: right; width: 40%; margin-top: 20px;}
.join-cont .form .text{ width: 100%; background: none; border-radius: 5px; border: 1px solid #5D5D5B; box-sizing: border-box; padding: 0 10px; line-height:55px; height: 55px; margin-bottom: 20px; color: #CFCFCF; }
.join-cont .form textarea.text{ height: 120px;height: 180px; max-width: 100%; }
.join-cont .form .btn{ float: right; background: #fff; color: #0F025A; border: none; width: 120px; cursor: pointer; border-radius: 30px; height: 38px;}

.home-cooperate{ overflow: hidden; padding-bottom: 20px;}
/* .home-cooperate li{ float: left; width: 18.4%; margin-right: 2%; margin-bottom: 20px;}
.home-cooperate li:nth-child(5n){ margin-right: 0;} */
.home-cooperate li{ float: left; width: 21%; margin-right: 2%; margin-bottom: 20px;}
.home-cooperate li:nth-child(4n){ margin-right: 0;}
.home-cooperate li a{ display: block; border: 1px solid #e8e7e6; overflow: hidden;}
.home-cooperate li img{ display: block; max-width: 100%; transition: all .3s;}
.home-cooperate li:hover a{ border-color: #0F025A;}
.home-cooperate li:hover img{ transform: scale(1.1);}

.problem-list{ margin-top: 30px;}
.manual-problem li{ padding: 0; background:none;}
.manual-problem li .word{ padding: 20px; background: #f3f3f3; display: block; border-radius: 5px; margin: 15px auto 10px; color: #666;}

.page-all{  display: flex;align-items: center;justify-content: center; flex-direction: row; padding: 30px 0;}
.page-all dl dt,.page-all dl dd{ float: left; margin: 0 5px;}
.page-all dl dt a,.page-all dl dd a{ background-color: #fff; display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50px; border: 1px solid #EDEDED;font-size: 13px;}
.page-all dl dd.active a{ background: #00015F; color: #fff;}
.page-all dl dt a{ background:#fff url(../images/page-left.png) center no-repeat;}
.page-all dl dt:last-child a{ background-image: url(../images/page-right.png);}
.page-all-right{ display: block; overflow: hidden;}
.page-all-right dl{float: right;}

.home-problem-w{ height: calc(100vh - 180px); position: relative;}

.problem-home{ width: 35%; position: absolute; left: 0; top:80px;height: calc(100vh - 330px); overflow: hidden; }
.problem-home li { margin-bottom: 30px;}
.problem-home li a{	border: 1px solid #e6e7e8;
	border-radius: 8px; margin: 0 auto;
	background-color: #e9eef3;
	text-decoration: none;
	transition: all .3s;
	padding: 15px; box-sizing: border-box; display: inline-block;
	-o-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);
	-ms-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);
	-moz-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);
	-webkit-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);
	box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);}
.problem-home-right{ left: auto; right: 0; text-align: right;}
.problem-home li a:hover{ background: #00015F; color: #fff;}


@media screen and (max-width:1500px) {}

@media screen and (max-width:1400px) {
	.swiper-banner .swiper-slide {
		/*height: 500px;*/
	}
}

@media screen and (max-width:1300px) {
	.container {
		width: 100%;
	}
	.home-title {
		padding: 25px 0;
		font-size:24px;
	}
}

@media screen and (max-width: 800px) {}

@media screen and (max-width: 720px) {}

@media screen and (max-width: 800px) {
	* {
		background-attachment: inherit;
	}
	body {
		font-size: 13px;
	}
	.swiper-banner .swiper-slide {
		/*height: 230px;*/
	}
	.swiper-banner .code img {
		max-width: 80%;
	}
	.head-menu {
		padding: 10px 0 40px;
		position: relative;
	}
	.head .head-menu {
		background: #0f025a;
		border-bottom: 1px solid #272727;
		position: relative;
	}
	.head-menu .logo img {
		height: 35px;
	}
	.head-menu .fr .menu a {
		font-size: 14px;
		padding: 0;
		display: block;
		text-align: center;
		float: left;
		width: 25%;
	}
	.head-menu .fr .menu {
		position: absolute;
		top: 40px;
		left: 0;
		width: 100%;
	}
	.head-menu .fr .menu {
		line-height: 35px;
	}
	.head-menu .fr {
		line-height: 25px;
	}
	.head-menu .fr .btn {
		line-height: 35px;
		padding: 0 10px;
	}
	.tagcloud a {
		max-width: 100% !important;
	}
	.home-problem img {
		display: none;
	}
	.tagcloud {
		height: 400px;
	}
	.home-title {
		padding: 25px 0;
		font-size: 18px;
	}
	.home-title:after {
		width: 75px; margin-top: 10px; height: 1.5px;
	}
	.home-title-problem {
		padding-bottom: 20px;
	}
	.home-admin-list{ padding-bottom: 20px;}
	.home-admin-list li{ width: 25%; font-size: 15px;}
	.home-admin-list li .zi{ margin: 15px auto;}
	.home-admin-list li .top{ max-width: 60%;}
	
	.home-admin-block li span{ font-size: 13px; padding: 10px 0; height: 40px; line-height: 20px; display: flex;align-items: center;justify-content: center; flex-direction: row;}
	.home-admin-block li{ width: 48%; margin-bottom: 10px;}
	.home-admin-block li:nth-child(4){ margin-left: 1%;} 
	.manual-title{ padding: 10px 0; font-size: 15px;}
	.manual-list li{ width: 48%; padding: 10px;}
	.manual-list li .word{ height: 95px;}
	.manual-list li .title{ font-size: 15px; margin-bottom: 10px;}
	.home-problem li{ width: 100%; margin-right: 0;}
	.manual-problem li .title{ font-size: 14px; background-size: 20px;}
	.manual-list li:last-child{ width: 98%;}
	.manual-list li .word{ height: auto;}
	.download{ width: 180px;  height: 45px;}
	.download img{ width: 23px; position: relative; top: -5px;}
	.join-name{ font-size: 14px;}
	.join-cont .word,.join-cont .form{ width: 100%;}
	.join-cont .form .text{ height: 45px; line-height: 45px;}
	.join-cont .form .btn{ display: block; float: none; margin: 0 auto;}
	.join-cont{ margin-bottom: 30px;}
	
	.home-cooperate li{ width: 48%; margin-right: 4%; margin-bottom: 10px;}
	.home-cooperate li:nth-child(5n){ margin-right: 4%;}
	.home-cooperate li:nth-child(2n){ margin-right: 0;}
	
	.problem-home{ width: 100%; top: 0; height: 100%;}
	.problem-home li{ margin-bottom: 13px;}
	.home-problem-w .absolute-center{ display: none;}
	.problem-home-right{ display: none;}
	.problem-home li a{ padding: 12px;}
}

@media screen and (max-width: 320px) {}

@media screen and (min-width:1200px) {}
.menu-c{
	display: block !important;
  }