@charset 'utf-8';

.content{max-width: 1500px;margin:0 auto 8%;}
.one{position: relative;margin:5%;}
.pic{width: 32%;display: inline-block;position: relative; margin:1% 0.5%;overflow: hidden;}
.w-1{font-size: 20px;font-family: "arial";width:100%;height:50px;color: #dcdcdc;position: absolute;bottom:0;opacity: 0.8;display: none;}
.w-1 p{line-height: 50px;text-align: center;}
.pic:hover .w-1{display:block;}
.block{height: 100px;width: 100%;}
.pic>a>img{width: 100%;transition:all 2.5s;}
@media only screen and (max-width: 1300px){
    .w-1{font-size: 16px;font-family: "arial";color: #dcdcdc;position: absolute;bottom:0;}
    .w-1 p{line-height: 50px;text-align: center;}

}

@media only screen and (max-width: 1200px){
    .w-1{font-size: 16px;font-family: "arial";color: #dcdcdc;position: absolute;bottom:0;}
    .w-1 p{line-height: 50px;text-align: center;}
    .pb-content{max-width: 800px;margin: 0 auto;}
}

@media only screen and (max-width: 1000px){
    .pb-content{max-width: 800px;margin:0 auto;}
    .pb-pic{width: 45%;display: inline-block;margin:0 2% 3% 2%;position: relative;}
    .pb-pic img{width: 100%;} 
    .pb-w-1{width: 100%;height: 50px;text-align: center;position: absolute;bottom:0;opacity: 0.8;}
    .pb-w-1 p{line-height: 50px;font-size: 20px;font-family: "arial";color: #dcdcdc;text-align: center;}  
    }
@media only screen and (max-width:800px){
    .pb-content{max-width: 800px;margin:0 auto;}
    .pb-pic{width: 45%;display: inline-block;margin:0;position: relative;}
    .pb-pic img{width: 100%;} 
    .pb-w-1{width: 100%;height: 50px;text-align: center;position: absolute;bottom:0;opacity: 0.8;}
    .pb-w-1 p{line-height: 50px;font-size: 20px;font-family: "arial";color: #dcdcdc;text-align: center;}  
    .pb-l-pic{margin: 0 0 5% 4%;}
    .pb-r-pic{margin: 0 4% 5% 0;}
}
 @media (max-width:760px) {
    .p-one-pic{position: relative;}
    .p-pic{display: inline-block;position: relative; margin:0 16% 5%;}
    .p-w-1{font-size: 16px;font-family: "arial";color: #dcdcdc;position: absolute;bottom:0;background: #000;opacity: 0.8;display: block;height: 50px;width: 100%;line-height: 50px;text-align: center;}
} 
@media (max-width:500px) {
    .p-one-pic{position: relative;}
    .p-pic{display: inline-block;position: relative; margin:0 5% 5%;}
    .p-w-1{font-size: 16px;font-family: "arial";color: #dcdcdc;position: absolute;bottom:0;background: #000;opacity: 0.8;display: block;height: 50px;width: 100%;line-height: 50px;text-align: center;}
}