h1,h2,h3,h4,h5,h6,ul,li,p,dl,dd,dt {
	padding: 0;
	margin: 0
}

.maxCon {
	width: 100%;
	max-width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto
}

.petit {
	text-align: center;
	font-size: 28px;
	color: #333;
	line-height: 47px;
	margin: 0;
	padding: 0
}

.petatop .navDangh {
	border-bottom: 1px solid rgba(255,255,255,.13)
}

.petatop .navbar-fixed-top,.petatop .navNew {
	position: absolute
}

.petaBan {
	height: 500px
}

.petaBan .banWz {
	padding-top: 0
}

.petaBan .an,.petaBan .liang {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: 1920px 500px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #000
}

.petaBan .liang {
	opacity: .05;
	-webkit-animation: breath 2s infinite ease-in-out alternate;
	-moz-animation: breath 2s infinite ease-in-out alternate;
	-o-animation: breath 2s infinite ease-in-out alternate;
	-ms-animation: breath 2s infinite ease-in-out alternate;
	animation: breath 2s infinite ease-in-out alternate;
	display: none
}

@-webkit-keyframes breath {
	0 {
		opacity: .05
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-moz-keyframes breath {
	0 {
		opacity: .05
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-o-keyframes breath {
	0 {
		opacity: .2
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-ms-keyframes breath {
	0 {
		opacity: .2
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes breath {
	0 {
		opacity: .2
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

#banner .maxCon {
	height: 100%;
	position: relative
}

#banner .xiand {
	width: 655px;
	height: 500px;
	position: absolute;
	right: 0;
	top: 0;
	display: none
}

svg img {
	opacity: 0
}

.petaBan .banWz h5,.petaBan .banWz h6,.petaBan .banWz p {
	text-align: left;
	color: #fff;
	margin: 0;
	padding: 0
}

.petaBan .banWz h5 {
	line-height: 51px;
	font-size: 34px;
	font-weight: normal
}

.petaBan .banWz h6 {
	line-height: 32px;
	font-size: 20px;
	color: rgba(255,255,255,.9);
	font-weight: 300;
	letter-spacing: 1.5px
}

.petaBan .banWz .pxian {
	width: 44px;
	height: 2px;
	background-color: rgba(255,255,255,.5);
	margin: 21px 0 15px
}

.petaBan .banWz p {
	width: 544px;
	line-height: 26px;
	font-size: 14px;
	color: rgba(255,255,255,.9);
	font-weight: 300
}

.petaBan .banWz .annu {
	height: 36px;
	margin-top: 34px
}

.petaBan .banWz .annu a {
	width: 123px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	background: linear-gradient(90deg,#00aeff 0,#596efb 100%);
	display: block;
	position: relative;
	cursor: pointer;
	float: left;
	margin-right: 20px
}

.petaBan .banWz .annu a:nth-child(2) {
	background: transparent;
	border: 1px solid rgba(235,235,235,.85)
}

.petaBan .banWz .annu a:hover {
	color: #fff;
	background: linear-gradient(90deg,#09f 0,#575dfa 100%)
}

.petaBan .banWz .annu a:nth-child(2):hover {
	background: transparent;
	border: 1px solid rgba(235,235,235,1)
}

.penav {
	width: 100%;
	height: 49px;
	background-color: rgba(0,0,0,.1);
	border-top: 1px solid rgba(255,255,255,.13);
	position: absolute;
	bottom: 0;
	left: 0
}

.penav .navc a {
	display: block;
	float: left;
	line-height: 49px;
	font-size: 14px;
	color: #fff;
	letter-spacing: 1px;
	margin-right: 60px
}

.penav .hdyc {
	display: none;
	float: left;
	padding: 14px 0 0;
	margin-right: 110px
}

.penav1 {
	border-top: 1px solid rgba(0,0,0,0.85);
	background: rgba(0,0,0,0.85) !important;
	position: fixed;
	top: 0;
	bottom: auto;
	z-index: 3
}

.penav1 .hdyc {
	display: block
}

.penav .dmo {
	display: none
}

.penav1 .dmo {
	display: block;
	float: right;
	padding: 8px 0 7px
}

.penav1 .dmo a {
	display: block;
	width: 123px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	font-size: 14px;
	color: #fff;
	background: #596efb
}

.penav1 .dmo a:hover {
	background: #5266eb;
	color: #fff
}

.petit1 {
	padding: 60px 0 0
}

.peTexing li {
	padding: 77px 0 74px
}

.peTexing li:nth-child(even) {
	padding: 80px 0;
	background-color: #fafbff
}

.peTexing li:first-child {
	padding-top: 53px !important
}

.peTexing li .maxCon {
	max-width: 1232px;
	position: relative
}

.peTexing li .wz {
	float: left;
	margin-left: 16px;
	width: 35.065%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.peTexing li .wz h6 {
	line-height: 54px;
	color: #343434;
	font-size: 24px;
	padding-left:0;
}

.peTexing li:first-child .wz h6 {
	line-height: 43px
}

.peTexing li .wz span {
	display: block;
	width: 60px;
	height: 2px;
	background-color: #586dfc;
	margin: 6px 0 19px
}

.peTexing li .wz p {
	line-height: 30px;
	color: #666;
	font-size: 16px;
	letter-spacing: 1px
}

.peTexing li .tu {
	float: right;
	width: 54%;
	box-shadow: 0 1px 20px rgba(194,215,236,.5);
	margin: 16px
}

.peTexing li .tu img {
	width: 100%;
	height: auto
}

.peTexing li:nth-child(even) .tu {
	float: left
}

.peTexing li:nth-child(even) .wz {
	right: 16px
}

.peYoushi {
	padding: 78px 0 0
}

.peYoushi ul {
	width: 100%;
	max-width: 1230px;
	height: auto;
	overflow: hidden;
	margin: 31px auto 73px
}

.peYoushi ul li {
	float: left;
	width: 33.33%
}

.peYoushi ul li dl {
	border: 1px solid #d5dce6;
	text-align: center;
	padding: 52px 44px 50px;
	letter-spacing: 1px;
	margin: 0 15px 30px
}

.peYoushi ul li dl:hover {
	box-shadow: 0 10px 20px rgba(209,233,255,.36)
}

.peYoushi ul li dl dt {
	width: 56px;
	height: 56px;
	background-image: url("../../../../../../source.esensoft.com/images/xiaoyi_2018/petav/vtb.png");
	background-repeat: no-repeat;
	margin: 0 auto
}

.peYoushi ul li:nth-child(1) dl dt {
	background-position: 0 0
}

.peYoushi ul li:nth-child(2) dl dt {
	background-position: -56px 0
}

.peYoushi ul li:nth-child(3) dl .dt {
	background-position: -56px -56px
}

.peYoushi ul li dl h6 {
	line-height: 32px;
	font-size: 16px;
	color: #333;
	margin: 10px 0 12px
}

.peYoushi ul li dl dd {
	width: 44px;
	height: 2px;
	background-color: #596efb;
	margin: 0 auto 19px
}

.peYoushi ul li dl p {
	line-height: 26px;
	font-size: 14px;
	color: gray;
	text-align: left
}

.peAnli {
	padding: 65px 0 74px;
	background-color: #fafbff
}

.peAnli .maxCon {
	margin: 25px auto 0;
	max-width: 1232px
}

.peAnli .nav-tabs {
	text-align: center;
	height: 42px;
	font-size: 0;
	border: 0
}

.peAnli .nav-tabs li {
	display: inline-block;
	height: 42px;
	float: none
}

.peAnli .nav-tabs li a {
	display: block;
	padding: 0;
	border: 0;
	line-height: 40px;
	font-size: 16px;
	color: #14182d;
	background: none;
	position: relative;
	margin: 0 49px
}

.peAnli .nav-tabs li a:before {
	content: ' ';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-bottom: 2px solid #596efb;
	-ms-transform: scale(0);
	transform: scale(0);
	transition: transform .3s ease
}

.peAnli .nav-tabs li.active a {
	color: #14182d;
	background: none;
	border: 0
}

.peAnli .nav-tabs li.active a:before {
	transform: scale(1)
}

.peAnli .tab-content {
	margin: 44px 16px 25px;
	height: auto;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0 1px 20px rgba(194,215,236,.5)
}

.peAnli .tab-content .wz {
	width: 50%;
	float: left;
	text-align: left;
	letter-spacing: 1px;
	padding: 38px 100px 35px 54px
}

.peAnli .tab-content .wz h6 {
	line-height: 30px;
	font-size: 16px;
	color: #333;
	margin-bottom: 14px
}

.peAnli .tab-content .wz p {
	line-height: 30px;
	font-size: 14px;
	color: gray
}

.peAnli .tab-content .wz p b {
	color: #333;
	display: block;
	float: left
}

.peAnli .tab-content .wz p span {
	margin-left: 150px;
	display: block
}

.peAnli .tab-content .wz p:last-child {
	line-height: 22px
}

.peAnli .tab-content .tu {
	width: 50%;
	float: left
}

.peAnli .tab-content .tu img {
	width: 100%;
	height: auto
}

.pewend {
	padding: 60px 0 71px
}

.pewend .maxCon {
	max-width: 1220px
}

.pewend .maxCon ul {
	width: 100%;
	margin: 30px auto 0
}

.pewend .maxCon ul li {
	width: 33.33%;
	float: left
}

.pewend .maxCon ul li a {
	display: block;
	padding: 20px 25px;
	background: #fff;
	text-align: left;
	border: 1px solid #d5dce6;
	position: relative;
	margin: 0 10px 20px
}

.pewend .maxCon ul li a:before {
	content: ' ';
	position: absolute;
	top: 43px;
	right: 25px;
	width: 6px;
	height: 11px;
	background-image: url("../../../../../../source.esensoft.com/images/xiaoyi_2018/petav/vtb.png");
	background-position: -118px 0;
	background-repeat: no-repeat
}

.pewend .maxCon ul li .tb {
	width: 56px;
	height: 56px;
	position: absolute;
	top: 20px;
	left: 25px;
	background: linear-gradient(-45deg,#596efb 0,#77cbff 100%);
	background-color: #596efb
}

.pewend .maxCon ul li .tb:before {
	content: '';
	width: 56px;
	height: 56px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("../../../../../../source.esensoft.com/images/xiaoyi_2018/petav/vtb.png");
	background-position: -56px -56px;
	background-repeat: no-repeat
}

.pewend .maxCon ul li:nth-child(2) .tb:before {
	background-position: -112px -56px
}

.pewend .maxCon ul li:nth-child(3) .tb:before {
	background-position: -168px -56px
}

.pewend .maxCon ul li h6 {
	line-height: 32px;
	font-size: 18px;
	color: #333
}

.pewend .maxCon ul li p {
	line-height: 24px;
	font-size: 14px;
	color: gray
}

.pewend .maxCon ul li h6,.pewend .maxCon ul li p {
	padding-left: 72px
}

.pewend .maxCon ul li a:hover {
	box-shadow: 0 8px 12px rgba(194,215,236,.2)
}

.pewend1 .maxCon ul {
	width: 65.57%
}

.pewend1 .maxCon ul li {
	width: 50%
}

.pewend1 .maxCon ul li h6,.pewend1 .maxCon ul li p {
	padding-left: 0
}

@media(min-width:1180px) {
	.container {
		width: 1230px
	}
}

.abiBan #banner .xiand {
	width: 530px;
	height: 500px
}

.abiBan #banner .xiand .oxian {
	width: 1px;
	height: 18px;
	position: absolute;
	background-image: url("../../../../../statics/images/bysoft/img_2018/dsj_two/banxb1.png");
	background-position: center;
	-webkit-animation: paom2 2s ease-in infinite forwards;
	-o-animation: paom2 2s ease-in infinite forwards;
	animation: paom2 2s ease-in infinite forwards
}

@-webkit-keyframes paom2 {
	from {
		opacity: 1;
		margin-top: 0
	}

	to {
		opacity: 0;
		margin-top: -200px
	}
}

@-o-keyframes paom2 {
	from {
		opacity: 1;
		margin-top: 0
	}

	to {
		opacity: 0;
		margin-top: -200px
	}
}

@keyframes paom2 {
	from {
		opacity: 1;
		margin-top: 0
	}

	to {
		opacity: 0;
		margin-top: -200px
	}
}

.abiBan #banner .xiand .oxian1 {
	top: 144px;
	left: 413px;
	-webkit-animation-duration: 2.6s;
	-o-animation-duration: 2.6s;
	animation-duration: 2.6s
}

.abiBan #banner .xiand .oxian2 {
	top: 107px;
	left: 407px;
	-webkit-animation-duration: 1.6s;
	-o-animation-duration: 1.6s;
	animation-duration: 1.6s
}

.abiBan #banner .xiand .oxian3 {
	top: 116px;
	left: 381px
}

.abiBan #banner .xiand .oxian4 {
	top: 86px;
	left: 311px;
	-webkit-animation-duration: 1.75s;
	-o-animation-duration: 1.75s;
	animation-duration: 1.75s
}

.abiBan #banner .xiand .oxian5 {
	top: 75px;
	left: 269px;
	-webkit-animation-duration: 1.6s;
	-o-animation-duration: 1.6s;
	animation-duration: 1.6s
}

.abiBan #banner .xiand .oxian6 {
	top: 100px;
	left: 272px;
	-webkit-animation-duration: 1.9s;
	-o-animation-duration: 1.9s;
	animation-duration: 1.9s
}

.abiBan #banner .xiand .oxian6 {
	top: 100px;
	left: 272px;
	-webkit-animation-duration: 1.9s;
	-o-animation-duration: 1.9s;
	animation-duration: 1.9s
}

.abiBan #banner .xiand .oxian7 {
	top: 120px;
	left: 210px
}

.abiBan #banner .xiand .oxian8 {
	top: 146px;
	left: 189px;
	-webkit-animation-duration: 2.6s;
	-o-animation-duration: 2.6s;
	animation-duration: 2.6s
}

.abiBan #banner .xiand .oxian9 {
	top: 139px;
	left: 129px;
	-webkit-animation-duration: 2.5s;
	-o-animation-duration: 2.5s;
	animation-duration: 2.5s
}

.abiBan #banner .xiand .oxian10 {
	top: 192px;
	left: 111px;
	-webkit-animation-duration: 3.5s;
	-o-animation-duration: 3.5s;
	animation-duration: 3.5s
}

.abiBan #banner .xiand .oxian11 {
	top: 185px;
	left: 91px;
	-webkit-animation-duration: 3.6s;
	-o-animation-duration: 3.6s;
	animation-duration: 3.6s
}

.abiBan #banner .xiand .oxian12 {
	top: 210px;
	left: 76px;
	-webkit-animation-duration: 4.2s;
	-o-animation-duration: 4.2s;
	animation-duration: 4.2s
}

.abiBan #banner .xiand .xb3 {
	width: 15px;
	height: 20px;
	position: absolute;
	top: 131px;
	left: 393px;
	background-image: url("../../../../../statics/images/bysoft/img_2018/dsj_two/banxb3.png");
	background-position: center;
	-webkit-animation: bounce 2.2s ease-in infinite;
	-o-animation: bounce 2.2s ease-in infinite;
	animation: bounce 2.2s ease-in infinite;
	-webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	-o-transform-origin: center bottom;
	transform-origin: center bottom
}

@-webkit-keyframes bounce {
	0,20%,53%,80%,100% {
		-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	40%,43% {
		-webkit-transition-timing-function: cubic-bezier(0.755,.05,.855,.06);
		transition-timing-function: cubic-bezier(0.755,.05,.855,.06);
		-webkit-transform: translate3d(0,-9px,0);
		transform: translate3d(0,-9px,0)
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755,.05,.855,.06);
		transition-timing-function: cubic-bezier(0.755,.05,.855,.06);
		-webkit-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-5px,0)
	}

	90% {
		-webkit-transform: translate3d(0,2px,0);
		transform: translate3d(0,2px,0)
	}
}

@-o-keyframes bounce {
	0,20%,53%,80%,100% {
		-o-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	40%,43% {
		-o-transition-timing-function: cubic-bezier(0.755,.05,.855,.06);
		transition-timing-function: cubic-bezier(0.755,.05,.855,.06);
		-o-transform: translate3d(0,-9px,0);
		transform: translate3d(0,-9px,0)
	}

	70% {
		-o-transition-timing-function: cubic-bezier(0.755,.05,.855,.06);
		transition-timing-function: cubic-bezier(0.755,.05,.855,.06);
		-o-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-5px,0)
	}

	90% {
		-o-transform: translate3d(0,2px,0);
		transform: translate3d(0,2px,0)
	}
}

@keyframes bounce {
	0,20%,53%,80%,100% {
		-o-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	40%,43% {
		-o-transition-timing-function: cubic-bezier(0.755,.05,.855,.06);
		transition-timing-function: cubic-bezier(0.755,.05,.855,.06);
		-o-transform: translate3d(0,-9px,0);
		transform: translate3d(0,-9px,0)
	}

	70% {
		-o-transition-timing-function: cubic-bezier(0.755,.05,.855,.06);
		transition-timing-function: cubic-bezier(0.755,.05,.855,.06);
		-o-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-5px,0)
	}

	90% {
		-o-transform: translate3d(0,2px,0);
		transform: translate3d(0,2px,0)
	}
}

.abiBan #banner .xiand .xb2 {
	width: 28px;
	height: 32px;
	position: absolute;
	top: 213px;
	left: 83px;
	background-image: url("../../../../../statics/images/bysoft/img_2018/dsj_two/banxb2.png");
	background-position: center;
	-webkit-animation: xuanz 3s ease-in infinite forwards;
	-o-animation: xuanz 3s ease-in infinite forwards;
	animation: xuanz 3s ease-in infinite forwards
}

@-webkit-keyframes xuanz {
	from {
		-webkit-transform: rotate(0)
	}

	to {
		-webkit-transform: rotateY(360deg)
	}
}

@-moz-keyframes xuanz {
	from {
		-moz-transform: rotate(0)
	}

	to {
		-moz-transform: rotateY(360deg)
	}
}

@-ms-keyframes xuanz {
	from {
		-ms-transform: rotate(0)
	}

	to {
		-ms-transform: rotateY(360deg)
	}
}

@-o-keyframes xuanz {
	from {
		-O-transform: rotate(0)
	}

	to {
		-O-transform: rotateY(360deg)
	}
}

@keyframes xuanz {
	from {
		transform: rotate(0)
	}

	to {
		transform: rotateY(360deg)
	}
}

.abiBan #banner .xiand .xb4 {
	width: 52px;
	height: 37px;
	position: absolute;
	left: 36px;
	top: 259px;
	background-image: url("../../../../../statics/images/bysoft/img_2018/dsj_two/banxb4.png");
	background-position: center;
	-webkit-animation: paom 2s ease infinite forwards;
	-o-animation: paom 2s ease infinite forwards;
	animation: paom 2s ease infinite forwards
}

@-webkit-keyframes paom {
	from {
		opacity: 1;
		left: 36px;
		top: 259px
	}

	to {
		opacity: 0;
		left: 95px;
		top: 221px
	}
}

@-o-keyframes paom {
	from {
		opacity: 1;
		left: 36px;
		top: 259px
	}

	to {
		opacity: 0;
		left: 95px;
		top: 221px
	}
}

@keyframes paom {
	from {
		opacity: 1;
		left: 36px;
		top: 259px
	}

	to {
		opacity: 0;
		left: 95px;
		top: 221px
	}
}

.abiBan .penav .dmo {
	display: none
}

.abiBan .penav1 .dmo {
	display: block;
	float: right;
	padding: 8px 0 7px
}

.abiBan .penav1 .dmo a {
	display: block;
	width: 123px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	font-size: 14px;
	color: #fff;
	background: #596efb
}

.abiBan .penav1 .dmo a:hover {
	background: #5266eb;
	color: #fff
}

.abiBan .banWz .annu a:hover {
	color: #fff;
	background: linear-gradient(90deg,#09f 0,#575dfa 100%)
}

.abiConA li .tu {
	position: relative
}

.abiConA li .tu img,.abiConA li .tu video {
	width: 100%;
	height: auto
}

.abiConA li:nth-child(1) .tu,.abiConA li:nth-child(2) .tu {
	background-image: url("../../../../../statics/images/bysoft/img_2018/dsj_two/abicp3.png");
	background-color: #fff;
	background-position: center 5px;
	background-size: 100%;
	background-repeat: no-repeat;
	padding: 35px 0 0
}

.galaxy-container {
	width: 624px;
	height: 378px;
	background-image: url("../../../../../statics/images/bysoft/img_2018/dsj_two/abicp3.png");
	background-size: 100%;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1
}

.galaxy-bg {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 624px;
	height: 378px;
	background-image: url("../../../../../statics/images/bysoft/img_2018/dsj_two/cp3xian.png");
	background-position: 49px 80px;
	background-size: 512px 255px;
	background-repeat: no-repeat
}

.galaxy-wrapper {
	width: 840px;
	height: 800px;
	border-radius: 50%;
	margin-left: -115px;
	margin-top: 5px;
	-moz-transform: scaleY(0.455);
	-o-transform: scaleY(0.455);
	-webkit-transform: scaleY(0.455);
	-ms-transform: scaleY(0.455);
	transform: scaleY(0.455);
	-moz-transform-origin: center top;
	-o-transform-origin: center top;
	-webkit-transform-origin: center top;
	-ms-transform-origin: center top;
	transform-origin: center top
}

.galaxy-box {
	height: 100%;
	border-radius: 50%;
	-moz-animation: revolution 50s linear infinite;
	-o-animation: revolution 50s linear infinite;
	-webkit-animation: revolution 50s linear infinite;
	-ms-animation: revolution 50s linear infinite;
	animation: revolution 50s linear infinite;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}

@-moz-keyframes revolution {
	from {
		-moz-transform: rotate(0)
	}

	to {
		-moz-transform: rotate(360deg)
	}
}

@-o-keyframes revolution {
	from {
		-o-transform: rotate(0)
	}

	to {
		-o-transform: rotate(360deg)
	}
}

@-webkit-keyframes revolution {
	from {
		-webkit-transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(360deg)
	}
}

@-ms-keyframes revolution {
	from {
		-ms-transform: rotate(0)
	}

	to {
		-ms-transform: rotate(360deg)
	}
}

@keyframes revolution {
	from {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

.galaxy-center {
	position: absolute;
	left: 237px;
	top: 45px;
	width: 136px;
	height: 240px
}

.galaxy-center-inner {
	width: 136px;
	height: 121px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url("../../../../../statics/images/bysoft/img_2018/dsj_two/taizib.png");
	background-size: cover;
	z-index: 0
}

.galaxy-center-bo {
	width: 136px;
	height: 172px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("../../../../../statics/images/bysoft/img_2018/dsj_two/taizit.png");
	background-size: cover;
	z-index: 2
}

.galaxy-star {
	position: absolute;
	z-index: 3;
	cursor: pointer;
	-webkit-transform: scaleY(2.1978022);
	-ms-transform: scaleY(2.1978022);
	-o-transform: scaleY(2.1978022);
	-moz-transform: scaleY(2.1978022);
	transform: scaleY(2.1978022);
	-webkit-animation: star-fix 50s linear infinite;
	-ms-animation: star-fix 50s linear infinite;
	-o-animation: star-fix 50s linear infinite;
	-moz-animation: star-fix 50s linear infinite;
	animation: star-fix 50s linear infinite
}

@-webkit-keyframes star-fix {
	from {
		-webkit-transform: rotate(360deg) scaleY(2.1978022)
	}

	to {
		-webkit-transform: rotate(0) scaleY(2.1978022)
	}
}

@-ms-keyframes star-fix {
	from {
		-ms-transform: rotate(360deg) scaleY(2.1978022)
	}

	to {
		-ms-transform: rotate(0) scaleY(2.1978022)
	}
}

@-o-keyframes star-fix {
	from {
		-o-transform: rotate(360deg) scaleY(2.1978022)
	}

	to {
		-o-transform: rotate(0) scaleY(2.1978022)
	}
}

@-moz-keyframes star-fix {
	from {
		-moz-transform: rotate(360deg) scaleY(2.1978022)
	}

	to {
		-moz-transform: rotate(0) scaleY(2.1978022)
	}
}

@keyframes star-fix {
	from {
		transform: rotate(360deg) scaleY(2.1978022)
	}

	to {
		transform: rotate(0) scaleY(2.1978022)
	}
}

.galaxy-star.in-back {
	z-index: 0
}

.galaxy-star-inner {
	position: relative;
	width: 48px;
	height: 48px;
	background-size: cover
}

.galaxy-star-inner:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	box-shadow: 0 15px 20px rgba(59,133,255,0.32);
	margin: auto
}

.galaxy-star-inner .dabt {
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 14.5px;
	color: #163eeb;
	border-radius: 50%;
	background: linear-gradient(-53deg,#2f54f2 0,#4076ff 15%,#ebf2ff 75%,#d4e0ff 100%)
}

.galaxy-star[data-name="A"] .galaxy-star-inner {
	-webkit-animation: star-fix1 50s linear infinite;
	-ms-animation: star-fix1 50s linear infinite;
	-o-animation: star-fix1 50s linear infinite;
	-moz-animation: star-fix1 50s linear infinite;
	animation: star-fix1 50s linear infinite
}

.galaxy-star[data-name="B"] .galaxy-star-inner {
	-webkit-animation: star-fix2 50s linear infinite;
	-ms-animation: star-fix2 50s linear infinite;
	-o-animation: star-fix2 50s linear infinite;
	-moz-animation: star-fix2 50s linear infinite;
	animation: star-fix2 50s linear infinite
}

.galaxy-star[data-name="C"] .galaxy-star-inner {
	-webkit-animation: star-fix3 50s linear infinite;
	-ms-animation: star-fix3 50s linear infinite;
	-o-animation: star-fix3 50s linear infinite;
	-moz-animation: star-fix3 50s linear infinite;
	animation: star-fix3 50s linear infinite
}

.galaxy-star[data-name="D"] .galaxy-star-inner {
	-webkit-animation: star-fix4 50s linear infinite;
	-ms-animation: star-fix4 50s linear infinite;
	-o-animation: star-fix4 50s linear infinite;
	-moz-animation: star-fix4 50s linear infinite;
	animation: star-fix4 50s linear infinite
}

.galaxy-star[data-name="E"] .galaxy-star-inner {
	-webkit-animation: star-fix5 50s linear infinite;
	-ms-animation: star-fix5 50s linear infinite;
	-o-animation: star-fix5 50s linear infinite;
	-moz-animation: star-fix5 50s linear infinite;
	animation: star-fix5 50s linear infinite
}

.galaxy-star[data-name="F"] .galaxy-star-inner {
	-webkit-animation: star-fix6 50s linear infinite;
	-ms-animation: star-fix6 50s linear infinite;
	-o-animation: star-fix6 50s linear infinite;
	-moz-animation: star-fix6 50s linear infinite;
	animation: star-fix6 50s linear infinite
}

@-webkit-keyframes star-fix1 {
	from,to {
		-webkit-transform: scale(.35)
	}

	16.7% {
		-webkit-transform: scale(.6)
	}

	33.4% {
		-webkit-transform: scale(.75)
	}

	50.1% {
		-webkit-transform: scale(.85)
	}

	66.8% {
		-webkit-transform: scale(1)
	}

	83.5% {
		-webkit-transform: scale(.25)
	}
}

@-ms-keyframes star-fix1 {
	from,to {
		-ms-transform: scale(.35)
	}

	16.7% {
		-ms-transform: scale(.6)
	}

	33.4% {
		-ms-transform: scale(.75)
	}

	50.1% {
		-ms-transform: scale(.85)
	}

	66.8% {
		-ms-transform: scale(1)
	}

	83.5% {
		-ms-transform: scale(.25)
	}
}

@-o-keyframes star-fix1 {
	from,to {
		-o-transform: scale(.35)
	}

	16.7% {
		-o-transform: scale(.6)
	}

	33.4% {
		-o-transform: scale(.75)
	}

	50.1% {
		-o-transform: scale(.85)
	}

	66.8% {
		-o-transform: scale(1)
	}

	83.5% {
		-o-transform: scale(.25)
	}
}

@-moz-keyframes star-fix1 {
	from,to {
		-moz-transform: scale(.35)
	}

	16.7% {
		-moz-transform: scale(.6)
	}

	33.4% {
		-moz-transform: scale(.75)
	}

	50.1% {
		-moz-transform: scale(.85)
	}

	66.8% {
		-moz-transform: scale(1)
	}

	83.5% {
		-moz-transform: scale(.25)
	}
}

@keyframes star-fix1 {
	from,to {
		transform: scale(.35)
	}

	16.7% {
		transform: scale(.6)
	}

	33.4% {
		transform: scale(.75)
	}

	50.1% {
		transform: scale(.85)
	}

	66.8% {
		transform: scale(1)
	}

	83.5% {
		transform: scale(.25)
	}
}

@-webkit-keyframes star-fix2 {
	from,to {
		-webkit-transform: scale(.6)
	}

	16.7% {
		-webkit-transform: scale(.75)
	}

	33.4% {
		-webkit-transform: scale(.85)
	}

	50.1% {
		-webkit-transform: scale(1)
	}

	66.8% {
		-webkit-transform: scale(.25)
	}

	83.5% {
		-webkit-transform: scale(.35)
	}
}

@-ms-keyframes star-fix2 {
	from,to {
		-ms-transform: scale(.6)
	}

	16.7% {
		-ms-transform: scale(.75)
	}

	33.4% {
		-ms-transform: scale(.85)
	}

	50.1% {
		-ms-transform: scale(1)
	}

	66.8% {
		-ms-transform: scale(.25)
	}

	83.5% {
		-ms-transform: scale(.35)
	}
}

@-moz-keyframes star-fix2 {
	from,to {
		-moz-transform: scale(.6)
	}

	16.7% {
		-moz-transform: scale(.75)
	}

	33.4% {
		-moz-transform: scale(.85)
	}

	50.1% {
		-moz-transform: scale(1)
	}

	66.8% {
		-moz-transform: scale(.25)
	}

	83.5% {
		-moz-transform: scale(.35)
	}
}

@-o-keyframes star-fix2 {
	from,to {
		-o-transform: scale(.6)
	}

	16.7% {
		-o-transform: scale(.75)
	}

	33.4% {
		-o-transform: scale(.85)
	}

	50.1% {
		-o-transform: scale(1)
	}

	66.8% {
		-o-transform: scale(.25)
	}

	83.5% {
		-o-transform: scale(.35)
	}
}

@keyframes star-fix2 {
	from,to {
		transform: scale(.6)
	}

	16.7% {
		transform: scale(.75)
	}

	33.4% {
		transform: scale(.85)
	}

	50.1% {
		transform: scale(1)
	}

	66.8% {
		transform: scale(.25)
	}

	83.5% {
		transform: scale(.35)
	}
}

@-webkit-keyframes star-fix3 {
	from,to {
		-webkit-transform: scale(.75)
	}

	16.7% {
		-webkit-transform: scale(.85)
	}

	33.4% {
		-webkit-transform: scale(1)
	}

	50.1% {
		-webkit-transform: scale(.25)
	}

	66.8% {
		-webkit-transform: scale(.35)
	}

	83.5% {
		-webkit-transform: scale(.6)
	}
}

@-o-keyframes star-fix3 {
	from,to {
		-o-transform: scale(.75)
	}

	16.7% {
		-o-transform: scale(.85)
	}

	33.4% {
		-o-transform: scale(1)
	}

	50.1% {
		-o-transform: scale(.25)
	}

	66.8% {
		-o-transform: scale(.35)
	}

	83.5% {
		-o-transform: scale(.6)
	}
}

@-ms-keyframes star-fix3 {
	from,to {
		-ms-transform: scale(.75)
	}

	16.7% {
		-ms-transform: scale(.85)
	}

	33.4% {
		-ms-transform: scale(1)
	}

	50.1% {
		-ms-transform: scale(.25)
	}

	66.8% {
		-ms-transform: scale(.35)
	}

	83.5% {
		-ms-transform: scale(.6)
	}
}

@-moz-keyframes star-fix3 {
	from,to {
		-moz-transform: scale(.75)
	}

	16.7% {
		-moz-transform: scale(.85)
	}

	33.4% {
		-moz-transform: scale(1)
	}

	50.1% {
		-moz-transform: scale(.25)
	}

	66.8% {
		-moz-transform: scale(.35)
	}

	83.5% {
		-moz-transform: scale(.6)
	}
}

@keyframes star-fix3 {
	from,to {
		transform: scale(.75)
	}

	16.7% {
		transform: scale(.85)
	}

	33.4% {
		transform: scale(1)
	}

	50.1% {
		transform: scale(.25)
	}

	66.8% {
		transform: scale(.35)
	}

	83.5% {
		transform: scale(.6)
	}
}

@-webkit-keyframes star-fix4 {
	from,to {
		-webkit-transform: scale(.85)
	}

	16.7% {
		-webkit-transform: scale(1)
	}

	33.4% {
		-webkit-transform: scale(.25)
	}

	50.1% {
		-webkit-transform: scale(.35)
	}

	66.8% {
		-webkit-transform: scale(.6)
	}

	83.5% {
		-webkit-transform: scale(.75)
	}
}

@-o-keyframes star-fix4 {
	from,to {
		-o-transform: scale(.85)
	}

	16.7% {
		-o-transform: scale(1)
	}

	33.4% {
		-o-transform: scale(.25)
	}

	50.1% {
		-o-transform: scale(.35)
	}

	66.8% {
		-o-transform: scale(.6)
	}

	83.5% {
		-o-transform: scale(.75)
	}
}

@-ms-keyframes star-fix4 {
	from,to {
		-ms-transform: scale(.85)
	}

	16.7% {
		-ms-transform: scale(1)
	}

	33.4% {
		-ms-transform: scale(.25)
	}

	50.1% {
		-ms-transform: scale(.35)
	}

	66.8% {
		-ms-transform: scale(.6)
	}

	83.5% {
		-ms-transform: scale(.75)
	}
}

@-moz-keyframes star-fix4 {
	from,to {
		-moz-transform: scale(.85)
	}

	16.7% {
		-moz-transform: scale(1)
	}

	33.4% {
		-moz-transform: scale(.25)
	}

	50.1% {
		-moz-transform: scale(.35)
	}

	66.8% {
		-moz-transform: scale(.6)
	}

	83.5% {
		-moz-transform: scale(.75)
	}
}

@keyframes star-fix4 {
	from,to {
		transform: scale(.85)
	}

	16.7% {
		transform: scale(1)
	}

	33.4% {
		transform: scale(.25)
	}

	50.1% {
		transform: scale(.35)
	}

	66.8% {
		transform: scale(.6)
	}

	83.5% {
		transform: scale(.75)
	}
}

@-webkit-keyframes star-fix5 {
	from,to {
		-webkit-transform: scale(1)
	}

	16.7% {
		-webkit-transform: scale(.75)
	}

	33.4% {
		-webkit-transform: scale(.25)
	}

	50.1% {
		-webkit-transform: scale(.35)
	}

	66.8% {
		-webkit-transform: scale(.6)
	}

	83.5% {
		-webkit-transform: scale(.85)
	}
}

@-o-keyframes star-fix5 {
	from,to {
		-o-transform: scale(1)
	}

	16.7% {
		-o-transform: scale(.75)
	}

	33.4% {
		-o-transform: scale(.25)
	}

	50.1% {
		-o-transform: scale(.35)
	}

	66.8% {
		-o-transform: scale(.6)
	}

	83.5% {
		-o-transform: scale(.85)
	}
}

@-ms-keyframes star-fix5 {
	from,to {
		-ms-transform: scale(1)
	}

	16.7% {
		-ms-transform: scale(.75)
	}

	33.4% {
		-ms-transform: scale(.25)
	}

	50.1% {
		-ms-transform: scale(.35)
	}

	66.8% {
		-ms-transform: scale(.6)
	}

	83.5% {
		-ms-transform: scale(.85)
	}
}

@-moz-keyframes star-fix5 {
	from,to {
		-moz-transform: scale(1)
	}

	16.7% {
		-moz-transform: scale(.75)
	}

	33.4% {
		-moz-transform: scale(.25)
	}

	50.1% {
		-moz-transform: scale(.35)
	}

	66.8% {
		-moz-transform: scale(.6)
	}

	83.5% {
		-moz-transform: scale(.85)
	}
}

@keyframes star-fix5 {
	from,to {
		transform: scale(1)
	}

	16.7% {
		transform: scale(.75)
	}

	33.4% {
		transform: scale(.25)
	}

	50.1% {
		transform: scale(.35)
	}

	66.8% {
		transform: scale(.6)
	}

	83.5% {
		transform: scale(.85)
	}
}

@-webkit-keyframes star-fix6 {
	from,to {
		-webkit-transform: scale(.75)
	}

	16.7% {
		-webkit-transform: scale(.25)
	}

	33.4% {
		-webkit-transform: scale(.35)
	}

	50.1% {
		-webkit-transform: scale(.6)
	}

	66.8% {
		-webkit-transform: scale(.85)
	}

	83.5% {
		-webkit-transform: scale(1)
	}
}

@-moz-keyframes star-fix6 {
	from,to {
		-moz-transform: scale(.75)
	}

	16.7% {
		-moz-transform: scale(.25)
	}

	33.4% {
		-moz-transform: scale(.35)
	}

	50.1% {
		-moz-transform: scale(.6)
	}

	66.8% {
		-moz-transform: scale(.85)
	}

	83.5% {
		-moz-transform: scale(1)
	}
}

@-o-keyframes star-fix6 {
	from,to {
		-o-transform: scale(.75)
	}

	16.7% {
		-o-transform: scale(.25)
	}

	33.4% {
		-o-transform: scale(.35)
	}

	50.1% {
		-o-transform: scale(.6)
	}

	66.8% {
		-o-transform: scale(.85)
	}

	83.5% {
		-o-transform: scale(1)
	}
}

@-ms-keyframes star-fix6 {
	from,to {
		-ms-transform: scale(.75)
	}

	16.7% {
		-ms-transform: scale(.25)
	}

	33.4% {
		-ms-transform: scale(.35)
	}

	50.1% {
		-ms-transform: scale(.6)
	}

	66.8% {
		-ms-transform: scale(.85)
	}

	83.5% {
		-ms-transform: scale(1)
	}
}

.galaxy-star[data-track="inner"] .galaxy-star-inner {
	bottom: 9px
}

.galaxy-star[data-track="outer"] .galaxy-star-inner {
	bottom: 0
}

.galaxy-star-label {
	position: absolute;
	top: 50%;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 2px;
	margin-top: -20px;
	background: linear-gradient(-146deg,#417bff 0,#69d3ff 100%);
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	box-shadow: 0 7px 7px 0 rgba(221,221,221,0.5)
}

.galaxy-star-label span {
	display: block;
	white-space: nowrap
}

.galaxy-star-label:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	border-top: solid 7px transparent;
	border-bottom: solid 7px transparent;
	margin-top: -7px;
	color: #427dff
}

.galaxy-star-label[data-position="left"] {
	right: 100%;
	margin-right: 6px
}

.galaxy-star-label[data-position="left"]:before {
	left: 100%;
	border-left: solid 7px
}

.galaxy-star-label[data-position="right"] {
	left: 100%;
	margin-left: 10px;
	background: linear-gradient(-146deg,#69d3ff 0,#417bff 100%)
}

.galaxy-star-label[data-position="right"]:before {
	right: 100%;
	border-right: solid 7px
}

.galaxy-star:hover .galaxy-star-label {
	color: white;
	background-color: rgba(73,108,215,0.8)
}

.galaxy-star:hover .galaxy-star-label:before {
	color: rgba(73,108,215,0.8)
}

.product-advantage-en .galaxy-star-label {
	position: absolute;
	top: 50%;
	padding: 7px;
	border-radius: 2px;
	margin-top: -15px;
	background-color: rgba(255,255,255,0);
	font-size: 14px;
	line-height: 20px;
	white-space: normal;
	color: #252b3a;
	box-shadow: 0 7px 7px 0 rgba(221,221,221,0.5)
}

.product-advantage-en .galaxy-star-label:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	border-top: solid 7px transparent;
	border-bottom: solid 7px transparent;
	margin-top: -7px;
	color: rgba(255,255,255,0.8)
}

.maxCon .tu .ren {
	width: 63px;
	height: 119px;
	position: absolute;
	left: 179px;
	top: 167px;
	background-image: url("../../../../../statics/images/bysoft/img_2018/dsj_two/cp4ren.png");
	background-position: center;
	background-repeat: no-repeat
}

.maxCon .tu .fangda {
	position: absolute;
	background-position: center;
	background-repeat: no-repeat
}

.maxCon .tu .fangda1 {
	width: 164px;
	height: 181px;
	left: 0;
	top: 45px;
	background-image: url("../../../../../statics/images/bysoft/img_2018/dsj_two/cp4tu1.png");
	-webkit-animation: imageAnimation1 4s linear infinite forwards;
	-moz-animation: imageAnimation1 4s linear infinite forwards;
	-o-animation: imageAnimation1 4s linear infinite forwards;
	-ms-animation: imageAnimation1 4s linear infinite forwards;
	animation: imageAnimation1 4s linear infinite forwards
}

.maxCon .tu .fangda2 {
	width: 165px;
	height: 181px;
	left: 58px;
	top: 22px;
	background-image: url("../../../../../statics/images/bysoft/img_2018/dsj_two/cp4tu2.png");
	-webkit-animation: imageAnimation2 4s linear infinite forwards;
	-moz-animation: imageAnimation2 4s linear infinite forwards;
	-o-animation: imageAnimation2 4s linear infinite forwards;
	-ms-animation: imageAnimation2 4s linear infinite forwards;
	animation: imageAnimation2 4s linear infinite forwards
}

.maxCon .tu .fangda3 {
	width: 157px;
	height: 150px;
	left: 144px;
	top: 9px;
	background-image: url("../../../../../statics/images/bysoft/img_2018/dsj_two/cp4tu3.png");
	-webkit-animation: imageAnimation3 4s linear infinite forwards;
	-moz-animation: imageAnimation3 4s linear infinite forwards;
	-o-animation: imageAnimation3 4s linear infinite forwards;
	-ms-animation: imageAnimation3 4s linear infinite forwards;
	animation: imageAnimation3 4s linear infinite forwards
}

.maxCon .tu .fangda4 {
	width: 150px;
	height: 150px;
	left: 197px;
	top: 0;
	background-image: url("../../../../../statics/images/bysoft/img_2018/dsj_two/cp4tu4.png");
	-webkit-animation: imageAnimation4 4s linear infinite forwards;
	-moz-animation: imageAnimation4 4s linear infinite forwards;
	-o-animation: imageAnimation4 4s linear infinite forwards;
	-ms-animation: imageAnimation4 4s linear infinite forwards;
	animation: imageAnimation4 4s linear infinite forwards
}

.fddh {
	width: 347px;
	height: 226px;
	position: absolute;
	left: 183px;
	top: 44px
}

@-webkit-keyframes imageAnimation1 {
	12% {
		opacity: 1
	}

	15% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@-moz-keyframes imageAnimation1 {
	12% {
		opacity: 1
	}

	15% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@-o-keyframes imageAnimation1 {
	12% {
		opacity: 1
	}

	15% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@-ms-keyframes imageAnimation1 {
	12% {
		opacity: 1
	}

	15% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@keyframes imageAnimation1 {
	12% {
		opacity: 1
	}

	15% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@-webkit-keyframes imageAnimation2 {
	0 {
		transform: translate(0,0)
	}

	25%,37% {
		opacity: 1;
		transform: translate(-58px,22px)
	}

	40% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@-moz-keyframes imageAnimation2 {
	0 {
		transform: translate(0,0)
	}

	25%,37% {
		opacity: 1;
		transform: translate(-58px,22px)
	}

	40% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@-o-keyframes imageAnimation2 {
	0 {
		transform: translate(0,0)
	}

	25%,37% {
		opacity: 1;
		transform: translate(-58px,22px)
	}

	40% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@-ms-keyframes imageAnimation2 {
	0 {
		transform: translate(0,0)
	}

	25%,37% {
		opacity: 1;
		transform: translate(-58px,22px)
	}

	40% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@keyframes imageAnimation2 {
	0 {
		transform: translate(0,0)
	}

	25%,37% {
		opacity: 1;
		transform: translate(-58px,22px)
	}

	40% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@-webkit-keyframes imageAnimation3 {
	0 {
		transform: translate(0,0)
	}

	51%,63% {
		transform: translate(-124px,36px);
		opacity: 1
	}

	65% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@-moz-keyframes imageAnimation3 {
	0 {
		transform: translate(0,0)
	}

	51%,63% {
		transform: translate(-124px,36px);
		opacity: 1
	}

	65% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@-o-keyframes imageAnimation3 {
	0 {
		transform: translate(0,0)
	}

	51%,63% {
		transform: translate(-124px,36px);
		opacity: 1
	}

	65% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@-ms-keyframes imageAnimation3 {
	0 {
		transform: translate(0,0)
	}

	51%,63% {
		transform: translate(-124px,36px);
		opacity: 1
	}

	65% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@keyframes imageAnimation3 {
	0 {
		transform: translate(0,0)
	}

	51%,63% {
		transform: translate(-124px,36px);
		opacity: 1
	}

	65% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@-webkit-keyframes imageAnimation4 {
	0 {
		transform: translate(0,0)
	}

	75%,87% {
		transform: translate(-197px,45px);
		opacity: 1
	}

	90% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@-moz-keyframes imageAnimation4 {
	0 {
		transform: translate(0,0)
	}

	75%,87% {
		transform: translate(-197px,45px);
		opacity: 1
	}

	90% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@-o-keyframes imageAnimation4 {
	0 {
		transform: translate(0,0)
	}

	75%,87% {
		transform: translate(-197px,45px);
		opacity: 1
	}

	90% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@-ms-keyframes imageAnimation4 {
	0 {
		transform: translate(0,0)
	}

	75%,87% {
		transform: translate(-197px,45px);
		opacity: 1
	}

	90% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@keyframes imageAnimation4 {
	0 {
		transform: translate(0,0)
	}

	75%,87% {
		transform: translate(-197px,45px);
		opacity: 1
	}

	90% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

svg img {
	opacity: 0
}

.abiConA li:first-child .wz h6 {
	line-height: 54px
}

.abiConA li .wz .te {
	color: #596efb
}

.abiConA li .wz .z0 {
	padding: 22px 0 0;
	height: auto;
	overflow: hidden
}

.abiConA li .wz .z0 a {
	height: 25px;
	line-height: 25px;
	display: inline-block
}

.abiConA li .wz .z0 b {
	display: block;
	float: left;
	font-size: 15px;
	color: #596efb;
	font-weight: normal;
	position: relative
}

.abiConA li .wz .z0 i {
	display: block;
	float: left;
	width: 18px;
	height: 25px;
	margin-left: 10px;
	background: url("../../../../../../source.esensoft.com/images/xiaoyi_2018/gdMore2.png") center no-repeat
}

.abiConA li .wz .z0 a b:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #596efb;
	transition: all .3s
}

.abiConA li .wz .z0 a:hover b:before {
	width: 100%;
	left: 0;
	right: 0
}

.abiConA .tu .slideBox {
	width: 624px;
	height: 338px;
	overflow: hidden
}

.abiConA .tu .slideBox .bd {
	position: relative;
	height: 100%;
	z-index: 0
}

.abiConA .tu .slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
	padding: 0 !important
}

.abiConA .tu .slideBox .bd img {
	width: 624px;
	height: 338px;
	display: block
}

.abiConA .tu .slideBox .bd .tp {
	width: 624px;
	height: 338px;
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat
}

.abiConB {
	padding: 70px 0 122px;
	background-color: #fafbff
}

.abiConB .maxCon {
	padding-top: 22px;
	height: 462px;
	position: relative;
	overflow: inherit
}

.abiConB .tu {
	width: 345px;
	height: 287px;
	position: absolute;
	top: 138px;
	left: 50%;
	background-image: url("../../../../../statics/images/bysoft/img_2018/dsj_two/abiys.png");
	background-position: center;
	background-repeat: no-repeat;
	margin-left: -172.5px
}

.abiConB .tu .gai {
	width: 171px;
	height: 101px;
	position: absolute;
	top: 3px;
	left: 93px;
	background-image: url("../../../../../statics/images/bysoft/img_2018/dsj_two/ystb4.png");
	background-position: center;
	background-repeat: no-repeat
}

.abiConB .tu .xtb {
	width: 60px;
	height: 107px;
	position: absolute;
	bottom: 112px;
	left: 50%;
	margin-left: -27px;
	background-image: url("../../../../../statics/images/bysoft/img_2018/dsj_two/ystb1.png");
	background-position: center;
	background-repeat: no-repeat;
	-webkit-animation: ripple 2s linear infinite forwards;
	-o-animation: ripple 2s linear infinite forwards;
	animation: ripple 2s linear infinite forwards
}

.abiConB .tu .xtb0 {
	-webkit-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s
}

.abiConB .tu .xtb2 {
	bottom: 129px;
	-webkit-animation: ripple 2s linear infinite forwards;
	-o-animation: ripple 2s linear infinite forwards;
	animation: ripple 2s linear infinite forwards
}

.abiConB .tu .xtb3 {
	bottom: 146px;
	-webkit-animation: ripple 2s linear infinite forwards;
	-o-animation: ripple 2s linear infinite forwards;
	animation: ripple 2s linear infinite forwards
}

.abiConB .tu .xtb4 {
	bottom: 163px;
	-webkit-animation: ripple 2s linear infinite forwards;
	-o-animation: ripple 2s linear infinite forwards;
	animation: ripple 2s linear infinite forwards
}

@-webkit-keyframes ripple {
	0 {
		-webkit-transform: translateY(0)
	}

	33% {
		-webkit-transform: translateY(-10px)
	}

	66% {
		-webkit-transform: translateY(-20px)
	}

	100% {
		-webkit-transform: translateY(-30px)
	}
}

@-o-keyframes ripple {
	0 {
		-o-transform: translateY(0)
	}

	33% {
		-o-transform: translateY(-10px)
	}

	66% {
		-o-transform: translateY(-20px)
	}

	100% {
		transform: translateY(-30px)
	}
}

@keyframes ripple {
	0 {
		transform: translateY(0)
	}

	33% {
		transform: translateY(-10px)
	}

	66% {
		transform: translateY(-20px)
	}

	100% {
		transform: translateY(-30px)
	}
}

.abiConB .tu .gx {
	width: 1px;
	height: 19px;
	position: absolute;
	background-image: url("../../../../../statics/images/bysoft/img_2018/dsj_two/ystb2.png");
	background-position: center;
	background-repeat: no-repeat;
	-webkit-animation: paom2 2s ease-in infinite forwards;
	-o-animation: paom2 2s ease-in infinite forwards;
	animation: paom2 2s ease-in infinite forwards
}

.abiConB .tu .gx1 {
	left: 224px;
	top: 107px;
	-webkit-animation-duration: 2.75s;
	-o-animation-duration: 2.75s;
	animation-duration: 2.75s
}

.abiConB .tu .gx2 {
	left: 218px;
	top: 132px;
	-webkit-animation-duration: 3.4s;
	-o-animation-duration: 3.4s;
	animation-duration: 3.4s
}

.abiConB .tu .gx3 {
	left: 129px;
	top: 107px;
	-webkit-animation-duration: 2.8s;
	-o-animation-duration: 2.8s;
	animation-duration: 2.8s
}

.abiConB .tu .gx4 {
	left: 198px;
	top: 131px;
	-webkit-animation-duration: 3.45s;
	-o-animation-duration: 3.45s;
	animation-duration: 3.45s
}

.abiConB .tu .gx5 {
	left: 184px;
	top: 111px;
	-webkit-animation-duration: 2.85s;
	-o-animation-duration: 2.85s;
	animation-duration: 2.85s
}

.abiConB .tu .gx6 {
	left: 165px;
	top: 139px;
	-webkit-animation-duration: 3.4s;
	-o-animation-duration: 3.4s;
	animation-duration: 3.4s
}

.abiConB .tu .gx7 {
	left: 139px;
	top: 147px;
	-webkit-animation-duration: 3.6s;
	-o-animation-duration: 3.6s;
	animation-duration: 3.6s
}

.abiConB .tu .yu {
	width: 4px;
	height: 4px;
	position: absolute;
	background-image: url("../../../../../statics/images/bysoft/img_2018/dsj_two/ystb3.png");
	background-position: center;
	background-repeat: no-repeat;
	-webkit-animation: jyjx 2s ease-in infinite forwards;
	-o-animation: jyjx 2s ease-in infinite forwards;
	animation: jyjx 2s ease-in infinite forwards
}

.abiConB .tu .yu1 {
	top: 122px;
	left: 188px
}

.abiConB .tu .yu2 {
	top: 142px;
	left: 191px
}

.abiConB .tu .yu3 {
	-webkit-transform: scale(.5);
	-o-transform: scale(.5);
	transform: scale(.5);
	top: 126px;
	left: 165px
}

.abiConB .tu .yu4 {
	-webkit-transform: scale(.3);
	-o-transform: scale(.3);
	transform: scale(.3);
	top: 108px;
	left: 196px
}

.abiConB .tu .yu5 {
	-webkit-transform: scale(.3);
	-o-transform: scale(.3);
	transform: scale(.3);
	top: 114px;
	left: 176px
}

.abiConB .tu .yu6 {
	-webkit-transform: scale(.3);
	-o-transform: scale(.3);
	transform: scale(.3);
	top: 133px;
	left: 177px
}

.abiConB .tu .yu7 {
	-webkit-transform: scale(.3);
	-o-transform: scale(.3);
	transform: scale(.3);
	top: 152px;
	left: 180px
}

.abiConB .tu .yu8 {
	-webkit-transform: scale(.3);
	-o-transform: scale(.3);
	transform: scale(.3);
	top: 109px;
	left: 158px
}

.abiConB .tu .yu9 {
	-webkit-transform: scale(.3);
	-o-transform: scale(.3);
	transform: scale(.3);
	top: 140px;
	left: 153px
}

@-webkit-keyframes jyjx {
	0 {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-o-keyframes jyjx {
	0 {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes jyjx {
	0 {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.abiConB .wz {
	width: 26.08%;
	float: right;
	text-align: left
}

.abiConB .wz dl {
	padding-bottom: 24px
}

.abiConB .wz dl dt {
	height: 74px;
	margin-left: -22px
}

.abiConB .wz dl dt .tb {
	width: 52px;
	height: 52px;
	background: #fff;
	border-radius: 50%;
	position: relative;
	box-shadow: 0 6px 22px rgba(72,134,255,.1);
	margin: 22px
}

.abiConB .wz dl dt .tb:before {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
	top: 11px;
	left: 11px;
	background-image: url("../../../../../statics/images/bysoft/img_2018/dsj_two/abitb.png");
	background-repeat: no-repeat
}

.abiConB .wz dl dt .tb1:before {
	background-position: 0 0
}

.abiConB .wz dl dt .tb2:before {
	background-position: -30px 0
}

.abiConB .wz dl dt .tb3:before {
	background-position: 0 -30px
}

.abiConB .wz dl dt .tb4:before {
	background-position: -30px -30px
}

.abiConB .wz dl p {
	line-height: 26px;
	font-size: 18px;
	color: #333;
	margin-bottom: 9px
}

.abiConB .wz dl dd {
	line-height: 26px;
	font-size: 14px;
	color: #666
}

.abiConB .wzleft {
	float: left
}

.abiConB .wzleft dl dt {
	height: 96px
}

.abiConB .wzleft dl dt .tb {
	float: right
}

.abiConB .wzleft dl p,.abiConB .wzleft dl dd {
	text-align: right
}

.abiConC {
	background-color: #fff
}

.abiConC .tab-content .wz {
	padding-right: 70px
}

.abiConC .tab-content .wz p {
	height: auto;
	overflow: hidden;
	line-height: 26px;
	margin-bottom: 12px
}

.abiConC .tab-content .wz p b {
	float: none
}

.abiConC .tab-content .wz p span {
	margin-left: 0;
	float: none
}

.abiConC .tab-content .tu {
	position: relative
}

.abiConC .tab-content .tu video {
	width: 100%;
	height: auto
}

.abiConC #cjCon1 .tu .ghf {
	position: absolute;
	top: 37px;
	left: 33px;
	width: 535px;
	height: auto
}

.abiConC .tab-content #cjCon2 .tu {
	background-color: #0b132e;
	padding: 26px 40px 21px
}

.abiConD .tab-content .tab-pane {
	padding: 0 40px 0 50px;
	height: 460px;
	position: relative
}

.abiConD .tab-content .wz {
	width: 39.64%;
	padding: 38px 0 0 0
}

.abiConD .tab-content .wz h6 {
	font-weight: bold
}

.abiConD .tab-content .wz p {
	line-height: 26px;
	margin-bottom: 31px
}

.abiConD .tab-content .wz p span {
	margin-left: 75px
}

.abiConD .tab-content .wz .lj {
	display: inline-block;
	width: 98px;
	text-align: center;
	font-size: 14px;
	color: #596efb;
	line-height: 30px;
	height: 30px;
	border: 1px solid #596efb;
	margin: -11px 0 0 75px
}

.abiConD .tab-content .wz .lj:hover {
	background-color: #596efb;
	color: #fff
}

.abiConD .tab-content .tu {
	width: 50.335%;
	float: right;
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%)
}

.pewend.abiConE .maxCon ul li a {
	background-image: url("../../../../../statics/images/bysoft/img_2018/dsj_two/xuexibj.png");
	background-position: left top;
	background-repeat: no-repeat
}

.abiConF {
	background-color: #fafbff
}

.abiConF .maxCon ul li:nth-child(1) .tb:before {
	background-position: 0 -112px
}

.abiConF .maxCon ul li:nth-child(2) .tb:before {
	background-position: -56px -112px
}

.abiConF .maxCon ul li:nth-child(3) .tb:before {
	background-position: -112px -112px
}