@charset "utf-8";
@import url('reset.css');
@import url('animate.min.css');
@import url('/public/plugins/font-awesome-4.7.0/css/font-awesome.min.css');

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

:root {
	--common-font-size: 16px;
	--common-color: #666;
	--common-background-color: #681113;
	--common-background-hover-color: #681113;
	--nav-height: 56px;
	--common-p-line-height: 200%;
	--common-p-size: 18px;
	--common-p-color: #1d1d1d;
}

body {
	background-color: #fff;
	overflow: hidden;
	font-size: var(--common-font-size);
}


input {
	font-family: 微软雅黑;
}

img {
	max-width: 100%;
}

a {
	background: transparent;
	text-decoration: none;
	color: var(--common-p-color)
}

a:active,
a:hover {
	outline: 0
}

a:hover {
	text-decoration: none;
	color: var(--common-background-color)
}

.textCenter {
	text-align: center;
}

.wrapper {
	width: 1201px;
	margin: 0 auto;
	text-align: left
}

.index .wrapper {
	width: 1201px;
}

.ov {
	overflow: hidden;
}

.ts {
	text-transform: uppercase
}

.mauto {
	margin: 0 auto
}

.pz {
	position: relative;
	z-index: 0
}

.pa {
	position: absolute;
	z-index: 0
}

.bz {
	box-sizing: border-box
}

.b {
	font-weight: bold
}

.i {
	font-style: italic
}

.hidden {
	display: none !important
}

.cb {
	clear: both
}

.tes {
	text-overflow: ellipsis;
	white-space: nowrap;
}


/*animation*/
@keyframes slideDown {
	0% {
		top: 45px;
		opacity: 0;
		transform: scale(0, 0);
	}

	to {
		top: 56px;
		opacity: 1;
		transform: scale(1, 1);
	}
}

@-webkit-keyframes slideDown {
	0% {
		top: 45px;
		opacity: 0;
		transform: scale(0, 0);
	}

	to {
		top: 56px;
		opacity: 1;
		transform: scale(1, 1);
	}
}

@keyframes headerDown {
	0% {
		transform: translateY(-70%);
	}

	to {
		transform: translateY(0);
	}
}

.img img {
	transform: scale(1);
}

a:hover .img img {
	transform: scale(1.1, 1.1);
}

.flex {
	display: flex;
	display: -webkit-flex;
}

.flexJb {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

.flexColumn {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
}

.flexAc {
	display: flex;
	display: -webkit-flex;
	align-items: center;
}

.flexCenter {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
}

.flexWrap {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}

.flexRight {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
}

.ovd {
	overflow: hidden;
}

.db {
	display: block;
}


/*header*/
header {
	margin-top: 80px;
}

header img {
	max-height: 75px;
}

.about {
	width: 100%;
	max-width: 1040px;
	margin: 0 auto;
	line-height: 180%;
	font-size: 14px;
	margin-top: 70px;
}

.navs {
	width: 1040px;
	margin: 70px auto 0 auto;
}

.navs .title {
	margin-top: 40px;
	font-size: 36px;
	color: #18b2ed;
	cursor: pointer;
}

.navs .title h2 {
	width: 30px;
	height: 30px;
	border: 2px solid #89deff;
	border-radius: 50%;
	margin-left: 10px;
}

.navs>li {
	width: 48%;
}

.navs>li:hover .title {
	margin-top: 0;
}

.navs>li .content {
	visibility: hidden;
	color: #333;
	line-height: 170%;
}

.navs>li:hover .content {
	visibility: visible;
}


.articleTitle {
	overflow: hidden;
	width: 100%;
	text-align: center;
	line-height: 32px;
	font-size: 25px;
	color: var(--common-p-color);
	margin-bottom: 8px;
}

.articleTitle2 {
	overflow: hidden;
	width: 100%;
	text-align: center;
	line-height: 32px;
	font-size: var(--common-font-size);
	color: var(--common-background-color);
	font-weight: bold;
	margin-bottom: 8px;
}

.articlePhoto {
	margin-top: 18px;
	margin-bottom: 16px;
}

.articleTime {
	width: 100%;
	margin-top: 8px;
	margin-bottom: 15px;
	text-align: center;
	line-height: 21px;
	font-size: 18px;
	color: #636666;
	padding-bottom: 22px;
	border-bottom: 1px solid #ddd;
}

.articleDes {
	text-align: center;
	line-height: 28px;
	font-size: 14px;
	color: #42403f
}

.articlePages {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px dashed #969797
}

.notice {
	position: fixed;
	z-index: 999;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 3px solid #666;
	border-radius: 10px;
	width: 1200px;
	background-color: #fff;
	animation: fadeIn 1s;
}

.notice .t .close {
	cursor: pointer;
	width: 30px;
	height: 30px;
	background-color: #e5e5e5;
}

.notice .t .close i {
	color: #fff;
}

.notice .logo {
	margin: 52px 0 52px 52px;
}

.notice .logo img {
	max-height: 60px;
}

.notice h2 {
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 40px;
	line-height: 180%;
	margin-top: 100px;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}

.notice button {
	background-color: #0095eb;
	border-radius: 8px;
	padding: 0 20px;
	border: 0;
	font-size: 16px;
	color: #fff;
	margin-top: 50px;
	margin: 0 auto;
	line-height: 45px;
	margin-bottom: 60px;
}

.notice .content {
	padding: 60px 60px 20px 60px;
}