.d3-model {padding:100px 0 20px 0;background: url("../images/duphx.jpg") left top repeat;}

.d3-model .d3_tit{ text-align:center; }

.d3-model .d3_tit h3 {font-size:48px;color:#fff;text-align:center; margin-bottom:35px; padding-top:10px; }



.d3-model .d3_tit p {line-height:32px;font-size:18px;width:100%;color:#fff;text-align:center;overflow:hidden;margin-top:10px;}

.d3-model .d3-content {width:80%;height:700px; margin:30px auto; background: url("../images/3d_bg.png") center 85% no-repeat;-webkit-background-size:100% auto;background-size:100% auto;position:relative;}

.d3-model .v3d-panel {width:100%; height:700px;position:relative;top:0;z-index:2;}

.d3-model .v3d-panel canvas {-webkit-transform:translate(-50%,-50%) scale(1,0.9) !important;-moz-transform:translate(-50%,-50%) scale(1,0.9) !important;-ms-transform:translate(-50%,-50%) scale(1,0.9) !important;-o-transform:translate(-50%,-50%) scale(1,0.9) !important;transform:translate(-50%,-50%) scale(1,0.9) !important;}

.d3-model .wrap .d3-content .v3d-panel canvas { position: absolute;/* left: 50%; */ top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.d3-model ul{ width:100%; overflow:hidden; margin-top:60px;}

.d3-model li{ width:22%; margin:0 1.5% 40px; float:left;}

.d3-model li .pic {background:url(../images/pros_bg.jpg) center top no-repeat; background-size:contain; display:inline-block; padding:8%; }

.d3-model li .pic:hover img {filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7}

.d3-model li h4 {text-align:center; padding:0; font-size:16px;}

.d3-model li h4 a{color:#fff; display:block}

.d3-model li h4 a:hover{ color:#fff;}