h1,p {
	color:#fffff
}
.asd
{ 
color:#fff
}
.banner-wrap {
	background:url(../../img/newindex/banner.jpg) no-repeat;
	height:525px;
	background-size:cover;
	overflow:hidden
}
.banner-wrap .banner-box {
	height:380px;
	margin-top:100px;
	text-align:center
}
.banner-wrap .banner-box h1 {
	font-size:34px;
	font-weight:400
}
.banner-wrap .banner-box p {
	font-size:18px;
	margin-top:25px
}
.banner-wrap .banner-box .first-box {
	padding:10px;
	position:relative;
	height:170px;
	text-align:center
}
.banner-wrap .banner-box .first-box img {
	margin:0 auto;
	transition:all .5s ease
}
.banner-wrap .banner-box .first-box img:hover {
	transform:rotateY(360deg)
}
.ydbutton {
	margin:0 auto;
	display:block;
	width:145px;
	height:50px;
	line-height:45px;
	color:#fff;
	border-radius:5px;
	font-size:24px;
	border:2px solid rgba(255,255,255,.7);
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	position:relative;
	transition:.4s ease;
	-webkit-transition:.4s ease;
	-o-transition:.4s ease;
	-moz-transition:.4s ease
}
.ydbutton:hover {
	border:2px solid #fff;
	color:#fff;
	text-decoration:none
}
.ydbutton .line {
	position:absolute;
	display:block;
	background:0 0;
	transition:.4s ease;
	-webkit-transition:.4s ease;
	-o-transition:.4s ease;
	-moz-transition:.4s ease
}
.ydbutton:hover .line {
	background:#fff
}
.ydbutton .line-top {
	height:2px;
	width:0;
	left:-110%;
	top:-2px
}
.ydbutton:hover .line-top {
	width:96%;
	left:4px
}
.ydbutton .line-bottom {
	width:0;
	height:2px;
	right:-110px;
	bottom:-2px
}
.ydbutton:hover .line-bottom {
	width:96%;
	right:4px
}
.ydbutton .line-left {
	height:0;
	width:2px;
	left:-2px;
	bottom:-110%
}
.ydbutton:hover .line-left {
	bottom:1px;
	height:88%
}
.ydbutton .line-right {
	height:0;
	width:2px;
	right:-2px;
	top:-110%
}
.ydbutton:hover .line-right {
	top:1px;
	height:88%
}