@charset "utf-8";

.agentBox {
	width: 100%;
	float: left;
}

.agentBox .product {
	margin: 0 auto;
}

.agentBox .product .pTitle {
	/*font-family: webfont;*/
	font-size: 0.625rem;
	margin: 40px 0 0 0px;
	font-weight: 100;
}

.agentBox .product .pImg img {
	width: 100%;
}

.agentBox .product {
	width: 1280px;
	margin: 0 auto;
}



/* PC端 */

@media screen and (min-width: 1200px) {
	.agentTitle {
		width: 100%;
		height: 40px;
		/*font-family: webfont;*/
	font-weight: 100;
		font-size: 0.625rem;
		margin: 40px 0 0 0px;
		float: left;
		text-align: center;
	}
	.aBox {
		width: 280px;
		height: 360px;
		float: left;
		margin: 40px 30px 0 0;
		border: 1px solid #ffffff;
	}
	.aBox:hover {
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	}
	.aBox .aImg {
		width: 280px;
	}
	.aBox .aImg img {
		width: 100%;
	}
	.aBox .aTitle {
		width: 100%;
		height: 50px;
		line-height: 50px;
		font-size: 17px;
		text-align: center;
	}
	.aBox .aContent {
		width: 100%;
		height: 100px;
		line-height: 24px;
		font-size: 15px;
		color: #999999;
		padding:0 0px 0 4px;
	}
}


/* 移动端 */

@media only screen and (min-width: 640px) and (max-width: 1200px)  {
	.agentBox{
		width: 100%;
		padding:  0 20px 20px 20px;
		}
	.agentBox .product {
		width: 100%;
		float: left;
		margin-top: 50px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content:space-between;
	}

	.agentTitle {
		width: 100%;
		height: 40px;
		font-family: webfont;
		font-size: 0.625rem;
		margin: 40px 0 0 0px;
		padding: 0 0 0 0px;
		text-align: center;
		float: left;
	}
	.aBox {
		width: calc(50% - 20px);
		min-height: 324px;
		float: left;
		margin: 40px 0 0 0px;
		border: 1px solid #ffffff;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	}
	.aBox .aImg {
		width: 100%;
	}
	.aBox .aImg img {
		width: 100%;
	}
	.aBox .aTitle {
		width: 100%;
		height: 50px;
		line-height: 50px;
		font-size: 17px;
		text-align: center;
	}
	.aBox .aContent {
		width: 100%;
		height: 90px;
		line-height: 24px;
		font-size: 15px;
		color: #999999;
		padding:0 20px 0 20px;
	}
}

/*移动端更小*/
@media screen and (max-width: 640px) {
	.agentBox{
		width: 100%;
		padding:  0 20px 20px 20px;
		}
	.agentBox .product {
		width: 100%;
	}

	.agentTitle {
		width: 100%;
		height: 40px;
		font-family: webfont;
		font-size: 0.625rem;
		margin: 40px 0 0 0px;
		padding: 0 0 0 0px;
		text-align: center;
		float: left;
	}
	.aBox {
		width: 96%;
		/*height: 324px;*/
		float: left;
		margin: 40px 0 0 6px;
		border: 1px solid #ffffff;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	}
	.aBox .aImg {
		width: 100%;
	}
	.aBox .aImg img {
		width: 100%;
	}
	.aBox .aTitle {
		width: 100%;
		height: 50px;
		line-height: 50px;
		font-size: 17px;
		text-align: center;
	}
	.aBox .aContent {
		width: 100%;
		/*height: 90px;*/
		line-height: 24px;
		font-size: 15px;
		color: #999999;
		padding:0 20px 6px 20px;
		float: left;
	}
}