@charset "UTF-8";

body {
	overflow-y: auto;
	overflow-x: hidden;
}

.header {
	position: fixed;
	padding-right: 25px;
	background: #0a3767;
	z-index: 12;
}
/*返回首页*/
.header-back {
	display: block;
	margin: 36px 30px 0;
	width: 44px;
	height: 28px;
	background: url("../images/back.png") center no-repeat;
	background-size: 100%;
	transition: all .2s
}

	.header-back:hover {
		opacity: .85;
		transition: all .2s
	}

.content {
	padding-bottom: 35px;
	padding-top: 25px;
	position: static;
	top: auto;
	bottom: auto;
	background: url("../images/preview/contentBg.png")no-repeat;
	background-size: 100% 100%;
	/*background: linear-gradient(0deg, #064E83,#02457A);*/
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0deg, startColorstr=#064E83, endColorstr=#02457A)";/!*IE8+*!/ */
}

.main {
	width: 1200px;
	min-height: 1000px;
	margin: 0 auto;
	background-color: white;
}

.content-box {
	width: 1000px;
	margin: auto;
	position: relative;
	padding-top: 1px;
	padding-bottom: 20px;
}

.footer {
	position: static;
}
/*登录*/
.cover-box, .login-box {
	position: fixed;
}

/* banner */
.banner {
	height: 300px;
	background: url("../images/preview/banner-bg.png") center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	overflow: hidden;
	background-position: 0
}

.banner-title {
	margin: 84px auto 0;
	width: 1100px;
	height: 172px;
	background: url("../images/ititle.png") center no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.animate-shake {
	animation: banner_fadeInTop 1s 1 ease-in-out,shake 50s ease-in-out 1.5s infinite
}

@keyframes shake {
	2% {
		transform: translate(0.5px,-1.5px) rotate(-0.5deg);
	}

	4% {
		transform: translate(0.5px,1.5px) rotate(1.5deg);
	}

	6% {
		transform: translate(1.5px,1.5px) rotate(1.5deg);
	}

	8% {
		transform: translate(2.5px,1.5px) rotate(0.5deg);
	}

	10% {
		transform: translate(0.5px,2.5px) rotate(0.5deg);
	}

	12% {
		transform: translate(1.5px,1.5px) rotate(0.5deg);
	}

	14% {
		transform: translate(0.5px,0.5px) rotate(0.5deg);
	}

	16% {
		transform: translate(-1.5px,-0.5px) rotate(1.5deg);
	}

	18% {
		transform: translate(0.5px,0.5px) rotate(1.5deg);
	}

	20% {
		transform: translate(2.5px,2.5px) rotate(1.5deg);
	}

	22% {
		transform: translate(0.5px,-1.5px) rotate(1.5deg);
	}

	24% {
		transform: translate(-1.5px,1.5px) rotate(-0.5deg);
	}

	26% {
		transform: translate(1.5px,0.5px) rotate(1.5deg);
	}

	28% {
		transform: translate(-0.5px,-0.5px) rotate(-0.5deg);
	}

	30% {
		transform: translate(1.5px,-0.5px) rotate(-0.5deg);
	}

	32% {
		transform: translate(2.5px,-1.5px) rotate(1.5deg);
	}

	34% {
		transform: translate(2.5px,2.5px) rotate(-0.5deg);
	}

	36% {
		transform: translate(0.5px,-1.5px) rotate(0.5deg);
	}

	38% {
		transform: translate(2.5px,-0.5px) rotate(-0.5deg);
	}

	40% {
		transform: translate(-0.5px,2.5px) rotate(0.5deg);
	}

	42% {
		transform: translate(-1.5px,2.5px) rotate(0.5deg);
	}

	44% {
		transform: translate(-1.5px,1.5px) rotate(0.5deg);
	}

	46% {
		transform: translate(1.5px,-0.5px) rotate(-0.5deg);
	}

	48% {
		transform: translate(2.5px,-0.5px) rotate(0.5deg);
	}

	50% {
		transform: translate(-1.5px,1.5px) rotate(0.5deg);
	}

	52% {
		transform: translate(-0.5px,1.5px) rotate(0.5deg);
	}

	54% {
		transform: translate(-1.5px,1.5px) rotate(0.5deg);
	}

	56% {
		transform: translate(0.5px,2.5px) rotate(1.5deg);
	}

	58% {
		transform: translate(2.5px,2.5px) rotate(0.5deg);
	}

	60% {
		transform: translate(2.5px,-1.5px) rotate(1.5deg);
	}

	62% {
		transform: translate(-1.5px,0.5px) rotate(1.5deg);
	}

	64% {
		transform: translate(-1.5px,1.5px) rotate(1.5deg);
	}

	66% {
		transform: translate(0.5px,2.5px) rotate(1.5deg);
	}

	68% {
		transform: translate(2.5px,-1.5px) rotate(1.5deg);
	}

	70% {
		transform: translate(2.5px,2.5px) rotate(0.5deg);
	}

	72% {
		transform: translate(-0.5px,-1.5px) rotate(1.5deg);
	}

	74% {
		transform: translate(-1.5px,2.5px) rotate(1.5deg);
	}

	76% {
		transform: translate(-1.5px,2.5px) rotate(1.5deg);
	}

	78% {
		transform: translate(-1.5px,2.5px) rotate(0.5deg);
	}

	80% {
		transform: translate(-1.5px,0.5px) rotate(-0.5deg);
	}

	82% {
		transform: translate(-1.5px,0.5px) rotate(-0.5deg);
	}

	84% {
		transform: translate(-0.5px,0.5px) rotate(1.5deg);
	}

	86% {
		transform: translate(2.5px,1.5px) rotate(0.5deg);
	}

	88% {
		transform: translate(-1.5px,0.5px) rotate(1.5deg);
	}

	90% {
		transform: translate(-1.5px,-0.5px) rotate(-0.5deg);
	}

	92% {
		transform: translate(-1.5px,-1.5px) rotate(1.5deg);
	}

	94% {
		transform: translate(0.5px,0.5px) rotate(-0.5deg);
	}

	96% {
		transform: translate(2.5px,-0.5px) rotate(-0.5deg);
	}

	98% {
		transform: translate(-1.5px,-1.5px) rotate(-0.5deg);
	}

	0%,100% {
		transform: translate(0,0) rotate(0deg);
	}
}

@keyframes banner_fadeInTop {
	from {
		opacity: 0;
		transform: translate3d(0,-50%,0);
	}

	to {
		opacity: 1;
		transform: translate3d(0,0,0);
	}
}

/*内容*/
/*第一部分*/
.title-box {
	width: 100%;
	text-align: center;
	margin-top: 70px;
	margin-bottom: 25px;
}

	.title-box img {
		margin: auto
	}

.title-name {
	width: 100%;
	height: 45px;
	position: relative;
	line-height: 45px;
	font-size: 20px;
	color: #5497C4;
	font-weight: bold;
	letter-spacing: 1px;
}

.title-line {
	width: 408px;
	height: 1px;
	background: #CCC;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto
}

.left-line {
	left: 0
}

.right-line {
	right: 0
}

.word-Box {
	position: relative;
}

.word-content {
	text-indent: 2em;
	font-size: 16px;
	line-height: 30px;
	text-align: left;
	margin-bottom: 20px;
}

.po-box {
	width: 100%;
	height: 210px;
}

.left-word {
	position: absolute;
	left: 0;
	width: 655px;
}

.rightImg {
	position: absolute;
	right: 0
}

/*第二部分*/
.ul-content li {
	list-style-image: url(../images/preview/li.png);
	line-height: 40px;
	letter-spacing: 1px;
}

.po-box1 {
	height: 350px;
	width: 100%;
	position: relative
}

	.po-box1 img {
		position: absolute;
		left: 0
	}

.right-w {
	position: absolute;
	right: 0;
	width: 480px;
}

/*第四部分*/
.centerImg {
	text-align: center;
	margin: 40px 0
}

.imgR {
	margin-left: 35px;
}

.six-ul {
	width: 100%;
	height: 335px;
}

	.six-ul li {
		float: left;
		margin-top: 22px;
		margin-bottom: 22px;
	}

		.six-ul li div {
			display: inline-block;
			margin-left: 15px;
			width: 375px;
			height: 66px;
			position: relative
		}

			.six-ul li div span {
				display: inline-block;
				position: absolute;
				top: 0;
				bottom: 0;
				margin: auto;
			}

.one-li span {
	height: 23px;
}

.two-li span {
	height: 40px;
}

.ge-li {
	margin-left: 25px;
}

/*第五部分*/
.title1 {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
}

.title2 {
	text-indent: 2em;
	color: #333;
	line-height: 50px;
	font-weight: 600
}

.word-content1 {
	margin-bottom: 10px;
}

/*第六部分*/
.last-box {
	text-align: center
}

@media screen and (max-width:1600px) {
	.header-back {
		width: 40px;
		height: 24px;
		margin: 28px 24px 0;
	}
}

@media screen and (max-width:1366px) {
	.header-back {
		width: 36px;
		height: 20px;
		margin: 20px 18px 0;
	}
}