body {
	background: #f4f4f4;
}

.ssimg {
	display: block;
	width: 100%;
	margin-top: 84px;
}

.procontent {
	width: 1400px;
	margin: auto;
	position: relative;
	margin-top: 45px;
	overflow: hidden;
	margin-bottom: 180px;
}

.ptleft {
	width: 289px;
	position: relative;
	float: left;
	background: white;
}

.ptright {
	width: 1075px;
	position: relative;
	float: right;
	background: white;
	padding-bottom: 54px;
}

.ptprodiv {
	width: 100%;
	background: white;
	position: relative;
	margin-top: 29px;
	padding-bottom: 31px;
}

.pvaa {
	width: 100%;
	display: block;
	color: #4a4949;
	font-size: 18px;
	border-bottom: 1px solid #e5e5e5;
	height: 54px;
	line-height: 54px;
	box-sizing: border-box;
	padding-left: 8.7%;
}

.paactive {
	border: none;
	background: #3c36eb;
	color: white;
	height: 60px;
	line-height: 60px;
}

.pahuidiv {
	width: 100%;
	height: 25px;
	background: #f4f4f4;
}

.pvaa:last-child {
	border: none;
}

.pgspan {
	height: 37px;
	display: block;
	background: #3c36eb;
	width: 147px;
	color: white;
	line-height: 37px;
	font-size: 15px;
	margin-top: 14px;
	margin-bottom: 19px;
	text-align: center;
}

.pnatel {
	display: block;
	width: 100%;
	line-height: 42px;
	padding-left: 19px;
	font-size: 30px;
}

.pladiv {
	display: block;
	margin-bottom: 36px;
}

.rvpp {
	display: block;
	width: 100%;
	height: 49px;
	line-height: 49px;
	box-sizing: border-box;
	border-bottom: 1px solid #e5e5e5;
	padding-left: 21px;
	margin-bottom: 19px;
}

.rsaa {
	width: 86.5%;
	height: 290px;
	margin: auto;
	display: block;
	margin-bottom: 24px;
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
	background: #979797;
}

.radiv {
	width: 100%;
	height: 237px;
	overflow: hidden;
}

.rvimg {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rpspans {
	color: white;
	display: block;
	width: 90%;
	text-align: center;
	font-size: 15px;
	margin-top: 8px;
	margin-left: 5%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rpspanss {
	font-size: 13px;
	color: white;
	display: block;
	width: 100%;
	text-align: center;
}

.rpdivs {
	margin-bottom: 50px;
}

.ptapro {
	width: 100%;
	height: 461px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 26px;
	position: relative;
}

.podivs {
	width: 391px;
	height: 391px;
	float: left;
	border: 1px solid #e5e5e5;
	margin-top: 20px;
	margin-left: 1.86%;
}

.ptps {
	font-size: 22px;
	width: 100%;
}

.psdivscon p {
	font-size: 14px !important;
	color: #7a7979 !important;
	line-height: 29px !important;
}

.psright {
	display: block;
	float: left;
	width: 422px;
	margin-top: 41px;
	margin-left: 6.8%;
}

.psdivscon {
	margin-top: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 10;
	-webkit-box-orient: vertical;
	height: 210px;
}

.psdivscon img{
	max-width:100%;
}

.pvaaa {
	display: block;
	width: 128px;
	height: 48px;
	float: left;
	background: #e5e5e5;
	text-align: center;
	line-height: 48px;
	color: #414141;
	margin-right: 23px;
}

.pvaaa:hover{
	color:white;
	background: #3b36ea;
}

.pntwodiv {
	overflow: hidden;
	position: absolute;
	bottom: 51px;
}

.ptapro:last-child {
	border: none;
}

.ptimgg {
	width: 100%;
}

.paimg {
	width: 100%;
}

.pages{
	width: 1075px;
	float: right;
	overflow: hidden;
	margin-top: 66px;
}

#ptimgg{
	position: absolute;
	width: 100%;
	height: 1px;
	bottom:80px;
}

@media screen and (max-width: 1450px) {
	.procontent {
		width: 90%;
	}

	.ptleft {
		width: 21%;
	}

	.ptright {
		width: 77%;
	}
	
	.pages{
		width: 77%;
	}
	
	.pnatel{
		font-size: 25px;
	}
}

@media screen and (max-width: 1350px) {
	.psright {
		margin-left: 3%;
	}
}

@media screen and (max-width: 1280px) {
	.psright {
		width: 370px;
	}
}

@media screen and (max-width: 1024px) {
	.pvaa {
		font-size: 16px;
	}

	.podivs {
		width: 300px;
		height: 300px;
	}

	.ptapro {
		height: 372px;
	}
	
	/* .ptprodiv{
		margin-top: 0px;
		padding-bottom: 0px;
	} */
	
	.pgspan{
		margin-bottom: 10px;
	}
	
	.pladiv {
	    margin-bottom: 10px;
	}
	
	.rsaa {
	    height: 200px;
	}
	
	.radiv {
	    height: 145px;
	}
	
	.pnatel {
	    font-size: 20px;
	}
	
	.psdivscon {
		height: 120px;
	}
}

@media screen and (max-width: 768px) {
	.psdivscon {
		height: 90px;
	}
	
	.pnatel {
	    font-size: 15px;
	}
	
	.pvaa {
		font-size: 12px;
		height: 40px;
		line-height: 40px;
	}

	.podivs {
		width: 200px;
		height: 200px;
	}

	.psright {
		width: 260px;
		margin-top: 17px;
	}

	.psdivscon {
		margin-top: 10px;
	}

	.psdivscon p {
		line-height: 25px;
	}

	.ptapro {
		height: 300px;
	}
	
	.rpspanss{
		display: none;
	}
	
	.rsaa {
	    height: 185px;
	}
	
	.procontent {
	    margin-bottom: 100px;
	}
}

@media screen and (max-width: 460px) {
	#ptimgg{
		display: none;
	}
	
	.ssimg {
		margin-top: 58px;
	}

	.procontent {
		width: 95%;
		margin-top: 20px;
		margin-bottom: 100px;
	}

	.ptleft {
		width: 35%;
	}

	.pvaa {
		font-size: 12px;
		height: 40px;
		line-height: 40px;
		padding-left: 6%;
	}

	.ptright {
		width: 63%;
		padding-bottom: 0px;
	}

	.psdivscon {
		display: none;
	}

	.podivs {
		width: 80%;
		/* height: 200px; */
		height: 165px;
		margin-left: 10%;
	}

	.psright {
		width: 100%;
		margin-left: 0%;
		margin-top: 12px;
	}

	.ptps {
		font-size: 15px;
		width: 90%;
		text-align: center;
		margin-left: 5%;
		font-weight: bold;
	}

	.ptapro {
		height: auto;
		overflow: hidden;
		margin-bottom: 0px;
		padding-bottom: 10px;
	}

	.pntwodiv {
		position: relative;
		bottom: 0px;
	}

	.pvaaa {
		width: 40%;
		margin-right: 0px;
		margin: 10px 5%;
		font-size: 13px;
		height: 35px;
		line-height: 35px;
	}

	.pgspan {
		width: 100%;
		font-size: 14px;
	}

	.pnatel {
		padding-left: 0px;
		text-align: center;
		font-size: 15px;
	}

	/* .ptprodiv {
		padding-bottom: 15px;
	} */

	.pladiv {
		margin-bottom: 20px;
	}

	.radiv {
		height: 125px;
	}

	.rpspans {
		font-size: 13px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.rsaa {
		height: 160px;
	}

	.rpspanss {
		font-size: 12px;
	}

	/* .rpdivs {
		margin-bottom: 30px;
	} */
}

@media screen and (max-width: 375px) {
	.ptleft {
		width: 38%;
	}

	.ptright {
		width: 60%;
	}

	.podivs {
		height: 142px;
	}
	
	.pahuidiv {
	    height: 15px;
	}
	
	.rsaa {
	    height: 150px;
	}
	
	.radiv {
	    height: 115px;
	}
}

@media screen and (max-width: 360px) {
	.ptleft {
		width: 40%;
	}

	.ptright {
		width: 57%;
	}
}

@media screen and (max-width: 320px) {
	.ptleft {
		width: 44%;
	}

	.ptright {
		width: 53%;
	}

	.podivs {
		height: 120px;
	}
	
	/* .ptprodiv {
	    padding-bottom: 0px;
	} */
	
	.pladiv {
	    margin-bottom: 10px;
	}
	
	.rsaa {
	    height: 135px;
	    margin-bottom: 15px;
	}
	
	.radiv {
	    height: 100px;
	}
}