#mian{height: 100%;background: url("../images/zdxm/zdxm-bg.jpg") no-repeat center center;background-size: 100% 100%;}
#box{padding:8.2% 6.5% 0px 6.5%;overflow-x:hidden;width: 87%;}
#Boxul{width:200%;height:100%;}
#Boxul li{float:left;height:100%;;}
#Boxul li.oneProject{width:22.5%;background-size:100% 100%;margin-left: -22.5%;position: relative;z-index:1;}
#Boxul li:first-child{margin-left:0px;}
#Boxul li.proOne{background: url("../images/zdxm/taoxichuan-pic.jpg");}
#Boxul li.proTwo{background: url("../images/zdxm/mingqingyao-pic.jpg");}
#Boxul li.proThree{background: url("../images/zdxm/luomaqiao-pic.jpg");}
#Boxul li.proFour{background: url("../images/zdxm/pengjialong-pic.jpg");}
#Boxul li.proFive{background: url("../images/zdxm/penghu-pic.jpg");}
#Boxul li.proSix{background: url("../images/zdxm/yishan-pic.jpg");}
#Boxul li.oneSplit{width:5.5%;}
#Boxul li.oneProject .bluebg{height:100%;background-color:#3837c3;opacity: 0;}
#Boxul li.oneProject .contain{height:100%;color: #fff;overflow: hidden;position: relative;top:-100%;}
#Boxul li.oneProject .contain li{float:none;height:auto;}
#Boxul li.oneProject .contain li.SmallName{font-size:18px;padding:5px; height:18px; line-height:100%;background:rgba(29,32,136,0.4)}
#Boxul li.oneProject .contain li.BigName{font-size:24px;padding:5px; height:24px; line-height:100%;text-align:center;margin-top:-15%;opacity: 0;position: relative;top:-28px;}
#Boxul li.oneProject .contain li.BigText{text-align:center;margin-top:115%;opacity: 0;position: relative;top:-62px;}
#Boxul li.oneProject .contain li.BigText img{width:77%;height:auto;}
#Boxul .oneProject{cursor: pointer}

@media screen and (max-width:1023px){
    #box{padding:15% 6.5% 0px 6.5%}
}

@media screen and (max-width:1130px){
    #box{padding:15% 6.5% 0px 6.5%}
}