.main2 {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 1200px
}
.item-sub, h2.item-sub {
	padding-top: 48px;
	color: #333;
	text-align: center;
	font-size: 32px;
	line-height: 56px;
	letter-spacing: 2px
}
.item-subs, p.item-subs {
	color: #999;
	font-size: 20px;
	line-height: 38px;
	text-align: center
}
.subject-item {
	width: 100%;
	background-position: center top;
	background-repeat: no-repeat
}

.ly-item1 {
	height: 560px;
	overflow: hidden;
	background-image: url(../images/item-ly.jpg)
}
.sparkle-introduct {
	background-color: #fff
}
.sparkle-introduct .inner {
	width: 1200px;
	margin: 0 auto
}
.sparkle-introduct .title {
	font-size: 32px;
	color: #333;
	text-align: center;
	padding-top: 50px;
	letter-spacing: 6px
}
.sparkle-introduct .text {
	font-size: 14px;
	color: #797e91;
	text-align: center;
	line-height: 36px;
	margin-top: 40px;
	letter-spacing: 4px
}
.sparkle-advantage {
	height: 544px;
	background: #eff9ff url(../images/advantage-bg1.jpg) no-repeat center;
	background-size: 100% 100%
}
.sparkle-advantage .inner {
	width: 1200px;
	margin: 0 auto
}
.sparkle-advantage .button {
	margin: 0 auto;
	float: none;
	display: block;
	border: none;
	max-width: 320px;
	width: 320px;
	height: 56px;
	padding: 0;
	font-size: 20px;
	color: #fff;
	background: url(../images/sparkle-buttom-big.png) no-repeat center;
	border-radius: 3px;
	cursor: pointer;
	box-shadow: 0 9px 22px -8px rgba(10,213,255,.6)
}

.advantage-ul2 .n01 {
	background-position: center 0
}
.advantage-ul2 .n02 {
	background-position: center -65px
}
.advantage-ul2 .n03 {
	background-position: center -130px
}
.advantage-ul2 .n04 {
	background-position: center -195px
}
.advantage-ul2 .a-title {
	color: #0a2373;
	font-size: 16px;
	margin-top: 40px;
	text-align: center;
	transition: all .6s;
	letter-spacing: 2px
}
.advantage-ul2 li:hover .a-title {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
	-moz-transform: translateY(-10px)
}
.advantage-ul2 .text {
	letter-spacing: 2px;
	color: #797e91;
	font-size: 12px;
	margin-top: 25px;
	text-align: justify;
	transition: all .6s;
	line-height: 24px
}
.advantage-ul2 li:hover .text {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
	-moz-transform: translateY(-10px)
}
.advantage-btn {
	margin-top: 50px;
	text-align: center
}
.advantage-btn .o-btn-aylen {
	box-shadow: 0 10px 20px 0 rgba(0,160,243,.4)
}
.banner-main-box {
	margin-top: 183px
}
.banner-main-box .index1-h1 {
	font-size: 40px;
	font-family: PingFang SC;
	color: rgba(255,255,255,1);
	line-height: 1;
	margin-bottom: 22px
}
.banner-main-box .index1-h3 {
	font-size: 20px;
	font-family: PingFang SC;
	font-weight: 400;
	color: rgba(255,255,255,1);
	line-height: 44px
}
.index-item1 {
	height: 560px;
	overflow: hidden;
	background-image: url(../images/index1-bg.jpg)
}
.index-item1 .index1-sub0 {
	display: block;
	margin: 130px auto 0
}
.index-item1 .index1-sub1 {
	display: block;
	margin: -8px auto 8px
}
.index-item1 .index1-sub2 {
	display: block;
	height: 108px;
	text-align: center
}
.index-item1 .index1-sub2 img {
	display: inline-block
}
.index-item1 .index1-sub2 .icon-arrow {
	display: inline-block;
	width: 58px;
	height: 56px;
	margin: 20px -29px 0;
	vertical-align: top;
	background: url(../images/index1-arrow.png) no-repeat;
	-webkit-animation: fadeInUp1 2s linear 0s infinite;
	animation: fadeInUp1 2s linear 0s infinite
}
.index-item1 .index1-sub2:after, .index-item1 .index1-sub2:before {
	content: "";
	display: inline-block;
	width: 45px;
	height: 27px;
	background: url(../images/index1-arrow2.png) no-repeat 0 0
}
.index-item1 .index1-sub2:before {
	margin-right: -10px
}
.index-item1 .index1-sub2:after {
	margin-left: -10px;
	background-image: url(../images/index1-arrow3.png)
}
.index-item1:hover .index1-sub2:before {
	-webkit-animation: fadeInLeft1 2s linear 0s infinite;
	animation: fadeInLeft1 2s linear 0s infinite
}
.index-item1:hover .index1-sub2:after {
	-webkit-animation: fadeInRight1 2s linear 0s infinite;
	animation: fadeInRight1 2s linear 0s infinite
}
.index-item1 .subject-link {
	display: block;
	width: 140px;
	height: 44px;
	margin: 60px 0;
	border-color: rgba(255,255,255,.8);
	box-shadow: 0 10px 30px rgba(5,60,128,.4);
	border-radius: 3px
}
.index-item1 .subject-link:hover em:first-child {
	margin-top: -46px
}
.index-item2 {
	height: 680px;
	background-image: url(../images/item2-bg_02.jpg)
}
.index-item2 .desc {
	margin-bottom: 52px;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	letter-spacing: 1px;
	color: #898989
}
.index-item2 .void-box {
	position: relative;
	display: block;
	width: 600px;
	height: 338px;
	margin: 0 auto;
	box-shadow: 0 20px 40px #999;
	box-shadow: 0 20px 40px rgba(17,37,63,.4);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.index-item2 .void-box .in {
	position: relative;
	height: 338px;
	overflow: hidden
}
.index-item2 .void-box img {
	display: block
}
.index-item2 .void-box .btn {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 70px;
	height: 70px;
	margin: -35px 0 0 -35px;
	z-index: 2;
	cursor: pointer;
	background: url(../images/void-btn.png) no-repeat 0 0;
	box-shadow: 0 10px 40px 0 rgba(9,28,52,.6);
	border-radius: 50%
}
.index-item2 .void-box .in:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 100%;
	left: 0;
	background: url(../images/void-h.png) no-repeat center bottom;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.index-item2 .void-box:hover .in:after {
	top: 0
}
.index-item2 .void-box .time {
	position: absolute;
	right: 17px;
	bottom: 15px;
	z-index: 1
}
.index-item2 .item2-box {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around
}
.index-item2 .item2-box .item2 .top-box {
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 330px;
	height: 244px
}
.index-item2 .item2-box .item2:hover .bottom-box .bottom-tittle {
	color: #4ce4db
}
.index-item2 .item2-box .item2:hover .bottom-box .bottom-num {
	color: #4ce4db;
	opacity: 1
}
.index-item2 .item2-box .item2:hover .bottom-box .bottom-name {
	color: #4ce4db!important;
	border-bottom: 1px solid #4ce4db
}
.top-box.item-icon1 {
	background-image: url(../images/item2-icon1.png)
}
.top-box.item-icon2 {
	background-image: url(../images/item2-icon2.png)
}
.top-box.item-icon3 {
	background-image: url(../images/item2-icon3.png)
}
.index-item2 .item2-box .item2 .bottom-box {
	width: 300px;
	height: 251px;
	background: rgba(255,255,255,1);
	box-shadow: 0 10px 30px 0 rgba(154,165,184,.33);
	border-radius: 4px;
	padding: 32px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	box-sizing: border-box;
	bottom: -118px;
	z-index: 2
}
.index-item2 .item2-box .item2 .bottom-out-bg {
	width: 300px;
	height: 211px;
	border-radius: 4px;
	background-image: url(../images/item2-border.png);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 100px;
	left: 22px;
	z-index: 1
}
.index-item2 .item2-box .item2 .bottom-box .bottom-tittle {
	display: flex;
	align-items: center
}
.index-item2 .item2-box .item2 .bottom-box .bottom-num {
	font-size: 28px;
	font-family: DINAlternate;
	color: rgba(51,51,51,1);
	line-height: 20px;
	opacity: .3
}
.index-item2 .item2-box .item2 .bottom-box .bottom-name {
	margin-bottom: 24px;
	font-size: 18px;
	font-family: Microsoft YaHei;
	color: rgba(51,51,51,1);
	line-height: 20px;
	padding: 15px 0 20px 0;
	border-bottom: 1px solid #EEE
}
.index-item2 .item2-box .item2 .bottom-box .devide-border {
	width: 236px;
	height: 1px;
	background-image: url(../images/devide-border.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 236px 1px;
	margin-top: 16px;
	margin-bottom: 27px
}
.index-item2 .item2-box .item2 .bottom-box .bottom-desc {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(102,102,102,1);
	line-height: 24px
}