
.pcList{float: left;width: 100%; height: auto;}

.pcListbox{width: 1100px;height: 400px;margin: 0 auto 20px auto;background-position: center; background-repeat: no-repeat;background-size: 100%;position: relative;}

.pcListbox:nth-child(1){background-image: url(../img/Product/pcimg1.jpg);}
.pcListbox:nth-child(2){background-image: url(../img/Product/pcimg2.jpg);}
.pcListbox:nth-child(3){background-image: url(../img/Product/pcimg3.jpg);}
.pcListbox:nth-child(4){background-image: url(../img/Product/pcimg5.jpg);}
.pcListbox:nth-child(5){background-image: url(../img/Product/pcimg6.jpg);}
.pcListbox:nth-child(6){background-image: url(../img/Product/pcimg4.jpg);}

.pcListbox li{float: left;height: 100%;}

.pcListbox:nth-child(1) li:nth-child(1){width: 596px;}
.pcListbox:nth-child(1) li:nth-child(1) span:nth-child(1){margin-left: 214px;}
.pcListbox:nth-child(1) li:nth-child(2){width: 200px;}
.pcListbox:nth-child(1) li:nth-child(3){width: 304px;}
.pcListbox:nth-child(1) li:nth-child(4){left: 573px;}

.pcListbox:nth-child(2) li:nth-child(1){width: 530px;}
.pcListbox:nth-child(2) li:nth-child(1) span:nth-child(1){margin-left: 181px;}
.pcListbox:nth-child(2) li:nth-child(2){width: 200px;}
.pcListbox:nth-child(2) li:nth-child(3){width: 370px;}
.pcListbox:nth-child(2) li:nth-child(4){left: 505px;}


.pcListbox:nth-child(3) li:nth-child(1){width: 580px;}
.pcListbox:nth-child(3) li:nth-child(1) span:nth-child(1){margin-left: 206px;}
.pcListbox:nth-child(3) li:nth-child(2){width: 200px;}
.pcListbox:nth-child(3) li:nth-child(3){width: 320px;}
.pcListbox:nth-child(3) li:nth-child(4){left: 555px;}


.pcListbox:nth-child(4) li:nth-child(1){width: 500px;}
.pcListbox:nth-child(4) li:nth-child(1) span:nth-child(1){margin-left: 166px;}
.pcListbox:nth-child(4) li:nth-child(2){width: 200px;}
.pcListbox:nth-child(4) li:nth-child(3){width: 400px;}
.pcListbox:nth-child(4) li:nth-child(4){left: 475px;}


.pcListbox:nth-child(5) li:nth-child(1){width: 580px;}
.pcListbox:nth-child(5) li:nth-child(1) span:nth-child(1){margin-left: 206px;}
.pcListbox:nth-child(5) li:nth-child(2){width: 200px;}
.pcListbox:nth-child(5) li:nth-child(3){width: 320px;}
.pcListbox:nth-child(5) li:nth-child(4){left: 555px;}



.pcListbox:nth-child(6) li:nth-child(1){width: 530px;}
.pcListbox:nth-child(6) li:nth-child(1) span:nth-child(1){margin-left: 181px;}
.pcListbox:nth-child(6) li:nth-child(2){width: 200px;}
.pcListbox:nth-child(6) li:nth-child(3){width: 370px;}
.pcListbox:nth-child(6) li:nth-child(4){left: 505px;}


.pcListbox li:nth-child(1){background: rgba(0,0,0,0.5);opacity: 0;transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}

.pcListbox:hover li:nth-child(1){opacity: 1;transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}

.pcListbox li:nth-child(1) a{display: block;width: 100%;height: 100%;}
.pcListbox li:nth-child(1) span{display: block;float: left;height: px;font-size: 20px;color: #FFFFFF;font-family: "microsoft yahei";letter-spacing: 1px;line-height: 32px;margin-top: 184px;}
.pcListbox li:nth-child(1) span:nth-child(1){margin-right: 10px;}

.pcListbox li:nth-child(3){background: rgba(255,255,255,0.6);}

.pcListbox li:nth-child(4){width: 50px;height:50px;position: absolute;bottom: 30px;z-index: 99;}

.pcListbox li:nth-child(2) p{letter-spacing: 1px;padding-left: 22px;}
.pcListbox li:nth-child(2) p:nth-child(1){font-size: 30px;color: #FFFFFF;margin-top: 140px;font-family: "microsoft yahei";}
.pcListbox li:nth-child(2) p:nth-child(2){font-size: 14px;color: #fff;margin-top: 10px;font-family: arial;}


.pcListbox:nth-child(1) li:nth-child(2){background: rgba(249,69,69,0.8);}
.pcListbox:nth-child(2) li:nth-child(2){background: rgba(119,124,145,0.8);}
.pcListbox:nth-child(3) li:nth-child(2){background: rgba(96,173,88,0.8);}
.pcListbox:nth-child(4) li:nth-child(2){background: rgba(190,186,72,0.8);}
.pcListbox:nth-child(5) li:nth-child(2){background: rgba(112,111,85,0.8);}
.pcListbox:nth-child(6) li:nth-child(2){background: rgba(190,186,72,0.8);}



