*{margin:0;padding:0;font-family:Microsoft Yahei;}
/*清除浮动*/
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clear { clear: both; }
body{background: #F9F9F9}
ul{list-style: none}
a{text-decoration: none}
image{border:none;}
.boxc{
	width:1260px;
	margin:0 auto;
}
.boxc ul li{
	float:left;
	width:570px;
	height:500px;
	margin:30px;
	border-radius: 5px;
	cursor:pointer;
	position: relative;
	top:0px;
	transition: 0.5s;

}



.boxc ul li .box1{
	width:544px;
	height:414px;
	background: url(/images/sitexys/computer.png) repeat-x;
	margin: 0 13px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
	border-radius: 5px;
}
.boxc ul li .box1 .imgbox{
	width:522px;
	height:386px;
	overflow: hidden;
	margin:11px;
}
.boxc ul li .box1 .imgbox .flws{
	position: absolute;
	z-index: 500;
	width:522px;
	height:386px;
	background: url(/images/sitexys/flw.png);
	opacity:0;
	filter:alpha(opacity=0); 
	transition: 0.5s;
}
.boxc ul li .box1 .imgbox:hover .flws{
	opacity: 1;
	filter:alpha(opacity=100);
	transition: 0.5s;
}
.boxc ul li .box1 .imgbox .flws a{
	position: relative;
	left: 220px;
	top:150px;
}
.boxc ul li .imgbox2{
	width:293px;
	height:187px;
	position: absolute;
	z-index: 1000;
	background: url(/images/sitexys/ipad.png);
    margin-top: 243px;
}
.boxc ul li .imgbox2 .img{
	width:244px;
	height:153px;
	margin: 17px 18px;
}
.boxc ul li .imgbox2 .img .flw{
	width:244px;
	height:153px;
	background: url(/images/sitexys/flw.png);
	position: absolute;
	z-index: 500;
	opacity: 0;
	filter:alpha(opacity=0);
}
.boxc ul li .imgbox2:hover .flw{
	opacity: 1;
	filter:alpha(opacity=100);
	transition: 0.5s;	
}
.boxc ul li .imgbox2 .img .flw a{
	position: relative;
	left:82px;
	top:36px;	
}
.boxc ul li .imgbox3{
	width:162px;
	height:315px;
	background: url(/images/sitexys/phone.png) no-repeat;
	position: absolute;
	z-index: 1000;
	margin-left: 407px;
    margin-top: 115px;
   	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
   	border-radius: 20px;
   	transition: 0.5s;
}

.boxc ul li .imgbox3 .img{
	width:146px;
	height:243px;
	margin:33px 8px 0 8px;
}
.boxc ul li .imgbox3 .img .flw{
	width:146px;
	height:243px;
	background: url(/images/sitexys/flw.png);
	position: absolute;
	z-index: 1000;
	transition: 0.5s;
	opacity: 0;
	filter:alpha(opacity=0);
}
.boxc ul li .imgbox3:hover .flw{
	opacity: 1;
	filter:alpha(opacity=100);
	transition: 0.5s;
}
.boxc ul li .imgbox3 .img .flw img{
	position: relative;
	left:32px;
	top:75px;
}
.boxc ul li .taocan{
	font-size:18px;
	color:#333;
	float:left;
	margin-top: 55px;
	margin-left:25px;
}
.boxc ul li .looking{
	float:right;
	display: block;
	height:34px;
	width:107px;
	background: #00C1DE;
	border-radius: 30px;
	margin-top: 50px;
	margin-right:20px;
	text-align: center;
	color:#fff;
	font-size:16px;
	line-height: 34px;
	transition: 0.5s;
}
.boxc ul li .looking:hover{
	background: #04b2c5;
	transition: 0.5s;
}



/*   */

.boxf  .box1{
	width:544px;
	height:414px;
	background: url(/images/sitexys/computer.png) repeat-x;
	margin: 0 13px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
	border-radius: 5px;
}
.boxf  .box1 .imgbox{
	width:522px;
	height:386px;
	overflow: hidden;
	margin:11px;
}
.boxf  .box1 .imgbox .flws{
	position: absolute;
	z-index: 500;
	width:522px;
	height:386px;
	background: url(/images/sitexys/flw.png);
	opacity:0;
	filter:alpha(opacity=0); 
	transition: 0.5s;
}
.boxf .box1 .imgbox:hover .flws{
	opacity: 1;
	filter:alpha(opacity=100);
	transition: 0.5s;
}
.boxf  .box1 .imgbox .flws a{
	position: relative;
	left: 220px;
	top:150px;
}
.boxf  .imgbox2{
	width:293px;
	height:187px;
	position: absolute;
	z-index: 1000;
	background: url(/images/sitexys/ipad.png);
    margin-top: 243px;
}
.boxf  .imgbox2 .img{
	width:244px;
	height:153px;
	margin: 17px 18px;
}
.boxf .imgbox2 .img .flw{
	width:244px;
	height:153px;
	background: url(/images/sitexys/flw.png);
	position: absolute;
	z-index: 500;
	opacity: 0;
	filter:alpha(opacity=0);
}
.boxf .imgbox2:hover .flw{
	opacity: 1;
	filter:alpha(opacity=100);
	transition: 0.5s;	
}
.boxf .imgbox2 .img .flw a{
	position: relative;
	left:82px;
	top:36px;	
}
.boxf .imgbox3{
	width:162px;
	height:315px;
	background: url(/images/sitexys/phone.png) no-repeat;
	position: absolute;
	z-index: 1000;
	margin-left: 407px;
    margin-top: 115px;
   	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
   	border-radius: 20px;
   	transition: 0.5s;
}

.boxf .imgbox3 .img{
	width:146px;
	height:243px;
	margin:33px 8px 0 8px;
}
.boxf .imgbox3 .img .flw{
	width:146px;
	height:243px;
	background: url(/images/sitexys/flw.png);
	position: absolute;
	z-index: 1000;
	transition: 0.5s;
	opacity: 0;
	filter:alpha(opacity=0);
}
.boxf .imgbox3:hover .flw{
	opacity: 1;
	filter:alpha(opacity=100);
	transition: 0.5s;
}
.boxf .imgbox3 .img .flw img{
	position: relative;
	left:32px;
	top:75px;
}

.details .boxf {
    /* width: 375px; */
    height: /*410px*/ auto;
    overflow: hidden;
    float: left;
}