.bannerBox{position:relative;width:100%;height:600px;margin:0 auto;padding:0;}
.pcbannerItem{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-position:center;background-size:cover;-o-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-webkit-background-size:cover;}
.mobilebannerItem{display:none;width:100%;height:100%;position:absolute;top:0;left:0;background-position:center;background-size:cover;-o-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-webkit-background-size:cover;}
.bannerBox .title{position:absolute;width:32%;height:auto;top:27%;left:4%;color:#000000;}
.bannerBox .title p{margin-bottom:15px;margin-top:0;}
.bannerBox .title p.one{font-size:48px;font-weight:700;}
.bannerBox .title p.two{font-size:20px;line-height:40px;font-weight:600;}

.listBox{position:relative;width:86%;margin:60px auto 0;padding:0;display:flex;justify-content: space-between;flex-wrap:wrap;}
.listBox .item .bg{position:absolute;width:100%;height:100%;top:0;left:0;background:rgb(0,0,0,.4);}
.listBox .item{position:relative;width:28%;padding:0 0 15px 0;margin-bottom:70px;}
.listBox .item img{width:100%;height: auto;display:block;}
.listBox .item p{font-size:18px;}
.listBox .item a.more{text-decoration:none;font-size:14px;padding:6px 12px 6px 12px;;border:1px solid #cbcbcb;border-radius:15px;}
.listBox .item:hover .bg{display:none;}