@charset "utf-8";

.pbanner{display: block;}
.pbanner2{display: none;}
@media screen and (max-width: 768px){
	.pbanner{display: none;}
	.pbanner2{display: block;}
}

.pp-box{width: 100%; padding: 0px 0px 50px 0px; background-color: #f4f4f4;}
.pp-content{width: 1200px; background-color: #ffffff; margin: 0px auto; padding: 10px 0px 50px 0px;}
.pp-content h2{width: 100%; height: 100px; line-height: 100px; text-align: center; font-size: 36px; color: #231f20;}

.pp-list{width: 917px; margin: 0px auto; text-align: center; font-size: 0;}
.pp-list .pp-list-img{width: 380px; height: 510px; display: inline-block; vertical-align: top;}
.pp-list .pp-list-img img{width: 100%; height: auto; vertical-align: top;}
.pp-list .pp-list-content{width: auto; display: inline-block; font-size: 16px; color: #333; line-height: 40px; vertical-align: top;}

.pp-list-one{margin-bottom: 80px;}
.pp-list-one .pp-list-content{text-align: left; margin-left: 70px; padding-top: 70px;}
.pp-list-two .pp-list-content{text-align: right; margin-right: 70px; padding-top: 70px;}
.pp-list-two .pt-up{display: none;}
.pp-list-two .pt-down{display: inline-block;}

@media screen and (max-width: 1199px) {
	.pp-box{width: 100%; padding: 0px 0px; background-color: #f4f4f4;}
	.pp-content{width: 100%; background-color: #f4f4f4; margin: 0px auto; padding: 10px 12px 30px 12px;}
	.pp-content h2{width: 100%; height: 100px; line-height: 100px; text-align: center; font-size: 36px; color: #231f20;}

	.pp-list{width: 917px; margin: 0px auto; text-align: center; font-size: 0;}
	.pp-list .pp-list-img{width: 380px; height: 510px; display: inline-block; vertical-align: top;}
	.pp-list .pp-list-img img{width: 100%; height: auto; vertical-align: top;}
	.pp-list .pp-list-content{width: auto; display: inline-block; font-size: 16px; color: #333; line-height: 40px; vertical-align: top;}

	.pp-list-one{margin-bottom: 80px;}
	.pp-list-one .pp-list-content{text-align: left; margin-left: 70px; padding-top: 70px;}
	.pp-list-two .pp-list-content{text-align: right; margin-right: 70px; padding-top: 70px;}
	.pp-list-two .pt-up{display: none;}
	.pp-list-two .pt-down{display: inline-block;}
}

@media screen and (max-width: 959px) {
	.pp-box{width: 100%; padding: 0px 0px; background-color: #f4f4f4;}
	.pp-content{width: 100%; background-color: #f4f4f4; margin: 0px auto; padding: 0px 12px 20px 12px;}
	.pp-content h2{width: 100%; height: 80px; line-height: 80px; text-align: center; font-size: 28px; color: #231f20;}

	.pp-list{width: 100%; margin: 0px auto; text-align: center; font-size: 0;}
	.pp-list .pp-list-img{width: 38%; height: auto; display: inline-block; vertical-align: top;}
	.pp-list .pp-list-img img{width: 100%; height: auto; vertical-align: top;}
	.pp-list .pp-list-content{width: 50%; width:-moz-calc(62% - 20px); width:-webkit-calc(62% - 20px); width: calc(62% - 20px); display: inline-block; font-size: 14px; color: #333; line-height: 30px; vertical-align: top;}

	.pp-list-one{margin-bottom: 80px;}
	.pp-list-one .pp-list-content{text-align: left; margin-left: 20px; padding-top: 0px;}
	.pp-list-two .pp-list-content{text-align: right; margin-right: 20px; padding-top: 0px;}
	.pp-list-two .pt-up{display: none;}
	.pp-list-two .pt-down{display: inline-block;}
}

@media screen and (max-width: 639px) {
	.pp-box{width: 100%; padding: 0px 0px; background-color: #f4f4f4;}
	.pp-content{width: 100%; background-color: #f4f4f4; margin: 0px auto; padding: 0px 12px 20px 12px;}
	.pp-content h2{width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 20px; color: #231f20;}

	.pp-list{width: 100%; margin: 0px auto; text-align: center; font-size: 0;}
	.pp-list .pp-list-img{width: 30%; height: auto; display: inline-block; vertical-align: top;}
	.pp-list .pp-list-img img{width: 100%; height: auto; vertical-align: top;}
	.pp-list .pp-list-content{width: 50%; width:-moz-calc(70% - 10px); width:-webkit-calc(70% - 10px); width: calc(70% - 10px); display: inline-block; font-size: 12px; color: #333; line-height: 24px; vertical-align: top;}

	.pp-list-one{margin-bottom: 50px;}
	.pp-list-one .pp-list-content{text-align: left; margin-left: 10px; padding-top: 0px;}
	.pp-list-two .pp-list-content{text-align: right; margin-right: 10px; padding-top: 0px;}
	.pp-list-two .pt-up{display: none;}
	.pp-list-two .pt-down{display: inline-block;}
}

@media screen and (max-width: 549px) {
	.pp-box{width: 100%; padding: 0px 0px; background-color: #f4f4f4;}
	.pp-content{width: 100%; background-color: #f4f4f4; margin: 0px auto; padding: 0px 12px 20px 12px;}
	.pp-content h2{width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 20px; color: #231f20;}

	.pp-list{width: 100%; margin: 0px auto; text-align: center; font-size: 0;}
	.pp-list .pp-list-img{width: 100%; height: auto; display: inline-block; vertical-align: top;}
	.pp-list .pp-list-img img{width: 100%; height: auto; vertical-align: top;}
	.pp-list .pp-list-content{width: 100%; display: inline-block; font-size: 14px; color: #333; line-height: 28px; vertical-align: top;}

	.pp-list-one{margin-bottom: 50px;}
	.pp-list-one .pp-list-content{text-align: left; margin-left: 0px; padding-top: 0px;}
	.pp-list-two .pp-list-content{text-align: left; margin-right: 0px; padding-top: 0px;}
	.pp-list-two .pt-up{display: inline-block;}
	.pp-list-two .pt-down{display: none;}
}