/*@charset "utf-8";*/

.pop-list {
	width:100%;
	max-width: 1200px;
	min-width: 768px;
	margin:20px auto;
	text-align:center;
	display: none;
}

@media (min-width: 768px) {
	.pop-list{
		display: block;
	}
}

.pop-item-li  {
	display:inline-block;
	width: 22%;
	/*
	width:146px;
	padding:0 69px 110px 69px;
	*display:inline;
	_zoom:1;
	position:relative;
	border: 1px solid #eee;
	*/
	height:207px;
	margin: 0 auto;
}
.pop-item .pop-top {
	width:146px;
	height:146px;
	transform-origin:center center;
	position:relative;
	overflow:visible
}

/*circle*/
.pop-item .pop-top-circle {
	width:146px;
	height:146px;
	position:absolute;
	z-index:0;
	left:0;
	top:0;
	border-radius:50%;
	transition:all .3s;
	transform-origin:center center;
	background-color:#002e5b;
	overflow:visible;
}

/* hover 圆 变 方形*/
.pop-item-Hover .pop-item:hover .pop-top .pop-top-circle {
	height:159px;
	width:176px;
	left:-15px;
	top:-10px;
	border-radius:20px 20px 0 0;
	background-color:#78e;
	background:linear-gradient(90deg,#002e5b,#78e);
}

/* Icon */
.pop-item .pop-infoIcon {
	background:url(../images/pop_ico.png) no-repeat -890px -1191px;
	width:90px;
	height:70px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-45px;
	margin-top:-35px;
	transition:opacity .3s
}
.pop-item .pop-infoIcon-listedBrand {
	background-position:-895px -1300px
}
.pop-item .pop-infoIcon-funcRich {
	background-position:-886px -1402px
}
.pop-item .pop-infoIcon-oneKey {
	background-position:-899px -1500px
}
.pop-item .pop-infoIcon-model {
	background-position:-1004px -1497px
}
.pop-item .pop-infoIcon-site3to1 {
	background-position:-1008px -1401px
}
.pop-item .pop-infoIcon-easeMaintain {
	background-position:-1009px -1298px
}
.pop-item .pop-infoIcon-superSevice {
	background-position:-1009px -1194px
}

.pop-item {
	position:relative;
	width:146px;
	height:146px;
	margin: 0 auto;
}

/*  */
.pop-item .pop-wrap-bg {
	position:absolute;
	width:176px;
	height:100%;
	border-radius:0;
	transition:all .3s;
	overflow:visible;
}

/* hover：显示最大边框*/
.pop-item-Hover .pop-item:hover .pop-wrap-bg {
	width:176px;
	height:228px;
	box-shadow:0 0 10px 0 rgba(0,0,0,0.15);
	left:-15px;
	top:-10px;
	border-radius:20px;
}

/* info 内容 */
.pop-item .pop-infoWrap {
	position:absolute;
	top:30px;
	z-index:2;
	text-align:center;
	width:176px;
	left:-15px;
	transition:all .3s;
	opacity:0;
	filter:alpha(opacity=0)
}

.pop-top .pop-info-desc {
	font-size:13px;
	padding:0 10px;
	line-height:1.8;
	margin:auto 0px;
	padding-bottom:16px;
	color: #fff;
}

.pop-bottom .pop-item-title {
	margin-top: 30px;
	color:#000;
}

.pop-item-Hover .pop-item:hover .pop-infoIcon {
	opacity:0;
	filter:alpha(opacity=0)
}
.pop-item-Hover .pop-item:hover .pop-infoWrap {
	opacity:1;
	filter:alpha(opacity=100)
}
.pop-item-Hover .pop-item:hover .pop-item-title {
	color: #002e5b;
  font-weight: bold;
}