html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-background-origin:content-box;background-origin:content-box;}section,header,footer,nav{display:block;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}img{border:0;font-size:0}a{text-decoration:none;}
.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{*zoom:1}
html{
	-webkit-text-size-adjust:none;
}
html,body{
	position: relative;
	width: 640px;
	height: auto;
	overflow-x: hidden;
}
body{
	text-align:justify;
	font-family:"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",arial,Helvetica,sans-serif;
}
.bg{
	background: url(../images/bg.jpg) top center no-repeat;
	background-size: 100% auto;
	width: 640px;
	height: 1100px;
}
.box{
	position: relative;
	width: 570px;
	margin: 0 auto;
	top: 475px;
	background: pink;
}
.border{
	position: relative;
	width: 272px;
	height: 275px;
}
.border1,
.border3{
	float: left;
}
.border2,
.border4{
	float: right;
}
.border3,
.border4{
	margin-top: 5%;
}
.border .preview_img{
	width: 100%;
	height: 190px;
}
.border .img1{
	background: url(../images/preview_img1.jpg) top center no-repeat;
	background-size: cover;
}
.border .img2{
	position: relative;
	background: url(../images/preview_img2.jpg) top center no-repeat;
	background-size: cover;
	right: 0;
}
.border .img3{
	background: url(../images/preview_img3.jpg) top center no-repeat;
	background-size: cover;
}
.border .img4{
	position: relative;
	background: url(../images/preview_img4.jpg) top center no-repeat;
	background-size: cover;
	right: 0;
}
.border video{
	position: absolute;
	width: 0px;
	height: 0px;
	/*left: -999px;*/
}
.border .video1{
	top: 30%;
	left: 50%;
}
.border .video2{
	top: 30%;
	left: 50%;
}
.border .video3{
	left: 50%;
	top: 30%;
}
.border .video4{
	left: 50%;
	top: 30%;
}


.border p{
	margin-top: 17px;
	font-size: 23px;
	font-weight: bold;
}
.border button{
	position: absolute;
	text-align: center;
	width: 100%;
	height: 32px;
	bottom: 0;
	font-size: 21px;
	color: #fff;
	background: #d50146;
	border: none;
	border-radius: 8px;
	-webkit-border-radius: 8px;
}