* {
	margin: 0;
	padding: 0;
}
body{
	width: 100%;
	min-width: 1000px;
}
.m {
	width: 1000px;
	margin: 0 auto;
}
.l {
	float: left;
}
.r {
	float: right;
}
button {
	background: none;
	border: none;
	outline: none;
}
a {
	text-decoration: none;
}
ul,ul li,ol,ol li {
	list-style: none;
}
img {
	display: block;
}
.duration {
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.zx {
	cursor: pointer;
}

header {
	width: 100%;
	background: #fff;
}
.header_left {
	width: 280px;
	height: 44px;
	font-size: 20px;
	line-height: 44px;
}
.header_left a {
	margin: 0 13px;
}
.header_left a {
	font-size: 18px;
	color: #000;
	line-height: 49px;
}
.header_right {
	margin-top: 9px;
	font-size: 22px;
	color: #3c3c3c;
	line-height: 18px;
}
.header_right img {
	width: 18px;
	height: 18px;
	float: left;
	margin-right: 6px;
	margin-top: 5px;
	margin-left: 10px;
}
.header_right b {
	font-size: 22px;
	font-weight: normal;
	float: left;
	line-height: 26px;
}
.header_right dl {
	float: left;
	margin: 0 40px;
	position: relative;
}
.header_right i {
	float: left;
	height: 20px;
	width: 1px;
	background: #777777;
	margin-top: 4px;
}
.header_right dl dt {
	color: #777777;
	padding: 0 5px;
	cursor: pointer;
	font-size: 20px;
	line-height: 26px;
}
.header_right dl dt img {
	width: 26px;
	height: 26px;
	margin: 0 10px 0 0;
}
.header_right dl dd {
	position: absolute;
	width: 104px;
	height: 112px;
	background: url(../img/png16.png);
	z-index: 9;
	display: none;
}
.header_right dl:hover dd {
	display: block;
}
.header_right dl dd img {
	width: 100%;
	height: 100%;
	display: block;
	margin: 0;
}

.banner {
	position: relative;
}
.bannerT {
	width: 100%;
	height: 810px;
	background: url(../img/banner.jpg) center;
}
.bannerC {
	width: 1046px;
	height: 673px;
	background: url(../img/png15.png);
	position: absolute;
	top: 520px;
	left: 50%;
	transform: translateX(-50%);
}
.bannerC img {
	width: 100px;
	height: 100px;
	float: right;
	margin-right: 76px;
	margin-top: 551px;
	border-radius: 10px;
}
.bannerB {
	width: 100%;
	height: 620px;
	background: url(../img/jpg1.jpg) center;
	overflow: hidden;
}
.bannerB div {
	margin-top: 546px;
}
.bannerB div input {
	float: left;
	width: 210px;
	height: 55px;
	border: 1px solid #cccccc;
	border-radius: 30px;
	padding: 0 21px;
	outline: none;
	margin-right: 20px;
	font-size: 24px;
}
.bannerB div button {
	float: right;
	width: 215px;
	height: 56px;
	background: #493dcc;
	font-size: 26px;
	color: #fff;
	border-radius: 30px;
}
.bannerB div button:nth-child(3) {
	color: #1f2a4c;
	margin-left: 20px;
	background: -moz-linear-gradient(top, #f1b641 0%, #fae05b 100%);
    background: -webkit-linear-gradient(top, #f1b641 0%,#fae05b 100%);
    background: -o-linear-gradient(top, #f1b641 0%,#fae05b 100%);
    background: -ms-linear-gradient(top, #f1b641 0%,#fae05b 100%);
    background: linear-gradient(to top, #f1b641 0%,#fae05b 100%);
}

.plate1 {
	width: 100%;
	height: 586px;
	background: url(../img/jpg2.jpg) center;
	overflow: hidden;
}
.plate1 ul {
	width: 1020px;
	margin: 22px auto 0;
}
.plate1 ul li {
	width: 235px;
	height: 247px;
	margin: 0 10px 20px;
	float: left;
}
.plate1 ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

.plate2 {
	width: 1300px;
	height: 761px;
	background: url(../img/jpg3.jpg);
	margin: 0 auto;
}

.plate3 {
	height: 910px;
	background: url(../img/jpg4.jpg);
}
.plate3 div {
	overflow: hidden;
}
.plate3 div:nth-child(1) button {
	width: 211px;
	height: 56px;
	background: url(../img/jpg13.jpg);
	border-radius: 30px;
	margin-right: 30px;
	margin-top: 227px;
}
.plate3 div:nth-child(2) button {
	width: 180px;
	height: 56px;
	background: url(../img/jpg15.jpg);
	border-radius: 30px;
	margin-top: 62px;
}
.plate3 div:nth-child(3) button {
	width: 180px;
	height: 56px;
	background: url(../img/jpg16.jpg);
	border-radius: 30px;
	margin-top: 548px;
}

.plate4 {
	height: 711px;
	background: url(../img/jpg5.jpg);
}

.plate5 {
	height: 1374px;
	background: url(../img/jpg6.jpg);
	overflow: hidden;
}
.plate5 ul {
	margin-right: 56px;
	margin-top: 171px;
}
.plate5 ul li {
	margin-bottom: 271px;
	width: 230px;
	height: 74px;
}

.plate6 {
	height: 556px;
	background: url(../img/jpg7.jpg);
}
.plate6 button {
	width: 180px;
	height: 56px;
	background: url(../img/jpg14.jpg);
	border-radius: 30px;
	margin-top: 20px;
}


.plate7 {
	height: 383px;
	background: url(../img/jpg8.jpg) center;
}

.plate8 {
	height: 840px;
	background: url(../img/jpg9.jpg) center;
	overflow: hidden;
}
.plate8 ul {
	width: 1010px;
	margin: 170px auto 0;
}
.plate8 ul li {
	width: 158px;
	height: 239px;
	float: left;
	background: #b89ef9;
	margin: 0 5px 10px;
}
.plate8 ul li.last {
	width: 495px;
	height: 120px;
}
.plate8 ul li b {
	display: block;
	width: 70px;
	height: 70px;
	background-color: #fff;
	border-radius: 35px;
	margin: 30px auto 0;
}
.plate8 ul li b img:first-child {
	display: block;
}
.plate8 ul li:hover b img:first-child {
	display: none;
}
.plate8 ul li b img:last-child {
	display: none;
}
.plate8 ul li:hover b img:last-child {
	display: block;
}
.plate8 ul li p {
	font-size: 18px;
	width: 120px;
	margin: 25px auto 0;
	line-height: 28px;
	text-align: center;
	color: #1f2a4c;
}
.plate8 ul li.last b {
	margin-left: 30px;
}
.plate8 ul li:nth-child(1) b {
	background-image: url(../img/png1.png)
}
.plate8 ul li:nth-child(1):hover b {
	background-image: url(../img/png1_hover.png)
}
.plate8 ul li:nth-child(2) b {
	background-image: url(../img/png2.png)
}
.plate8 ul li:nth-child(2):hover b {
	background-image: url(../img/png2_hover.png)
}
.plate8 ul li:nth-child(3) b {
	background-image: url(../img/png3.png)
}
.plate8 ul li:nth-child(3):hover b {
	background-image: url(../img/png3_hover.png)
}
.plate8 ul li:nth-child(4) b {
	background-image: url(../img/png4.png)
}
.plate8 ul li:nth-child(4):hover b {
	background-image: url(../img/png4_hover.png)
}
.plate8 ul li:nth-child(5) b {
	background-image: url(../img/png5.png)
}
.plate8 ul li:nth-child(5):hover b {
	background-image: url(../img/png5_hover.png)
}
.plate8 ul li:nth-child(6) b {
	background-image: url(../img/png6.png)
}
.plate8 ul li:nth-child(6):hover b {
	background-image: url(../img/png6_hover.png)
}
.plate8 ul li:nth-child(7) b {
	background-image: url(../img/png7.png)
}
.plate8 ul li:nth-child(7):hover b {
	background-image: url(../img/png7_hover.png)
}
.plate8 ul li:nth-child(8) b {
	background-image: url(../img/png8.png)
}
.plate8 ul li:nth-child(8):hover b {
	background-image: url(../img/png8_hover.png)
}
.plate8 ul li:nth-child(9) b {
	background-image: url(../img/png9.png)
}
.plate8 ul li:nth-child(9):hover b {
	background-image: url(../img/png9_hover.png)
}
.plate8 ul li:nth-child(10) b {
	background-image: url(../img/png10.png)
}
.plate8 ul li:nth-child(10):hover b {
	background-image: url(../img/png10_hover.png)
}
.plate8 ul li:nth-child(11) b {
	background-image: url(../img/png11.png)
}
.plate8 ul li:nth-child(11):hover b {
	background-image: url(../img/png11_hover.png)
}
.plate8 ul li:nth-child(12) b {
	background-image: url(../img/png12.png)
}
.plate8 ul li:nth-child(12):hover b {
	background-image: url(../img/png12_hover.png)
}
.plate8 ul li:nth-child(13) b {
	background-image: url(../img/png13.png)
}
.plate8 ul li:nth-child(13):hover b {
	background-image: url(../img/png13_hover.png)
}
.plate8 ul li:nth-child(14) b {
	background-image: url(../img/png14.png)
}
.plate8 ul li:nth-child(14):hover b {
	background-image: url(../img/png14_hover.png)
}
.plate8 ul li.last p {
	width: 343px;
	margin-right: 24px;
	text-align: left;
	line-height: 26px;
}
.plate8 ul li:hover {
	background: #f1a841;
}

.plate9 {
	height: 803px;
	background: url(../img/jpg10.jpg) center;
	margin-bottom: 150px;
}

.float {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 150px;
	background: url(../img/jpg11.jpg?11) center;
}
.float ul li {
	float: right;
	width: 201px;
	height: 66px;
	margin-left: 29px;
	margin-top: 42px;
}

.zx-side {
	display: none;
}