html,
body,
#header,
#main,
#footer,
h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
i,
b,
em,
ul,
li,
ol,
dl,
dt,
dd,
input,
a {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	color: #333;
}

.img-responsive {
	display: inline-block;
}

.table > tbody > tr td:hover,
.table > tbody > tr td:hover,
.table > tfoot > tr td:hover,
.table > tfoot > tr td:hover,
.table > thead > tr td:hover,
.table > thead > tr td:hover {
	background-color: #ddd;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
	vertical-align: middle;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
	border-top: none;
}

#main .article-read .cont table,
#main .article-benke-ptgk-linianluqu table {
	border-width: 1px !important;
	border-style: solid !important;
}

/*#main {
	padding-top: 140px;
}*/

/*.header {
	position: fixed;
	z-index: 999;
	left: 50%;
	transition: background-color .4s;
	transform: translateX(-50%);
}

.header.fix {
	transition: background-color .4s;
	background-color: rgba(0, 0, 0, .9);
}

.header.fix nav li a,
.header.fix .up li a {
	color: #fff !important;
}

.header.fix .head-xian {
	display: none;
}*/

#header .logo {
	margin-top: 15px;
}

#header .up ul {
	float: right;
	margin: 5px 0 20px 0;
	padding-bottom: 10px;
	border-bottom: solid 1px #eee;
}

#header .up li {
	position: relative;
	float: left;
	padding: 0 10px;
}

#header .up li a {
	font-size: 12px;
	color: #1a296b;
}

#header .up li a:hover {
	color: #1a296b;
}

#header .up li::after {
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	height: 1px;
	content: '';
	-webkit-transition: all .3s;
	transition: all .3s;
	transform: scale(0);
	background-color: rgb(0, 155, 189);
}

#header .up li:hover::after {
	-webkit-transition: all .3s;
	transition: all .3s;
	transform: scale(1);
}

#txt {
	height: 22px;
	margin-bottom: 10px;
}

#txt span {
	font-size: 15px;
	font-weight: 700;
	font-style: normal;
	position: absolute;
	display: block;
	overflow: hidden;
	width: 0;
	white-space: nowrap;
	letter-spacing: 10px;
	color: #034567;
}

#txt .t1 {
	-webkit-animation: t1 8s infinite;
	animation: t1 10s infinite;
}

#txt .t2 {
	-webkit-animation: t2 8s infinite;
	animation: t2 10s infinite;
}

@keyframes t1 {
	0% {
		width: 0;
		opacity: 0;
	}

	5% {
		width: 10%;
		opacity: 1;
	}

	10% {
		width: 20%;
		opacity: 1;
	}

	15% {
		width: 30%;
		opacity: 1;
	}

	20% {
		width: 40%;
		opacity: 1;
	}

	25% {
		width: 50%;
		opacity: 1;
	}

	30% {
		width: 60%;
		opacity: 1;
	}

	35% {
		width: 70%;
		opacity: 1;
	}

	40% {
		width: 80%;
		opacity: 1;
	}

	45% {
		width: 100%;
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 0;
	}

}

@-webkit-keyframes t2 {
	0% {
		width: 0;
		opacity: 0;
	}

	50% {
		width: 0;
		opacity: 0;
	}

	55% {
		width: 10%;
		opacity: 1;
	}

	60% {
		width: 20%;
		opacity: 1;
	}

	65% {
		width: 30%;
		opacity: 1;
	}

	70% {
		width: 40%;
		opacity: 1;
	}

	75% {
		width: 50%;
		opacity: 1;
	}

	80% {
		width: 60%;
		opacity: 1;
	}

	85% {
		width: 70%;
		opacity: 1;
	}

	90% {
		width: 80%;
		opacity: 1;
	}

	95% {
		width: 100%;
		opacity: 1;
	}

	100% {
		width: 100%;
		opacity: 0;
	}

}

#header .nav_out {
	border-bottom: 1px solid #e7e7e7;
}

#header nav > li {
	position: relative;
	float: left;
}

/*#header nav > li:last-child {
	margin: 0;
}*/
#header nav > li::after {
	position: absolute;
	top: 59px;
	left: 0;
	width: 100%;
	height: 3px;
	content: '';
	-webkit-transition: all .3s;
	transition: all .3s;
	transform: scale(0);
	background-color: rgb(0, 155, 189);
}

#header nav > li:hover::after {
	-webkit-transition: all .3s;
	transition: all .3s;
	transform: scale(1);
}

#header nav li a {
	font-size: 16px;
	display: block;
	margin: 20px 25px;
	color: #1a296b;
}

#header nav ol {
	position: absolute;
	z-index: 999;
	top: 62px;
	left: 0;
	display: none;
	background-color: #808000;
}

#header nav ol li {
	white-space: nowrap;
}

#header nav ol li a {
	position: relative;
	color: #fff;
}

#header nav ol > li a::after {
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	height: 3px;
	content: '';
	-webkit-transition: all .3s;
	transition: all .3s;
	transform: scale(0);
	background-color: #fff;
}

#header nav ol > li a:hover::after {
	-webkit-transition: all .3s;
	transition: all .3s;
	transform: scale(1);
}

#header .img-banner {
	position: relative;
	overflow: hidden;
}

#header .img-banner .swiper-container {
	overflow: visible;
	width: 970px;
	height: 320px;
}

#header .img-banner .model_l,
#header .img-banner .model_r {
	position: absolute;
	z-index: 999;
	bottom: 0;
	width: 970px;
	height: 320px;
	opacity: .8;
	background-color: #7c0303;
}

#header .img-banner .model_l {
	left: -100%;
}

#header .img-banner .model_r {
	right: -100%;
}

#header .img-banner img{
	width:970px;
	height:320px;
}

#main .cube {
	position: relative;
	margin-top: 20px;
}

#main .cube a {
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin: 0 0 20px;
	padding: 30px 10px 30px;
	color: #fff;
	border: 2px solid #00546f;
	background-color: #00546f;
}

#main .cube a:hover {
	transition: all .4s;
	color: #1a296b;
	background-color: #fff;
}

#main .cube i {
	position: absolute;
	top: 33%;
	right: 30px;
	color: #fff;
}

#main .cube .col-lg-3:hover i {
	transition: all .4s;
	color: #1a296b;
}

#main .search {
	margin-top: 30px;
	background: url('../images/bg-bluegradient.jpg') no-repeat top center;
}

#main .search h2 {
	font-weight: bold;
	padding: 20px 20px;
	color: #fff;
}

#main .search .in {
	font-size: 16px;
	width: 86%;
	margin: 0 20px 25px;
	padding: 16px 6px;
	border: none;
	outline: none;
}

#main .search .on {
	width: 8%;
	margin: 0 0 25px;
	padding: 11px 0;
	border: 1px solid #fff;
	background-color: #de1b5c;
}

#main .search .on:hover {
	background-color: transparent;
}

#main .search .on i {
	font-size: 20px;
	color: #fff;
}

#main .why {
	margin-top: 100px;
}

#main .why .headline,
#main .video .headline,
#main .dongtai .headline {
	position: relative;
	padding: 20px;
	background-color: #666600;
}

#main .why .headline::before,
#main .video .headline::before,
#main .dongtai .headline::before {
	position: absolute;
	z-index: -1;
	top: -12px;
	left: -12px;
	width: 6rem;
	height: 6rem;
	content: '';
	border: 5px solid #666600;
}

#main .why .headline h2 a,
#main .video .headline h2 a,
#main .dongtai .headline h2 a {
	font-size: 32px;
	font-weight: bold;
	color: #fff;
}

#main .why .headline h2 a:hover,
#main .video .headline h2 a:hover,
#main .dongtai .headline h2 a:hover {
	color: #0056b3;
}

#main .dongtai .headline .more a {
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	top: 24px;
	right: 25px;
	color: #fff;
}

#main .why .feature {
	position: relative;
	margin-top: 20px;
}

#main .why .feature a {
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin: 0 0 20px;
	padding: 30px 10px 30px;
	color: #fff;
	background-color: #00546f;
}

#main .why .feature a:hover {
	background-color: #009bbd;
}

#main .why .feature i {
	position: absolute;
	top: 33%;
	right: 30px;
	color: #fff;
}

#main .life {
	margin-top: 80px;
}

#main .life .img-word,
#main .video .img-word {
	margin-top: 20px;
}

#main .life a {
	position: relative;
	display: block;
	overflow: hidden;
	height: 360px;
	background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 1));
}

#main .life a img {
	transition: transform .4s;
	transform: scale(1.1);
	opacity: .8;
}

#main .life .word {
	position: absolute;
	top: 65%;
	left: 0;
	width: 100%;
	padding: 0 30px;
}

#main .life a span,
#main .life a em {
	font-style: normal;
	display: block;
	color: #fff;
}

#main .life a span {
	font-size: 22px;
	font-weight: bold;
}

#main .life a span::before {
	position: absolute;
	top: -5px;
	width: 40px;
	height: 5px;
	content: '';
	border-radius: 10px;
	background-color: #fff;
}

#main .life a em {
	font-size: 16px;
	margin-top: 10px;
}

#main .life a:hover img {
	transition: transform .4s;
	transform: scale(1);
}

#main .video {
	margin-top: 80px;
}

#main .video .img-word span {
	font-size: 16px;
	display: block;
	margin: 3px 0;
}

#main .video .img-word a {
	display: block;
	overflow: hidden;
}

#main .video .img-word a:hover img {
	transition: transform .4s;
	transform: scale(1.1);
}

#main .video .img-word img {
	transition: transform .4s;
	transform: scale(1);
}

#main .other {
	position: relative;
	margin: 40px 0;
}

#main .other a {
	font-size: 16px;
	font-weight: bold;
	display: block;
	padding: 30px 10px 30px;
	color: #fff;
	border: 2px solid #de1b5c;
	background-color: #de1b5c;
}

#main .other a:hover {
	transition: all .4s;
	color: #18194f;
	border: 2px solid #18194f;
	background-color: #fff;
}

#main .other i {
	position: absolute;
	top: 41%;
	right: 30px;
	color: #fff;
}

#main .other .col-lg-3:hover i {
	transition: all .4s;
	color: #18194f;
}

#footer .up {
	padding: 50px 0;
	background-color: #0e5128;
}

#footer .up h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 40px;
	color: #fff;
}

#footer .up-left address {
	font-style: italic;
	margin-bottom: 20px;
	color: #fff;
}

#footer .up-left address span {
	display: block;
	margin-bottom: 5px;
}

#footer .up-left p {
	color: #fff;
}

#footer .up-right{
	margin-top:33px;
}

#footer .up-right p{
	float: left;
    width: 33.33%;
    padding: 10px;
	text-align:center;
}

#footer .up-right b{
	color:#fff;
}

#footer .up-right img {
	width: 100%;
	background-color: #fff;
	border-radius: 5px;
}

#main .breadcrumb {
	font-size: 31px;
	font-weight: bold;
	margin-top: 20px;
	background-color: transparent;
}

#main .left-click {
	display: none;
}

#main .left-layout {
	padding: 30px 20px;
	border: solid 3px #eee;
}

#main .left-layout ol {
	margin-bottom: 15px;
	padding: 10px 0;    /*display: none;*/
	background-color: #f3f3f3;
}

#main .left-layout > li {
	position: relative;
}

#main .left-layout li .show::after {
	position: absolute;
	top: 0;
	right: 0;
	content: '-';
}

#main .left-layout li .hidd::after {
	position: absolute;
	top: 0;
	right: 0;
	content: '+';
}

#main .left-layout ol > li {
	position: relative;
	margin-left: 13px;
}

#main .left-layout a {
	display: block;
	margin-bottom: 15px;
	cursor: pointer;
}

#main .left-layout a:hover {
	color: #009bbd;
}

#main .left-layout ol li:last-child a {
	margin-bottom: 0;
}

#main .article-list .list li {
	margin-bottom: 20px;
}

#main .article-list .list a {
	font-size: 18px;
	line-height: 60px;
	position: relative;
	display: block;
	float: left;
	width: 93%;
	height: 60px;
	padding: 0 20px;
	border-bottom: 1px solid #00546f;
}

#main .article-list .list a:hover {
	color: #fff !important;
	border-right: 1px solid #fff;
}

#main .article-list .list a:hover font {
	color: #fff !important;
}

#main .article-list .list a::after {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	content: '';
	transition: width .5s;
	background-color: #00546f;
}

#main .article-list .list a:hover::after {
	width: 100%;
	transition: width .5s;
}

#main .article-list .list .date {
	float: right;
	width: 7%;
	height: 60px;
	text-align: center;
	background-color: #00546f;
}

#main .article-list .list .date b,
#main .article-list .list .date span {
	display: block;
	color: #fff;
}

#main .article-list .list .date b {
	font-size: 20px;
	margin-top: 5px;
}

#main .article-page {
	margin-top: 50px;
	text-align: center;
}

#main.article-read-top {
	padding-top: 80px;
}

#main .article-read .title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 20px;
	text-align: center;
	border-bottom: 1px dashed #ddd;
}

#main .article-read .longtitle {
	color:#000;
}

#main .article-read iframe {
	width: 100%;
	height: 600px;
}

#main .article-read .cont {
	line-height: 25px;
}

#main .article-read .cont a {
	color: #ba2636;
}

#main .article-zy > p {
	line-height: 25px;
	margin: 30px 0;
	text-indent: 2rem;
}

#main .article-zy td p{
	margin: 10px 0;
}

#main .article-zy td p::before{
	content:"";
	clear: both;
	display: table-cell;
}

#main .article-zy thead{
	text-align: center;
	background-color: #3B8686;
	color:#fff;
}

#main .article-zy thead tr td{
	padding:10px 0;
	font-size: 16px;
	font-weight: bold;
	border: 2px solid #eee;
}

#main .article-zy thead tr td:hover,#main .article-zy tbody tr td:hover{
	background-color: transparent;
}

#main .article-zy tbody tr td{
	border:2px solid #eee;
	font-size: 18px;
	padding: 10px 2rem;
}

#main .article-zy tr td a:hover{
	color:#00546f!important;
}

#main .article-search li {
	margin-bottom: 20px;
}

#main .article-search li a {
	font-size: 16px;
	position: relative;
	display: inline-block;
	padding: 10px 15px;
	border-left: 10px solid #de1b5c;
	box-shadow: 0 0 10px #d8d0d0;
}

#main .article-search li a::before {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	content: '';
	transition: width .4s;
	background-color: #de1b5c;
}

#main .article-search li a:hover::before {
	width: 100%;
	transition: width .4s;
}

#main .article-search li a:hover {
	color: #fff;
}

#main .article-search li a span {
	font-size: 12px;
	display: block;
	margin-top: 10px;
	color: #cacaca;
}

#main .article-search li a:hover span {
	color: #fff;
}

#main .article-search p {
	margin-top: 50px;
}

#main .article-search p a {
	font-size: 16px;
	font-weight: bold;
	display: block;
	padding: 15px;
	color: #fff;
	border: 2px solid #de1b5c;
	background-color: #de1b5c;
}

#main .article-search p a:hover {
	color: #de1b5c;
	border: 2px solid #de1b5c;
	background-color: #fff;
}

#main .benke-sysimg {
	position: relative;
	margin-bottom: 10px;
}

#main .benke-sysimg img {
	width: 100%;
}

#main .benke-sysimg h2 {
	font-weight: 700;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 12px;
	background-color: #fff;
}

#main .section-button {
	margin-top: 38px;
}

#main .section-button ul {
	position: relative;
}

#main .section-button li {
	margin: 0 0 20px 0;
	background-color: #009bbd;
	box-shadow: 0 0 11px 1px #d8d0d0;
}

#main .section-button li h3 {
	color: #fff;
}

#main .section-button li:last-child {
	margin-bottom: 10px;
}

#main .section-button li:hover {
	background-color: #009bbd;
}

#main .section-button .title-bar {
	position: relative;
}

#main .section-button .title-bar h3 {
	font-size: 18px;
	line-height: 60px;
	margin: 0;
	padding-left: 15px;
	text-transform: none;
}

#main .section-button .title-bar h3 a{
	display: block;
	color:#fff;
	position: relative;
}

#main .section-button .content {
	background: #fff;
}

#main .section-button .content table {
	width: 100%;
	border-collapse: collapse;
	border: 0;
}

#main .section-button .content table tr {
	padding: 10px 0;
}

#main .section-button .content table td {
	font-size: 16px;
	display: block;
	margin: 0 20px;
	padding: 10px 0;
}

#main .section-button .content .border-juli {
	display: block;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #979797;
}

#main .section-button .content table td a:hover {
	color: #009bbd;
}

#main .section-button .content table td:last-of-type {
	text-align: left;
}

#main .section-button .title-bar .button-menu .icon-hamburger {
	cursor: pointer;
	transition: .4s transform ease;
}

#main .section-button .title-bar .button-menu {
	position: absolute;
	top: 12px;
	right: 8px;
	clear: both;
	overflow: hidden;
	width: 40px;
	height: 40px;
}

#main .section-button .title-bar .button-menu,
#main .section-button .title-bar .button-menu:before {
	background: #fff;
}

#main .section-button .title-bar .fancy-button {
	line-height: 28px;
	border-color: #999;
	border-radius: 20px;
	box-shadow: 2px #e6e1e1;
}

#main .section-button .title-bar .title-bar-li {
	cursor: pointer;
	background-color: #009bbd;
}

#main .section-button .title-bar .title-bar-li:hover {
	cursor: pointer;
	transition: all ease .6s;
	color: #fff;
	background-color: #009bbd;
	box-shadow: 0 0 6px 1px #009bbd;
}

#main .section-button .title-bar .title-bar-li:hover h3 {
	color: #fff;
}

#main .section-button .right-arrow {
	position: absolute;
	top: 50%;
	right: 25px;
	display: inline-block;
	width: 12px;
	height: 12px;
	transform: translate(0, -50%) rotate(-135deg);
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
}

#main .article-benke-ptgk-linianluqu .shaixuan {
	padding: 10px;
	border-bottom: 2px solid #eee;
}

#main .article-benke-ptgk-linianluqu dl {
	position: relative;
}

#main .article-benke-ptgk-linianluqu dl strong,
#main .article-benke-ptgk-linianluqu dd,
#main .article-benke-ptgk-linianluqu dd ul li {
	float: left;
}

#main .article-benke-ptgk-linianluqu dl .nian,
#main .article-benke-ptgk-linianluqu dl .sheng {
	font-size: 18px;
	font-weight: bold;
	margin-top: 3px;
}

#main .article-benke-ptgk-linianluqu dd span {
	display: inline-block;
	margin: 0 5px;
	padding: 5px 10px;
	cursor: pointer;
	border-radius: 5px;
}

#main .article-benke-ptgk-linianluqu dd span:hover,
#main .article-benke-ptgk-linianluqu dd span.active {
	color: #fff;
	background-color: #009bbd;
}

#main .article-benke-ptgk-linianluqu dd span.active ~ ul {
	display: block;
}

#main .article-benke-ptgk-linianluqu dd ul::before {
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	margin-top: 3px;
	content: '省份：';
}

#main .article-benke-ptgk-linianluqu dd ul {
	position: absolute;
	left: 0;
	display: none;
	margin-top: 20px;
	padding-left: 56px;
}

#main .article-benke-ptgk-linianluqu dd ul li {
	margin-bottom: 10px;
}

#main .article-benke-ptgk-linianluqu dd ul li a {
	display: inline-block;
	margin: 0 3px 0 0;
	padding: 5px 10px;
	cursor: pointer;
	border-radius: 5px;
}

#main .article-benke-ptgk-linianluqu dd ul li a:hover,
#main .article-benke-ptgk-linianluqu dd ul li.active a {
	color: #fff;
	background-color: #009bbd;
}

#main .article-benke-ptgk-linianluqu .cont {
	margin-top: 50px;
}

#main .article-benke-ptgk-xuankaokemu .shaixuan {
	padding: 10px;
	border-bottom: 2px solid #eee;
}

#main .article-benke-ptgk-xuankaokemu dl strong,
#main .article-benke-ptgk-xuankaokemu dl dd {
	float: left;
}

#main .article-benke-ptgk-xuankaokemu dl .nian {
	font-size: 18px;
	font-weight: bold;
	margin-top: 3px;
}

#main .article-benke-ptgk-xuankaokemu dd a {
	display: inline-block;
	margin: 0 10px;
	padding: 5px 10px;
	cursor: pointer;
	border-radius: 5px;
}

#main .article-benke-ptgk-xuankaokemu dd a:hover,
#main .article-benke-ptgk-xuankaokemu dd a.active {
	color: #fff;
	background-color: #009bbd;
}

#main .article-benke-ptgk-xuankaokemu .cont {
	margin-top: 50px;
}

#main .article-liuxuekaoyan .sysimg {
	position: relative;
	overflow: hidden;    /*margin-bottom: 50px;*/
	border-radius: 10px;
}

#main .article-liuxuekaoyan .sysimg:hover img {
	transition: transform .4s;
	transform: scale(1.1);
}

#main .article-liuxuekaoyan .sysimg img {
	transition: transform .4s;
}

#main .article-liuxuekaoyan .sysimg b {
	font-size: 22px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px;
	color: #fff;
	background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 1));
}

#main .article-xiaoyuanhuanjing p {
	margin-bottom: 20px;
}

#main .article-xiaoyuanhuanjing .vr {
	margin: 40px 0;
}

#main .article-xiaoyuanhuanjing .vr iframe {
	width: 100%;
}

#main .article-xiaoyuanhuanjing .xiaoqu {
	margin-bottom: 50px;
	padding: 30px;
	background-color: #f3f3f3;
	box-shadow: 0 0 8px 0 #ddd;
}

#main .article-xiaoyuanhuanjing  h2 {
	font-weight: bold;
	position: relative;
	margin-bottom: 25px;
}

#main .article-xiaoyuanhuanjing h2::before {
	position: absolute;
	top: -8px;
	left: 0;
	width: 32px;
	height: 5px;
	content: '';
	background-color: #333;
}

#main .article-xiaoyuanhuanjing .xiaoqu-block,
#main .article-xiaoyuanhuanjing .xiaoqu-img {
	float: left;
	width: 50%;
}

#main .article-xiaoyuanhuanjing .xiaoqu-block {
	padding: 0 30px 0 0;
}

#main .article-xiaoyuanhuanjing .xiaoqu-block p {
	font-size: 16px;
	line-height: 30px;
}

#main .article-xiaoyuanhuanjing .xiaoqu-img img {
	width: 100%;
}

#main .article-xiaoyuanhuanjing .banner {
	margin-bottom: 50px;
}

#main .article-xiaoyuanhuanjing .banner img {
	width: 100%;
	height: 500px;
}

#main .article-xiaoyuanhuanjing .more a {
	font-size: 16px;
	font-weight: bold;
	position: relative;
	display: inline-block;
}

#main .article-xiaoyuanhuanjing .more a::after {
	position: absolute;
	bottom: -15px;
	left: 0;
	width: 150%;
	height: 5px;
	content: '';
	transition: all .4s;
	background-color: rgb(24, 24, 24);
}

#main .article-xiaoyuanhuanjing .more a:hover::after {
	width: 100%;
	transition: all .4s;
}

#main .xiaoyuanshenghuo .xysh-k {
	margin-bottom: 20px;
	padding: 15px 0;
	background-color: #f3f3f3;
	box-shadow: 0 0 8px 0 #ddd;
}

#main .xiaoyuanshenghuo .img img {
	width: 100%;
	height: auto;
}

#main .xiaoyuanshenghuo h2 {
	font-weight: bold;
	position: relative;
	margin-bottom: 25px;
}

#main .xiaoyuanshenghuo h2::before {
	position: absolute;
	top: -8px;
	left: 0;
	width: 32px;
	height: 5px;
	content: '';
	background-color: #333;
}

#main .xiaoyuanshenghuo .bann {
	padding: 20px;
}

#main .xiaoyuanshenghuo .banner {
	margin-top: 20px;
}

#main .xiaoyuanshenghuo .banner img {
	width: 100%;
	height: 500px;
}

#main .xiaoyuanshenghuo .cont h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0;
}

#main .xiaoyuanshenghuo .cont p {
	line-height: 22px;
	margin-bottom: 10px;
}

#main .xueshengfuwu .benke-sysimg h2 {
	width: 100%;
	padding: 30px;
	color: #fff;
	background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 1));
	background-color: transparent;
}

#main .xueshengfuwu .headline {
	position: relative;
	margin: 70px 0 20px;
	padding: 20px;
	background-color: #f8f8f9;
}

#main .xueshengfuwu .headline h2 {
	font-weight: bold;
}

#main .xueshengfuwu p {
	font-size: 16px;
}

#main .xueshengfuwu .img {
	margin-top: 20px;
}

#main .xueshengfuwu .img > div {
	margin-bottom: 10px;
}

#main .xueshengfuwu .img img {
	width: 100%;
}

#main .xueshengfuwu .headline::before {
	position: absolute;
	z-index: -1;
	top: -12px;
	left: -12px;
	width: 6rem;
	height: 6rem;
	content: '';
	border: 5px solid #009bbd;
}

#main .laixiaoluxian h2 {
	font-weight: bold;
	position: relative;
	margin: 30px 0;
}

#main .laixiaoluxian h2::before {
	position: absolute;
	top: -8px;
	left: 0;
	width: 32px;
	height: 5px;
	content: '';
	background-color: #333;
}

#main .laixiaoluxian p {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 20px;
}

#main .laixiaoluxian .mapp {
	margin: 30px 0;
}

#ditu1,
#ditu2 {
	width: 100%;
	height: 500px;
}

#main .laixiaoluxian .mapp a {
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin-top: 10px;
	padding: 20px 10;
	color: #fff;
	background-color: #00546f;
}

#main .dongtai {
	margin-top: 100px;
}

#main .dongtai ul {
	margin-top: 10px;
}

/*#main .dongtai li {
	float: left;
	width: 50%;
}*/
#main .dongtai li a {
	font-size: 16px;
	display: block;
	margin: 0 0 20px 0;
	padding-bottom: 10px;
	border-bottom: 2px solid #00546f;
}

#main .dongtai li a:hover {
	color: #00546f;
}

#main .video-list li {
	float: left;
	width: 33.33%;
	margin-bottom: 20px;
	padding: 0 20px;
}

#main .video-list .img {
	position: relative;
	overflow: hidden;
	width: 100%;
	border-radius: 8px;
}

#main .video-list .img em {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: opacity .4s;
	opacity: 0;
	background: rgba(0, 0, 0, .3);
}

#main .video-list .img em i {
	font-size: 30px;
	position: absolute;
	top: calc(50% - 18px);
	left: calc(50% - 15px);
	color: #fff;
}

#main .video-list .img em::before {
	position: absolute;
	top: calc(50% - 30px);
	left: calc(50% - 29px);
	width: 55px;
	height: 55px;
	content: '';
	border: 3px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 8px 1px rgba(255, 255, 255, .5);
}

#main .video-list .img img {
	width: 100%;
}

#main .video-list .img span {
	font-weight: bold;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 3px 8px;
	color: #fff;
	border-radius: 8px 0 0 0;
	background-color: rgba(0, 0, 0, .5);
}

#main .video-list a:hover em {
	transition: opacity .4s;
	opacity: 1;
}

#main .video-list .title {
	overflow: hidden;
	height: 40px;
	margin: 10px 0;
}

#main .video-list .list {
	margin-bottom: 50px;
}

#main .video-list .type-name {
	font-size: 30px;
	font-weight: bold;
	position: relative;
	margin-bottom: 20px;
}

#main .video-list .type-name::before {
	position: absolute;
	top: -8px;
	left: 0;
	width: 32px;
	height: 5px;
	content: '';
	background-color: #333;
}

#main .video-list .type-name a {
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	top: 9px;
	right: 0;
}

#main .video-list .type-name a:hover {
	color: #00546f;
}

#main .article-liuxuekaoyan .headline {
	position: relative;
	margin: 70px 0 20px;
	padding: 20px;
	background-color: #f8f8f9;
}

#main .article-liuxuekaoyan .headline::before {
	position: absolute;
	z-index: -1;
	top: -12px;
	left: -12px;
	width: 6rem;
	height: 6rem;
	content: '';
	border: 5px solid #009bbd;
}

#main .article-liuxuekaoyan .headline h2 {
	font-weight: bold;
}

.swiper-button-next,
.swiper-button-prev {
	top: 15px;
}

.swiper-button-next {
	right: 0;
	width: 40px;
	height: 100%;
	margin-top: -15px;
	background: url('../images/next.png') no-repeat center center;
}

.swiper-button-prev {
	left: 0;
	width: 40px;
	height: 100%;
	margin-top: -15px;
	background: url('../images/prev.png') no-repeat center center;
}

.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	opacity: .9;
	border: 1px solid #eee;
	border-radius: initial;
	background: #fff;
}

.swiper-pagination-bullet-active {
	background: #de1b5c;
}

@media (max-width:768px) {
	#header {
		width: 100%;
	}

	#header .container {
		position: relative;
		padding-right: 0;
		padding-left: 0;
	}

	#header .logo {
		margin-top: 8px;
		margin-bottom: 8px;
	}

	#header .logo img {
		width: 100%;
		padding: 0 10px;
	}

	#header .mb-nav-bar {
		position: absolute;
		z-index: 1000;
		top: 0;
		right: 0;
		display: inline-block;
		padding: 15px;
	}

	#header .mb-nav-bar.hover {
		color: #fff;
		background-color: #009bbd;
	}

	#header .mb-nav-bar .icon-bar {
		display: block;
		width: 25px;
		height: 3px;
		margin: 5px 0;
		transition: all .4s;
		border-radius: 10px;
		background-color: #006786;
	}

	#header .mb-nav-bar.hover .icon-bar {
		transition: all .4s;
		background-color: #fff;
	}

	#header .mb-nav-bar.hover .icon-bar:nth-child(1) {
		transform: rotate(45deg) translate(8px, 6px);
	}

	#header .mb-nav-bar.hover .icon-bar:nth-child(2) {
		opacity: 0;
	}

	#header .mb-nav-bar.hover .icon-bar:nth-child(3) {
		transform: rotate(-45deg) translate(5px, -3px);
	}

	#header.fix .mb-nav-bar .icon-bar {
		background-color: #fff;
	}

	#header nav {
		position: fixed;
		z-index: 999;
		top: 0;
		left: -100%;
		overflow-y: scroll;
		width: 95vw;
		height: 100vh;
		padding: 30px 20px;
		transition: left .4s;
		background-color: rgba(0, 0, 0, .9);
	}

	#header nav.show {
		left: 0;
		transition: left .4s;
	}

	#header nav > li {
		float: initial;
		margin: 0 0 20px 0;
		padding-bottom: 5px;
	}

	#header nav > li > a {
		font-size: 18px;
		font-weight: bold;
		display: block;
		margin: 20px 0;
		padding-bottom: 10px;
		color: #fff;
		border-bottom: 1px solid #fff;
	}

	#header nav > li::after {
		display: none;
	}

	#header nav ol {
		position: relative;
		top: 0;
		display: block;
		padding: 10px 20px 10px;
	}

	#header nav ol li {
		white-space: pre-wrap;
	}

	#header nav ol li:last-child {
		margin: 0;
	}

	#header nav ol > li a::after {
		content: initial;
	}

	#header nav ol li a {
		font-size: 16px;
		margin: 20px 0;
	}

	#header .head-xian {
		display: none;
	}

	#header .img-banner {
		width: 100%;
	}

	#header .img-banner .swiper-container {
		width: 100%;
		height: auto;
	}

	#header .img-banner img {
		width: 100%;
		height:auto;
	}

	#header .img-banner b {
		font-size: 14px;
		padding: 10px;
	}

	#main .cube a {
		margin: 0 0 5px;
		padding: 15px 10px 15px;
	}

	#main .search .in {
		width: 90%;
		margin: 0 5%;
	}

	#main .search .on {
		width: 90%;
		margin: 10px 5% 20px;
	}

	#main .why {
		margin-top: 80px;
	}

	#main .why .feature a {
		margin: 0 0 10px;
		padding: 20px 10px 20px;
	}

	#main .life a {
		margin-bottom: 15px;
	}

	#main .life a img {
		width: 100%;
	}

	#main .video .img-word .col-lg-4 {
		margin-bottom: 20px;
	}

	#main .video .more {
		width: 90%;
		margin: 0 5%;
	}

	#main .other a {
		margin: 0 0 10px;
		padding: 20px 10px 20px;
	}

	#main .left-layout {
		display: none;
		margin-bottom: 30px;
	}

	#main .left-click {
		font-weight: bold;
		position: relative;
		display: block;
		margin-bottom: 20px;
		color: #888;
	}

	#main .left-click::after {
		font-weight: bold;
		position: absolute;
		top: 0;
		right: 0;
		content: '+';
		color: #006786;
	}

	#main .benke-sysimg h2 {
		font-size: 20px;
	}

	#main .article-xiaoyuanhuanjing .xiaoqu-block,
	#main .article-xiaoyuanhuanjing .xiaoqu-img {
		width: 100%;
	}

	#main .article-xiaoyuanhuanjing .banner,
	#main .xiaoyuanshenghuo .banner {
		height: auto;
	}

	#main .dongtai li {
		float: initial;
		width: 100%;
	}

	#main .dongtai li a {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
	}

	#main .dongtai li span {
		display: block;
		float: initial;
		text-align: right;
	}

	#main .life .word {
		top: 35%;
		padding: 0 10px;
	}

	#main .life a {
		height: auto;
	}

	#main .article-read iframe {
		width: 100%;
		height: 200px;
	}

	#main .article-read img{
		width:100%!important;
		height:auto!important;
	}

	#main .video-list li {
		width: 50%;
		padding: 0 10px;
	}

	#main .article-list .list a {
		overflow: hidden;
		width: 80%;
		padding-left: 0;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	#main .article-list .list .date {
		width: 20%;
	}

	#main .dongtai .col-lg-6:first-child {
		margin-bottom: 80px;
	}

	#footer .up {
		padding: 30px 0 20px;
	}

	#footer .up .col-lg-6 {
		margin-bottom: 30px;
	}

	#footer .up h2 {
		position: relative;
		margin-bottom: 20px;
	}

	#footer .up .up-left h2::after {
		position: absolute;
		top: 1px;
		right: 0;
		display: block;
		content: '+';
		color: #fff;
	}

	#footer .up-left .section {
		display: none;
	}

	#footer .up-right p {
		text-align: center;
	}

	.padding-0 {
		padding-right: 0;
		padding-left: 0;
	}

	#footer .up-right img {
		width: 100%;
	}
}