.ppsn_ftitle p{font-size: 48px;color: #A78D4D;line-height: 1.2;}
.ppsn_title p{font-size: 80px;color: #2F542B;line-height: 1;}
.ppsn_title p span{position: relative;}
.ppsn_title p span:last-child::after{content: '';width: 66px;height: 66px;position: absolute;background: url(../img/title_tb_quan.png) no-repeat right bottom;background-size: contain;right: -18px;top: -23px;pointer-events: none;z-index: -1;}

#box-1 {padding-top: 95px;padding-bottom: 0;}
#box-1 .img{width: 88%;margin: auto;max-width: 1300px;margin-top: 50px;}

#box-2 {padding-top: 70px;}
#box-2 .ftitle span{font-size: 36px;color: #6A3906;}
#box-2 .img{margin-left: -20px;width: 96.5%;margin-top: 50px;}

#box-3{padding: 0;}
#box-3 .box1{position: relative;overflow: hidden;}

#box-4 {padding-top: 50px;}
#box-4 .box1{margin: 35px -17px 0 -17px;position: relative;overflow: hidden;}
#box-4 .box1 ul{flex-wrap: wrap;}
#box-4 .box1 li>div{padding:20px 17px;}

#box-5 {padding-top: 35px;padding-bottom: 70px;}
#box-5 .box1 .img1{width: 53%;margin:60px auto 48px auto;max-width: 788px;}
#box-5 .box1 .text{font-size: 18px;color: #6A3906;text-align: center;font-weight: bold;padding-top: 3px;}


#box-6{padding-top: 0px;padding-bottom: 60px;}
#box-6 .item{padding: 40px 0;}
#box-6 .item:nth-child(2n) .box1{flex-direction: row-reverse;}
#box-6 .box1{margin-top: 50px;}
#box-6 .content_text{max-width: 32%;display: inline-block;}
#box-6 .content_text .title p{font-size: 30px;color: #804E21;font-weight: bold;line-height: 1.9;}
#box-6 .content_text .title span{color: #CE3927;}
#box-6 .content_text .desc{min-height: 150px;display: flex;align-items: flex-end;}
#box-6 .content_text .desc p{font-size: 18px;color: #804E21;font-weight: bold;line-height: 1.7;}
#box-6 .item:nth-child(2n) .desc{margin-top: 35px;}
#box-6 .content_text .tb{display: flex;flex-wrap: wrap;margin: 15px -10px 0 -10px;}
#box-6 .content_text .tb .img{width: 6.2vw;padding: 10px;max-width: 100px;}
#box-6 .content_img{width: 67.5%;}


#box-7{padding-bottom:130px;}
#box-7 .pub_title .span1 span:nth-child(1)::after{opacity: 0;}
#box-7 .pub_title span:nth-child(3)::after {opacity: 1;left: 100%;}
#box-7 #slide{margin-top: 30px;}
#box-7 li{width: 23%;padding:25px;}
#box-7 li .img{border-radius: 12px;box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.15);overflow: hidden;}



@media (min-width:850px){
	#box-3 .box1{padding-bottom: 100px;padding-top: 20px;margin:0 -5px 0 -25px;}
	#box-3 .box1 ul{align-items: flex-end;}
	#box-3 .box1 li>div{transform: scale(0.82);transform-origin: bottom;padding: 0 10px;transition: 0.5s;}
	#box-3 .box1 li.swiper-slide-next+li{margin: 0 10px;}
	#box-3 .box1 li.swiper-slide-next+li>div{transform: scale(1);padding: 0 20px;}
}
@media (min-width:1199px) and (max-width:1500px){
	.ppsn_title p{font-size: 76px;}
	.ppsn_title p span:last-child::after {width: 60px;height: 60px;right: -15px;top: -20px;}
	#box-2 .img{margin-left: 0px;width: 100%;margin-top: 50px;}
	#box-5 .box1 .text{padding-top: 12px;}
	#box-6 .content_text .title p{font-size: 26px;}
	#box-6 .content_text .desc {min-height: 150px;}
	#box-6 .content_text .tb .img{width: 6.5vw;}
	#box-7 li{width: 28%;}
}
@media (min-width:1199px) and (max-width:1380px){
	#box-6 .content_text .title p{font-size: 24px;}
	#box-6 .content_text .desc {min-height: 130px;}
	#box-7 li{width: 30%;}
}
@media (min-width:767px) and (max-width:1199px){
	.ppsn_ftitle p{font-size: 38px}
	.ppsn_title p{font-size: 60px;}
	.ppsn_title p span:last-child::after {width: 50px;height: 50px;right: -13px;top: -18px;}
	
	#box-1 {padding-top: 70px;}
	#box-2 .ftitle span{font-size: 28px;}
	#box-2 .img{margin-left: 0px;width: 100%;margin-top: 50px;}
	
	#box-4 .box1{margin-top: 25px;}
	#box-4 .swiper-pagination{display: block!important;margin-top: 30px;}
	
	#box-5 {padding-top: 20px;padding-bottom: 50px;}
	#box-5 .box1 .img1{width: 65%;margin:55px auto 45px auto;max-width: 500px;}
	#box-5 .box1 .text{padding-top: 12px;font-size: 16px;}
	
	#box-6 .content_text {max-width: 34%;}
	#box-6 .content_text .title p{font-size: 20px;}
	#box-6 .content_text .desc {min-height: 100px;}
	#box-6 .content_text .desc p {font-size: 15px;}
	#box-6 .content_text .tb {margin: 10px -7px 0 -7px;}
	#box-6 .content_text .tb .img {width: 6.7vw;padding: 7px;}
	#box-6 .content_img {width: 65.5%;}
	
	#box-7{padding-bottom:100px;}
	#box-7 li{width: 33%;}
}
@media (min-width:850px) and (max-width:1199px){
	#box-3 .box1{padding-top: 10px;padding-bottom: 60px;}
	#box-3 .box1 li>div{transform: scale(0.82);padding: 0 5px;}
	#box-3 .box1 li.swiper-slide-next+li{margin: 0 10px;}
	#box-3 .box1 li.swiper-slide-next+li>div{padding: 0 13px;}
	
}
@media (max-width:850px){
	#box-3 .box1{margin: 0 -20px;}
	#box-3 .box1 ul{padding: 40px 0 20px 0;}
	#box-3 .box1 li{padding: 0 20px;}
	#box-3 .swiper-pagination,#box-4 .swiper-pagination{display: block!important;}
	
	#box-4 {padding-top: 80px;}
	#box-5 {padding-top: 0px;padding-bottom: 40px;}
	#box-5 .box1 .text{padding-top: 15px;}
	
	#box-6 .item .box1{flex-direction: column-reverse!important;}
	#box-6 .content_img{width: 100%;}
	#box-6 .content_text{width: 100%;max-width: 100%;text-align: center;margin-top: 25px;}
	#box-6 .content_text .title p {font-size: 24px;line-height: 1.8;}
	#box-6 .content_text .desc{min-height: auto;margin-top: 30px!important;}
	#box-6 .content_text .desc>div{width: 100%;}
	#box-6 .content_text .desc p {font-size: 16px;}
	#box-6 .content_text .tb{justify-content: center;margin: 10px -8px 0 -8px;}
	#box-6 .content_text .tb .img {width: 20%;padding: 8px;}
	
	#box-7 li{width: 38%;padding:20px;}
}
@media (max-width:767px){
	.ppsn_ftitle p{font-size: 28px}
	.ppsn_title p{font-size: 42px;line-height: 1.2;}
	.ppsn_title p span:last-child::after {width: 30px;height: 30px;right: -7px;top: -7px;}
	
	#box-1 {padding-top: 60px;}
	#box-1 .img{width: 100%;margin-top: 40px;}
	#box-2 {padding-top: 55px;}
	#box-2 .ftitle span{font-size: 22px;}
	#box-2 .img{margin-left: 0px;width: 100%;margin-top: 40px;}
	
	#box-3 {padding-top: 15px;}
	#box-3 .box1 {margin: 0 -15px;}
	#box-3 .box1 ul{padding: 40px 0 0px 0;}
	#box-3 .box1 li{padding: 0 15px;}
	
	#box-4 .box1 {margin: 10px -10px 0 -10px;}
	#box-4 .box1 li>div {padding: 15px 10px;}
	#box-4 .swiper-pagination {margin-top: 20px;}
	
	#box-5 {padding-top: 15px;padding-bottom: 25px;}
	#box-5 .box1 .img1 {width: 90%;margin: 40px auto 35px auto;}
	#box-5 .box1 .text {font-size: 15px;}
	
	#box-6{padding-bottom: 40px;}
	#box-6 .item {padding: 30px 0;}
	#box-6 .item .box1{margin-top: 35px;}
	#box-6 .content_text .title p {font-size: 18px;line-height: 1.8;}
	#box-6 .content_text .desc p {font-size: 15px;}
	
	#box-7 {padding-bottom: 70px;}
	#box-7 #slide{margin-top: 30px;}
	#box-7 li{width: 57%;padding:15px;}
	#box-7 li .img{border-radius:10px;box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.15);}
}