html {
	font-family: 'Arial Normal', 'Arial';
	color: #333;
	sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

html,
body,
div,
object,
iframe,
applet,
object,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
address,
dl,
dt,
dd,
ol,
ul,
li,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
progress {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline
}

html,
body {
	width: 100%;
	height: 100%;
	font-size: 14px;
	color: #333;
}

li {
	list-style: none
}

/*input,button,select,textarea{outline:medium; outline:none; resize: none; border:none; outline:0px; }*/
img {
	border: 0px;
}

/*button,select,textarea{-webkit-appearance:none;background: transparent;}*/
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"] {
	-webkit-appearance: none;
}

button {
	cursor: pointer;
	-webkit-appearance: none;
	font-size: 0.95rem;
}

::-webkit-input-placeholder {
	color: #999999;
	font-size: 0.9rem;
}

* {
	margin: 0;
	padding: 0;
}


a {
	background-color: transparent;
	text-decoration: none;
	cursor: pointer;
	color: #666666;
}

a:active,
a:hover {
	outline: 0;
	text-decoration: none;
}

.clearfix:after {
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}

.clearfix {
	zoom: 1;
	overflow: hidden;
}

.fl {
	float: left !important;
}

.fr {
	float: right !important;
}

.w1 {
	width: 100% !important;
}

.w2 {
	width: 20% !important;
}

.w3 {
	width: 30% !important;
}

.w5 {
	width: 50% !important;
}

.w7 {
	width: 70% !important;
}

.w33 {
	width: 33.333333% !important;
}

.h1 {
	height: 100% !important;
}

.wh1 {
	width: 100%;
	height: 100% !important;
}

.tac {
	text-align: center;
}

.tal {
	text-align: left;
}

.tar {
	text-align: right;
}

.ab {
	display: block;
}

.aik {
	display: inline-block;
}

dl,
dt,
dd {
	display: inline-block;
}

.copyright {
	width: 1250px;
	margin: 0 auto;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	margin-top: 50px;
}

table tr th {
	font-weight: 500;
}

.xinghao {
	color: red
}

.color_blue {
	color: #0099ff;
}

.pr {
	position: relative;
}

.com {
	width: 100%;
	height: auto;
	background: #fff;
	position: relative;
	overflow: hidden;
}

.nav {
	width: 100%;
	height: 80px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
}

.nav_in {
	width: 88vw;
	height: 80px;
	margin: 0 auto;
	padding: 15px 0;
	box-sizing: border-box;
}

.navL {
	width: 26%;
}

.logo {
	width: auto;
	height: 48px;
}

.navr {
	width: 74%;
	height: 50px;
}

.navr_ul {
	width: 100%;
	height: 50px;
	text-align: right;
}

.navr_li {
	display: inline;
	line-height: 47px;
	margin: 0 20px;
	font-size: 16px;
}

.navr_li a {
	display: inline-block;
	line-height: 35px;
	color: #465af0;
	padding: 0 8px;
}

.navr_li a:hover {
	color: #fff !important;
	background-color: #465af0;
	padding: 0 8px;
	border-radius: 8px;
	/*border-bottom: 3px solid black;*/
}

/*.navr_li_on a:nth-child(1) {*/
/*	color: #fff !important;*/
/*	background-color: #465af0;*/
/*	padding: 0 8px;*/
/*	border-radius: 8px;*/
/*	!*border-bottom: 3px solid black;*!*/
/*}*/

.banner {
	width: 100%;
	height: 75vh !important;
	min-width: 1200px;
	position: relative;
	overflow: auto;
	z-index: 1
}

.banner ul li {
	float: left;
}

.banner li {
	/* list-style: none; */
}

.banner li img {
	display: block;
	width: 100%;
	height: 100%;
}

#myCarousel .carousel-indicators {
	position: absolute;
	right: 10px;
	bottom: 70px;
	z-index: 99;
}

#banner .dots li {
	float: left;
	display: block;
	width: 6px;
	height: 6px;
	margin: 0 4px;
	text-indent: -999em;
	border: 1px solid #fff;
	border-radius: 6px;
	cursor: pointer;
	opacity: .4;
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}

#banner .dots li.active {
	width: 6px;
	height: 6px;
	background: #f5f5f5;
	opacity: 1;
	border: 1px solid #f5f5f5;
}

.banner_img {
	min-width: 1200px;
	width: 100%;
	height: 75vh !important;
	overflow: hidden;
	/*background-size: 100% 100% !important;*/
}

.index_1 {
	width: 100%;
	margin-top: 90px;
}

.index_1in {
	width: 1200px;
	margin: 0 auto;
}

.index_1t {
	width: 100%;
	text-align: center;
	background-image: url(../images/title-bg1.png);
	background-repeat: no-repeat;
	background-size: 702px 63px;
	background-position: top center;
}

.index_1tp {
	font-size: 34px;
	font-weight: bold;
	padding-top: 30px;
}

.index_1tp2 {
	font-size: 20px;
	color: #7e7c8f;
	padding-top: 15px;
}

.index_2 {
	width: 100%;
	min-height: 580px;
	margin-top: 45px;
	background-image: url(../images/bg1.gif);
	background-repeat: no-repeat;
	background-size: 1200px 388px;
	background-position: bottom center;
}

.index_2in {
	float: left;
	width: 25%;
	margin: 0 4.1%;
	text-align: center;
	/*background: #fff;*/
}

.index_2a {
	width: 100%;
	height: 120px;
}

.icon_kuajing {
	width: 120px;
	height: 120px;
}

.index_2b {
	width: 100%;
	height: 52px;
	border-radius: 5px;
	text-align: center;
	line-height: 52px;
	font-size: 20px;
	color: #fff;
	margin-top: 15px;
	background: #4924ff;
	background: linear-gradient(to right, #5e5eff, 70%, #4215ff);
	-webkit-box-shadow: 0px 5px 10px #dfeaff;
	-moz-box-shadow: 0px 5px 10px #dfeaff;
	box-shadow: 0px 5px 10px #dfeaff;
	cursor: pointer;
}

.index_2c {
	width: 100%;
	padding-top: 25px;
	text-align: left;
	color: #7e7c8f;
	line-height: 180%;
	font-size: 16px;
}

.index_2t {
	width: 100%;
	/*top:170px;*/
	text-align: center;
	background-image: url(../images/title-bg2.png);
	background-repeat: no-repeat;
	background-size: 808px 63px;
	background-position: top center;
}

.index_1tul {
	width: 100%;
	overflow: hidden;
	text-align: center;
	margin-top: 20px;
	position: relative;
	z-index: 9;
}

.index_1tli {
	display: inline;
	margin-right: 40px;
	color: #7e7c8f;
}

.icon1 {
	width: 28px;
	height: 28px;
	margin-right: 10px;
}

.index_12 {
	padding: 100px 35px 70px 35px;
	overflow: hidden;
}

.index_12ul {
	float: left;
	width: 30%;
	height: 520px;
	position: relative;
}

.index_12ul li {
	position: absolute;
	padding-left: 140px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	line-height: 86px;
	cursor: pointer;
	width: 184px;
	height: 113px;
	/*box-sizing: border-box;*/
}

.index_12li1 {
	background: url(../images/bg4.png) no-repeat;
	background-size: 325px 113px;
	z-index: 10;
	line-height: 105px;
}

.index_12li1:hover{
	background: url(../images/bg4_h.png) no-repeat;
	background-size: 325px 113px;
	z-index: 10;
	line-height: 105px;
	/* 过渡动画 */
	animation:bg4_h 0.5s;
	-webkit-animation:bg4_h 0.5s; 
}
/* 过渡动画 */
@keyframes bg4_h
{
	from {background:url(../images/bg4.png) no-repeat;line-height: 90px;}
	to {background:url(../images/bg4_h.png) no-repeat;line-height: 105px;}
}
@keyframes bg5_h
{
	from {background:url(../images/bg5.png) no-repeat;line-height: 90px;}
	to {background:url(../images/bg5_h.png) no-repeat;line-height: 105px;}
}
@keyframes bg6_h
{
	from {background:url(../images/bg6.png) no-repeat;line-height: 90px;}
	to {background:url(../images/bg6_h.png) no-repeat;line-height: 105px;}
}
@keyframes bg7_h
{
	from {background:url(../images/bg7.png) no-repeat;line-height: 90px;}
	to {background:url(../images/bg7_h.png) no-repeat;line-height: 105px;}
}
@keyframes bg8_h
{
	from {background:url(../images/bg8.png) no-repeat;line-height: 90px;}
	to {background:url(../images/bg8_h.png) no-repeat;line-height: 105px;}
}
@keyframes bg9_h
{
	from {background:url(../images/bg9.png) no-repeat;line-height: 90px;}
	to {background:url(../images/bg9_h.png) no-repeat;line-height: 105px;}
}
.index_12li2 {
	background: url(../images/bg5.png) no-repeat;
	background-size: 325px 113px;
	left: 0;
	top: 82px;
	z-index: 9;
	line-height: 105px;
}
.index_12li2:hover {
	background: url(../images/bg5_h.png) no-repeat;
	background-size: 325px 113px;
	left: 0;
	top: 82px;
	z-index: 9;
	line-height: 105px;
	 /* 过渡动画 */
	 animation:bg5_h 0.5s;
	 -webkit-animation:bg5_h 0.5s; 
}
.index_12li3 {
	background: url(../images/bg6.png) no-repeat;
	background-size: 325px 113px;
	left: 0;
	top: 164px;
	z-index: 8;
	line-height: 105px;
}

.index_12li3:hover {
	background: url(../images/bg6_h.png) no-repeat;
	background-size: 325px 113px;
	left: 0;
	top: 164px;
	z-index: 8;
	line-height: 105px;
	/* 过渡动画 */
	animation:bg6_h 0.5s;
	-webkit-animation:bg6_h 0.5s; 
}

.index_12li4 {
	background: url(../images/bg7.png) no-repeat;
	background-size: 325px 113px;
	left: 0;
	top: 246px;
	z-index: 7;
	line-height: 105px;
}
.index_12li4:hover {
	background: url(../images/bg7_h.png) no-repeat;
	background-size: 325px 113px;
	left: 0;
	top: 246px;
	z-index: 7;
	line-height: 105px;
	/* 过渡动画 */
	animation:bg7_h 0.5s;
	-webkit-animation:bg7_h 0.5s; 
}
.index_12li5 {
	background: url(../images/bg8.png) no-repeat;
	background-size: 325px 113px;
	left: 0;
	top: 328px;
	z-index: 6;
	line-height: 105px;
}
.index_12li5:hover {
	background: url(../images/bg8_h.png) no-repeat;
	background-size: 325px 113px;
	left: 0;
	top: 328px;
	z-index: 6;
	line-height: 105px;
	/* 过渡动画 */
	animation:bg8_h 0.5s;
	-webkit-animation:bg8_h 0.5s; 
}

.index_12li6 {
	background: url(../images/bg9.png) no-repeat;
	background-size: 325px 113px;
	left: 0;
	top: 410px;
	z-index: 5;
	line-height: 105px;
}

.index_12li6:hover {
	background: url(../images/bg9_h.png) no-repeat;
	background-size: 325px 113px;
	left: 0;
	top: 410px;
	z-index: 5;
	line-height: 105px;
	/* 过渡动画 */
	animation:bg9_h 0.5s;
	-webkit-animation:bg9_h 0.5s; 
}

.index_13 {
	float: left;
	width: 64%;
	padding-left: 6%;
}

.index_13t {
	font-size: 24px;
	font-weight: bold;
}

.index_13in {
	padding-top: 20px;
	font-size: 16px;
	color: #908e9f;
	line-height: 180%;
}

.index_14 {
	padding-top: 20px;
}

.index_14a {
	display: inline-block;
	width: 120px;
	height: 48px;
	border: 1px solid #465af0;
	border-radius: 4px;
	text-align: center;
	line-height: 48px;
	font-size: 18px;
	color: #465af0;
}

.index_14a:hover {
	background: #465af0;
	color: #fff;
}

.index_15 {
	text-align: right;
}

.index_15 img {
	max-width: 100%;
}

.index_3t {
	width: 100%;
	text-align: center;
	background-image: url(../images/title-bg3.png);
	background-repeat: no-repeat;
	background-size: 847px 63px;
	background-position: top center;
}

.index_3 {
	position: relative;
	width: 100%;
	margin-top: 70px;
	border-top: 1px solid #e7e7ef;
	/* 	background-image: url(../images/bg2.png);
	background-repeat: no-repeat;
	background-size: 50% 283px;
	background-position: bottom right; */
}
.index_3bg1{
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 280px;
	z-index: -7;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	background-image: url(../images/bg2.png);
	background-repeat: no-repeat;
}

.index_3bg1:hover{
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 280px;
	z-index: -7;
	transform: scale(1.1, 1.1);
	-ms-transform: all 1s scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
}

.index_3bg2{
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 280px;
	z-index: -7;
}

.index_3bg3{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50%;
	height: 280px;
	z-index: -7;
}

.index_3bg4{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 50%;
	height: 280px;
	z-index: -7;
}
.index_3in {
	width: 100%;
	height: 280px;
	/* border-bottom: 1px solid #e7e7ef; */
	overflow: hidden;
}

.index_3L {
	padding-left: 50px !important;
	width: 50%;
	float: left;
	/* border-right: 1px solid #e7e7ef; */
	padding: 40px 180px 50px 0;
	box-sizing: border-box;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	/* background-image: url(../images/bg2.png);
	background-repeat: no-repeat; */
}

.index_3L:hover {
	transform: scale(1.1, 1.1);
	-ms-transform: all 1s scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
}

.index_3Lt {
	font-size: 24px;
	font-weight: bold;
}

.index_3Lb {
	padding-top: 10px;
	font-size: 16px;
	color: #7e7c8f;
	line-height: 180%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.index_3Lc {
	padding-top: 40px;
}

.index_3Lca {
	color: #4851f6;
	font-size: 16px;
}

.index_3r {
	width: 50%;
	height: 280px;
	float: left;
	padding: 40px 140px 40px 60px;
	box-sizing: border-box;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	/* background-image: url(../images/bg2.png);
	background-repeat: no-repeat; */
}

.index_3r:hover {
	transform: scale(1.1, 1.1);
	-ms-transform: all 1s scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
}

.index_4 {
	width: 100%;
	max-height: 500px;
	background-image: url(../images/bg_data.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: top center;
	padding: 140px 0 100px 0;
}

.index_4in {
	width: 1200px;
	height: 250px;
	margin: auto;
	padding-top: 40px;
	background-image: url(../images/bg_data1.png);
	background-repeat: no-repeat;
	background-size: 100% 244px;
	background-position: bottom right;
}

.index_4ul {
	width: 97%;
	height: 160px;
	margin: 60px auto;
}

.index_4li {
	float: left;
	width: 25%;
	height: 120px;
	text-align: center;
	margin: 20px 0;
	border-right: 1px solid #efeff6;
	box-sizing: border-box;
	font-size: 16px;
	color: #4e4e59;
	padding: 15px 0;
}

.index_4lisp {
	color: #9da0c7;
}

.index_4lip {
	font-size: 46px;
	font-weight: bold;
	padding-top: 10px;
	color: #4851f6;
}

.index_4lip2 {
	font-size: 46px;
	font-weight: bold;
	padding-top: 10px;
	color: #e7c990;
}

.index_1_1 {
	width: 100%;
	margin-top: 40px;
	padding-bottom: 60px;
}

.index_4t {
	width: 100%;
	text-align: center;
	background-image: url(../images/title-bg4.png);
	background-repeat: no-repeat;
	background-size: 752px 63px;
	background-position: top center;
	/*margin-top: 40px;*/
}

.index_5 {
	width: 100%;
	height: 100px;
	padding-top: 55px;
	overflow: hidden;
	position: relative;
}

.index_5ul {
	width: 100%;
	height: 100px;
	padding: 5px 0 0 10px;
	overflow: hidden;
	position: absolute;
}

.index_5 .tempWrap {
	width: 1200px !important;
}

.index_5li {
	float: left;
	width: 200px;
	height: 78px;
	background: #fff;
	border-radius: 8px;
	margin-right: 25px;
	overflow: hidden;
	-webkit-box-shadow: 0px 3px 10px #d9dcf6;
	-moz-box-shadow: 0px 3px 10px #d9dcf6;
	box-shadow: 0px 3px 10px #d9dcf6;
}

.l-logo1 {
	max-width: 100%;
	text-align: center;
}

.index_1_2 {
	width: 100%;
	height: 760px;
	margin-top: 40px;
	padding-top: 40px;
	background: #f7f7ff;
	background-image: url(../images/bg3.png);
	background-repeat: no-repeat;
	background-size: 100% 255px;
	background-position: bottom center;
}

.index_7 {
	width: 100%;
	margin-top: 60px;
}

.index_6 {
	float: left;
	width: 25%;
	background: #fff;
	padding: 40px 30px;
	border-right: 1px solid #efeff6;
	box-sizing: border-box;
}

.index_6t {
	width: 100%;
	overflow: hidden;
}

.index_6icon {
	width: 32px;
	vertical-align: middle;
}

.index_6tsp {
	font-size: 24px;
	color: #465af0;
	font-weight: bold;
	vertical-align: middle;
	padding: 0 10px;
}

.index_6more {
	height: 12px;
}

.index_6ul {
	width: 100%;
	overflow: hidden;
}

.index_6li {
	padding-top: 30px;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.index_6li:hover a {
	color: #465af0;
}

.index_8 {
	width: 100%;
	background: #fff;
	padding: 60px 0;
}

.index_8t {
	width: 100%;
	height: 30px;
}

.index_8icon {
	height: 26px;
}

.index_8tsp {
	font-size: 24px;
	font-weight: bold;
	color: #465af0;
	vertical-align: middle;
	padding-left: 10px;
}

.index_8ul {
	padding-top: 10px;
	width: 100%;
	overflow: hidden;
}

.index_8li {
	width: 13.6%;
	float: left;
	padding-top: 20px;
	font-size: 16px;
	text-align: center;
}

.index_9 {
	width: 100%;
	background: #06152c;
	padding: 20px 0 0 0;
	/*<原高度：padding: 70px 0 40px 0;*/
	overflow: hidden;
}

.index_9L {
	width: 50%;
	float: left;
	margin-right: 3%;
}

.index_10 {
	width: 100%;
	height: 130px;
}

.b_logo {
	float: left;
}

.b_logoimg {
	width: auto;
	height: 72px;
}

.index_10in {
	float: left;
	padding-left: 60px;
	color: #fff;
}

.index_10inp {
	font-size: 18px;
}

.index_10inp2 {
	font-size: 28px;
	font-weight: bold;
	padding-top: 12px;
}

.index_11 {
	width: 100%;
	height: 160px;
}

.index_11in {
	float: left;
	margin-right: 20px;
	text-align: center;
}

.index_11in2 {
	width: 90px;
	height: 90px;
	background: #fff;
	border-radius: 6px;
	overflow: hidden;
	padding: 5px;
}

.ewm {
	width: 100%;
}

.index_11in2p {
	font-size: 16px;
	color: #fff;
	padding-top: 20px;
}

.index_9ul {
	float: left;
	width: 15%;
	margin-top: 4%;
}

.index_9li {
	font-size: 18px;
	color: #fff;
	padding-bottom: 10px;
}

.index_9li2 {
	padding-top: 20px;
}

.index_9li2 a {
	color: #a1a1a1;
}

.index_9d {
	width: 100%;
	height: 60px;
	background: #041021;
	text-align: center;
	line-height: 60px;
	color: #575757;
}

.bg_1 {
	position: absolute;
	top: 1000px;
	left: 0px;
	width: 445px;
	height: 462px;
	transform: translate(-50%, -50%);
	z-index: 99;
	background: url(../images/bg_1.png) no-repeat;
	background-size: 445px 462px;
	animation: play 3s ease .5s infinite;
}

@keyframes play {
	0% {
		transform: translate(0px, 0px)
	}

	20% {
		transform: translate(20px, -20px)
	}

	40% {
		transform: translate(40px, -40px)
	}

	60% {
		transform: translate(60px, -60px)
	}

	80% {
		transform: translate(80px, -80px)
	}

	100% {
		transform: translate(100px, -100px)
	}

	/*from{transform: translate(-50%,-50% ) scale(1); }
    to{transform: translate(-50%,-50% ) scale(1.6); }*/
}

.bg_2 {
	position: absolute;
	top: 700px;
	right: 10px;
	width: 303px;
	height: 348px;
	transform: translate(-50%, -50%);
	z-index: 99;
	background: url(../images/bg_1.png) no-repeat;
	background-size: 303px 348px;
	animation: play2 3s linear .5s infinite;
}

@keyframes play2 {
	0% {
		transform: translate(0px, 0px)
	}

	20% {
		transform: translate(20px, -20px)
	}

	40% {
		transform: translate(40px, -40px)
	}

	60% {
		transform: translate(60px, -60px)
	}

	80% {
		transform: translate(80px, -80px)
	}

	100% {
		transform: translate(100px, -100px)
	}
}

.bg_3 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 700px;
	height: 576px;
	z-index: 1;
	transform: translate(-50%, -50%);
	/*z-index:99;*/
	background: url(../images/bg_guoji.png) no-repeat;
	background-size: 700px 576px;
	animation: play3 3s linear .5s infinite;
}

@keyframes play3 {
	0% {
		transform: translate(0px, 0px)
	}

	20% {
		transform: translate(0px, -25px)
	}

	40% {
		transform: translate(0px, -50px)
	}

	60% {
		transform: translate(0px, -75px)
	}

	80% {
		transform: translate(0px, -100px)
	}

	100% {
		transform: translate(0px, -125px)
	}
}

.bg_4 {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 263px;
	height: 261px;
	z-index: 1;
	transform: translate(-50%, -50%);
	/*z-index:99;*/
	background: url(../images/bg_3.png) no-repeat;
	background-size: 263px 261px;
	animation: play4 5s linear .5s infinite;
}

@keyframes play4 {
	0% {
		transform: translate(0px, 0px)
	}

	20% {
		transform: translate(-10px, -10px) rotate(10deg)
	}

	40% {
		transform: translate(-20px, -20px) rotate(20deg)
	}

	60% {
		transform: translate(-30px, -30px) rotate(30deg)
	}

	80% {
		transform: translate(-40px, -40px) rotate(40deg)
	}

	100% {
		transform: translate(-50px, -50px) rotate(50deg)
	}
}

.bg_5 {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 151px;
	z-index: 1;
	transform: translate(-50%, -50%);
	/*z-index:99;*/
	background: url(../images/bg_4.png) no-repeat;
	background-size: 150px 151px;
	animation: play5 5s linear 1s infinite;
}

@keyframes play5 {
	0% {
		transform: translate(0px, 0px)
	}

	20% {
		transform: translate(20px, 0px) rotate(72deg)
	}

	40% {
		transform: translate(40px, 0px) rotate(144deg)
	}

	60% {
		transform: translate(60px, 0px) rotate(216deg)
	}

	80% {
		transform: translate(80px, 0px) rotate(288deg)
	}

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

.bg_6 {
	position: absolute;
	top: 20px;
	right: 0;
	width: 130px;
	height: 200px;
	z-index: 1;
	transform: translate(-50%, -50%);
	/*z-index:99;*/
	background: url(../images/bg_5.png) no-repeat;
	background-size: 130px 200px;
	animation: play6 5s linear 0.5s infinite;
}

@keyframes play6 {
	0% {
		transform: translate(0px, 0px)
	}

	20% {
		transform: translate(0px, -25px)
	}

	40% {
		transform: translate(0px, -50px)
	}

	60% {
		transform: translate(0px, -75px)
	}

	80% {
		transform: translate(0px, -100px)
	}

	100% {
		transform: translate(0px, -125px)
	}
}

.bg_7 {
	position: absolute;
	top: -60px;
	left: 10px;
	width: 240px;
	height: 300px;
	transform: translate(-50%, -50%);
	z-index: 1;
	background: url(../images/bg_6.png) no-repeat;
	background-size: 240px 300px;
	animation: play7 3s linear .5s infinite;
}

@keyframes play7 {
	0% {
		transform: translate(0px, 0px)
	}

	20% {
		transform: translate(20px, -20px)
	}

	40% {
		transform: translate(40px, -40px)
	}

	60% {
		transform: translate(60px, -60px)
	}

	80% {
		transform: translate(80px, -80px)
	}

	100% {
		transform: translate(100px, -100px)
	}
}

.bg_8 {
	position: absolute;
	top: 60px;
	right: 10px;
	width: 150px;
	height: 300px;
	transform: translate(-50%, -50%);
	z-index: 1;
	background: url(../images/bg_7.png) no-repeat;
	background-size: 150px 300px;
	animation: play8 3s linear .5s infinite;
}

@keyframes play8 {
	0% {
		transform: translate(0px, 0px)
	}

	20% {
		transform: translate(20px, -20px)
	}

	40% {
		transform: translate(40px, -40px)
	}

	60% {
		transform: translate(60px, -60px)
	}

	80% {
		transform: translate(80px, -80px)
	}

	100% {
		transform: translate(100px, -100px)
	}
}

/*右边固定导航*/
.right_up {
	position: fixed;
	width: 60px;
	right: 20px;
	top: 300px;
	z-index: 99;
}

.right_upin {
	position: relative;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0px 0px 12px #7ba0e2;
}

.right_upin1 {
	height: 60px;
	height: 60px;
	text-align: center;
}

.right_upin1_on {
	background-image: url(../images/rigjt_bg.png);
	background-size: 60px 60px;
}

.right_upimg {
	width: 28px;
	margin-top: 16px;
	cursor: pointer;
}

.right_upin2 {
	margin-top: 45px;
	width: 56px;
	height: 56px;
	background: #fff;
	border: 2px solid #465af0;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
}

.right_upimg2 {
	height: 14px;
	margin-top: 20px;
}

.right_upin3 {
	position: relative;
}

.aaa {
	width: 170px;
	position: absolute;
	will-change: top, left;
	top: 0;
	right: 60px;
	border-radius: 4px;
	/*border: 1px solid #e9e9e9;*/
}

.right_upin4 {
	position: relative;
	background: #fff;
	margin-right: 15px;
	border-radius: 4px;
	box-shadow: 0 0px 12px rgba(0, 0, 0, .2);
}

.right_triangle {
	position: absolute;
	right: -7px;
	top: 20px;
	margin-top: -7px;
}

.right_upup {
	background: #fff;
	padding: 8px 15px;
	text-align: center;
	border-radius: 4px;
	box-sizing: border-box;
}

.floatDqq {
	width: 120px;
}

.floatli {
	height: 35px;
	line-height: 35px;
	cursor: pointer;
}

.floatli2 a{
	color: #ff5000;
	font-weight: bold;
}

.right_upupimg {
	width: 110px;
	border-radius: 4px;
}

.right_upupp {
	padding-top: 5px;
	color: #888;
}