.pro-1 .p1,.pro-1 .p2{padding: .5rem 0;}
.pro-1 .tt{text-align: center;color: #333;font-size: 24px;}
.pro-1 .desc{color: #bbb;line-height: 30px;padding-top: 10px;font-weight: lighter;text-align: center;font-size: .15rem;margin: 0 0 2em;}

.pro-1 .p1 .ppp1{float:left; width:25%;  height:283px; background: url(../images/pppl1.jpg) center center/cover no-repeat local; border-radius:15px 0px 0px 15px;}
.pro-1 .p1 .ppp2{float:left; width:25%;  height:283px; background: url(../images/ppp2.jpg) center center/cover no-repeat local;}
.pro-1 .p1 .ppp3{float:left; width:25%;  height:283px; background: url(../images/ppp3.jpg) center center/cover no-repeat local;}
.pro-1 .p1 .ppp4{float:left; width:25%;  height:283px; background: url(../images/ppp4.jpg) center center/cover no-repeat local;border-radius:0px 15px 15px 0px;}
.pro-1 .p1 .ppp1:hover{float:left; width:25%;  height:283px; background: url(../images/ppp1.jpg) center center/cover no-repeat local;}
.pro-1 .p1 .ppp2:hover{float:left; width:25%;  height:283px; background: url(../images/pppl2.jpg) center center/cover no-repeat local;}
.pro-1 .p1 .ppp3:hover{float:left; width:25%;  height:283px; background: url(../images/pppl3.jpg) center center/cover no-repeat local;}
.pro-1 .p1 .ppp4:hover{float:left; width:25%;  height:283px; background: url(../images/pppl4.jpg) center center/cover no-repeat local;}
.pro-1 .p1 .ppppt {color:#fff; height:82px; text-align:center; font-size:20px; line-height:340px; font-weight:bold;  display:block;}
.pro-1 .p1 .pppp {color:#fff; height:82px; text-align:center; font-size:14px; line-height:40px; padding-top:100px; font-weight:lighter; display:block;}
.pro-1 .p2{background-color:#f8f8f8;}

.pro-1 .p2 .con>div{margin-bottom: .4rem;}
.pro-1 .p2 .con>div::after{content: '';display: table;clear: both;}
.pro-1 .p2 .con>div>span{width: 50%;}
.pro-1 .p2 .con>div>span h4{font-size: 20px;color: #11a84e;padding-bottom: 20px;}
.pro-1 .p2 .con>div>span .nrc span{color: #11a84e;font-family: 微软雅黑, sans-serif;font-size: 20px;font-weight: 700;background-color: rgb(248, 248, 248);}
.pro-1 .p2 .con>div>span .nrc{font-size: 15px;line-height: 30px;}
.pro-1 .p2 .con>div .pp{width: 45%;}
.pro-1 .p2 .con>div .pp img{max-width: 100%;}
.pro-1 .p2 .con>div:nth-child(odd)>span{float: left;}
.pro-1 .p2 .con>div:nth-child(odd)>.pp{float: right;}
.pro-1 .p2 .con>div:nth-child(even)>span{float: right;}
.pro-1 .p2 .con>div:nth-child(even)>.pp{float: left;}

@media( max-width:500px ){

	.pro-1 .p1 .ppp1{float:left;width:50%;height:283px;}
	.pro-1 .p1 .ppp2{float:left; width:50%;  height:283px;}
	.pro-1 .p1 .ppp3{float:left; width:50%;  height:283px;}
	.pro-1 .p1 .ppp4{float:left; width:50%;  height:283px;border-radius:0px 15px 15px 0px;}

    .pro-1 .p2 .con{padding:2%}
    .pro-1 .p2 .con>div:nth-child(odd)>span{float: none;}
    .pro-1 .p2 .con>div:nth-child(odd)>.pp{float: none;}
    .pro-1 .p2 .con>div:nth-child(even)>span{float: none;}
    .pro-1 .p2 .con>div:nth-child(even)>.pp{float: none;}
    .pro-1 .p2 .con>div .pp{width: 100%;}
}