.agent-content {
	padding-top: 20px;
	padding-bottom: 38px;
	background: #f1f4f4
}
.agent {
	padding: 24px 0 24px 20px;
	background: #fff
}
.agent-title {
	font-size: 18px;
	color: #2281e0;
	border-left: 4px solid #2281e0;
	padding: 0 0 0 6px
}
.agent-title span {
	font-size: 12px;
	color: #a5a5a5
}
.agent-list {
	padding-top: 30px
}
.agent-list li {
	float: left;
	padding-right: 16px
}
.agent-list .column {
	padding-bottom: 24px;
	width: 216px;
	border: 1px solid #eee;
	text-align: center
}
.agent-list .column .column-title {
	padding: 14px 0;
	font-size: 16px;
	color: #3588dc
}
.agent-list .column .column-img {
	display: inline-block;
*display:inline;
*zoom:1;
	width: 100px;
	height: 106px;
	background: url(/webstatic/images/agent-icon.jpg) no-repeat center center
}
.agent-list .column .column-img_1 {
	background-position: 0 0
}
.agent-list .column .column-img_2 {
	background-position: -186px 0
}
.agent-list .column .column-img_3 {
	background-position: -380px 0
}
.agent-list .column .column-img_4 {
	background-position: -564px 0
}
.agent-list .column .column-img_5 {
	background-position: -734px 0
}
.agent-list .column .column-txt {
	padding: 10px 18px 0;
	font-size: 14px
}
.agent-list .column .agent-btn {
	margin-top: 18px;
	display: inline-block;
*display:inline;
*zoom:1;
	width: 168px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #d4d4d4;
	font-size: 14px;
	color: #4a4a4a;
	text-align: center
}
.agent-list .active .agent-btn {
	background: #4a9ced;
	color: #fff;
	border: 0;
	-webkit-transition: background .3s ease;
	-moz-transition: background .3s ease;
	transition: background .3s ease
}
.contact-list {
	padding-top: 30px
}
.contact-list li {
	float: left;
	padding-right: 10px
}
.contact-list .column {
	padding-bottom: 24px;
	width: 154px;
	border: 1px dashed #dcdcdc;
	text-align: center
}
.contact-list .column .column-img {
	margin: 14px 0 6px
}
.contact-list .column .column-img img {
	border: 1px solid #b9d3e2
}
.contact-list .column .column-qq {
	font-size: 14px;
	font-weight: 700;
	color: #3f3f3f
}
.contact-list .column .agent-btn {
	margin-top: 4px;
	display: inline-block;
*display:inline;
*zoom:1;
	width: 134px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #0566c7;
	font-size: 14px;
	font-weight: 700;
	color: #0566c7;
	text-align: center
}
.contact-list .column .agent-btn:hover {
	background: #0566c7;
	color: #fff;
	border-color: #0566c7;
	-webkit-transition: background .3s ease;
	-moz-transition: background .3s ease;
	transition: background .3s ease
}
.contact-list .column .column-txt {
	padding: 6px 0 0 10px;
	font-size: 12px;
	text-align: left;
	line-height: 2;
	font-family: "ËÎÌå"
}
.contact-list .column .column-txt .business-area {
	width: 54px
}
.agent-adv {
	padding: 70px 0 120px
}
.agent-adv img {
	width: 100%
}
.agent-pj {
	padding-top: 40px
}
.pj-list {
	padding-bottom: 25px;
	position: relative;
	clear: both
}
.pj-list .pj-left {
	padding-right: 22px;
	float: left;
	width: 100px;
	height: 100px;
	/*background: url(/webstatic/images/agent-icon.jpg) no-repeat 0 -358px*/
}
.pj-list .pj-left img{
	width: 100px;
	height: 100px;
	border-radius:100px;

}
.pj-list .pj-right {
	border: 1px solid #ececec;
	overflow: hidden;
	_zoom: 1
}
.pj-list .pj-right .pj-icon {
	position: absolute;
	top: 14px;
	left: 113px;
	_left: 116px;
	display: block;
	width: 10px;
	height: 16px;
	background: url(/webstatic/images/agent-icon.jpg) no-repeat;
	background-position: 0 -558px
}
.pj-list .pj-right .pj-title {
	padding-left: 20px;
	height: 44px;
	line-height: 44px;
	border-bottom: 1px solid #ececec;
	background: #f9fcfc;
	font-size: 14px;
	color: #1575e1;
*zoom:1;
*overflow:hidden
}
.pj-list .pj-right .pj-txt {
	padding: 20px;
	overflow: hidden;
	line-height: 2;
	color: #333
}


.pj-list .pj-right .pj-txt img{ max-width:99%;}

@media screen and (max-width:1206px) {
.agent {
	padding: 24px 0
}
.agent-list li {
	padding-right: 10px;
	_padding-right: 6px
}
.agent-list li.pr-none {
	padding-right: 0
}
.agent-list .column {
	width: 186px
}
.contact-list li {
	padding-right: 34px;
	margin-bottom: 16px
}
.contact-list .column {
	width: 206px
}
.contact-list .column .column-txt {
	padding-left: 20px
}
.contact-list .column .column-txt .business-area {
	width: 108px
}
}
.desktop .agent {
	padding: 24px 0
}
.desktop .agent-list li {
	padding-right: 10px;
	_padding-right: 6px
}
.desktop .agent-list li.pr-none {
	padding-right: 0
}
.desktop .agent-list .column {
	width: 186px
}
.desktop .contact-list li {
	padding-right: 34px;
	margin-bottom: 16px
}
.desktop .contact-list .column {
	width: 206px
}
.desktop .contact-list .column .column-txt {
	padding-left: 20px
}
.desktop .contact-list .column .column-txt .business-area {
	width: 108px
}