#topic{
  position: relative;
}

/*智能排产*/
.possting{
  width: 13%;
  height:3.1%;
  /*background-color:rgba(0,0,0,0.5);*/
  z-index: 99;
}
.possting .possting_ceshi{
  width: 100%;
  height: 100%;
  /*background:rgba(255,255,102,0.5);*/
  /*linear-gradient(top, #000000 0%,#ffffff 100%)*/
}
.possting .possting_ceshi .possting_h4Nmae{
  color: #fff;
  font-size:10px;
  text-align: center;
  margin-top: 35px;
}
.possting .possting_ceshi .possting_ceshi_p{
  color: #fff;
  font-size: 1px;
  padding: 5px;
}
.possting .possting_h4{
  color: #fff;
  text-align: center;
  font-size: 15px;
  margin-top:128px;
  /*display: none;*/
}
.possting .possting_ceshi{
  display: none;
}
.possting:hover {
  background: rgba(255, 152, 0, 0.9);
}

.possting:hover .possting_ceshi{
  display: block;
}
.possting:hover .possting_h4{
  display: none;
}


.posstingBox1{
  position: absolute;
  left: 20%;
  top:19.6%;
}

.posstingBox2{
  position: absolute;
  left: 16.4%;
  top:22.74%;
}


.posstingBox3{
  position: absolute;
  left: 30.4%;
  top:22.74%;
}

.posstingBox4{
  position: absolute;
  left: 44.3%;
  top:22.73%;
}

.posstingBox5{
  position: absolute;
  left: 58.1%;
  top:22.74%;
}

.posstingBox6{
  position: absolute;
  left: 71.99%;
  top:22.74%;
}

.posstingBox7{
  position: absolute;
  left: 32%;
  top:19.76%;
}

.posstingBox8{
  position: absolute;
  left: 44%;
  top:19.6%;
}


.posstingBox9{
  position: absolute;
  left: 55.8%;
  top:19.6%;
}


.posstingBox10{
  position: absolute;
  left: 67.6%;
  top:19.6%;
}



/*<!--  智慧工厂产品应用架构 -->*/
.frameworkStyle{
  width: 18.7%;
  height:4.73%;
  /*background-color:rgba(0,0,0,0);*/
  z-index: 99;
}

.frameworkStyle .he_border1_caption{
  height:100%;
}


.frameworkStyle .possting_ceshi{
  width: 100%;
  height: 100%;
  /*background:rgba(255,255,102,0.5);*/
  /*linear-gradient(top, #000000 0%,#ffffff 100%)*/
}
.frameworkStyle .possting_ceshi .possting_h4Nmae{
  color: #000;
  font-size:20px;
  text-align: center;
  margin-top: 27px;
}
.frameworkStyle .possting_ceshi .possting_ceshi_p{
  color: #000;
  font-size: 3px;
  padding: 10px;
}
.frameworkStyle .possting_h4{
  color: #fff;
  text-align: center;
  font-size: 20px;
  margin-top:217px;
}

.frameworkStyle .possting_ceshi{
  display: none;
}
.frameworkStyle:hover {
  /*background-color:rgba(73,128,221,0.9);*/
}

.frameworkStyle:hover .possting_ceshi{
  display: block;
}
.frameworkStyle:hover .possting_h4{
  display: none;
}




.frameworkName{
  width: 15.9%;
  height:2.36%;
  /*background-color:rgba(0,0,0,0.5);*/
  z-index: 99;
}

.frameworkName .he_border1_caption{
  height:100%;
}


.frameworkName .possting_ceshi{
  width: 100%;
  height: 100%;
  /*background:rgba(255,255,102,0.5);*/
  /*linear-gradient(top, #000000 0%,#ffffff 100%)*/
}
.frameworkName .possting_ceshi .possting_h4Nmae{
  color: #000;
  font-size:10px;
  text-align: center;
  margin-top: 19px;
}
.frameworkName .possting_ceshi .possting_ceshi_p{
  color: #000;
  font-size: 1px;
  padding: 5px;
}
.frameworkName .possting_h4{
  color: #fff;
  text-align: center;
  font-size: 15px;
  margin-top:100px;
  /*display: none;*/
}

.frameworkName .possting_ceshi{
  display: none;
}
.frameworkName:hover {
  /*background-color:rgba(73,128,221,0.9);*/
}

.frameworkName:hover .possting_ceshi{
  display: block;
}
.frameworkName:hover .possting_h4{
  display: none;
}

.framework1{
  position: absolute;
  left: 15.5%;
  top:7.3%;
}

.framework2{
  position: absolute;
  left: 35.7%;
  top:7.3%;
}


.framework3{
  position: absolute;
  left: 52.4%;
  top:7.3%;
}

.framework4{
  position: absolute;
  left: 69.1%;
  top:7.3%;
}

.framework5{
  position: absolute;
  left: 35.7%;
  top:9.64%;
}

.framework6{
  position: absolute;
  left: 52.4%;
  top:9.65%;
}


.framework7{
  position: absolute;
  left: 69.1%;
  top:9.65%;
}


/*制造执行*/
.implementName{
  width: 10.9%;
  height:2.6%;
  /*background-color:rgba(0,0,0,0.5);*/
  z-index: 99;
}
.implementName .possting_ceshi{
  width: 100%;
  height: 100%;
  /*background:rgba(255,255,102,0.5);*/
  /*linear-gradient(top, #000000 0%,#ffffff 100%)*/
}
.implementName .possting_ceshi .possting_h4Nmae{
  color: #fff;
  font-size:10px;
  text-align: center;
  margin-top: 35px;
}
.implementName .possting_ceshi .possting_ceshi_p{
  color: #fff;
  font-size: 1px;
  padding: 5px;
}
.implementName .possting_h4{
  color: #fff;
  text-align: center;
  font-size: 10px;
  margin-top:100px;
  /*display: none;*/
}

.implementName .possting_ceshi{
  display: none;
}
.implementName:hover {
  background: rgba(255, 152, 0, 0.9);
}

.implementName:hover .possting_ceshi{
  display: block;
}
.implementName:hover .possting_h4{
  display: none;
}

.implementName1{
  position: absolute;
  left: 16.2%;
  top:38.06%;
}

.implementName2{
  position: absolute;
  left: 28.1%;
  top:38.06%;
}

.implementName3{
  position: absolute;
  left: 39.7%;
  top:38.06%;
}

.implementName4{
  position: absolute;
  left: 51.3%;
  top:38.06%;
}

.implementName5{
  position: absolute;
  left: 62.7%;
  top:38.06%;
}

.implementName6{
  position: absolute;
  left: 74.4%;
  top:38.06%;
}

.implementName7{
  position: absolute;
  left: 20.8%;
  top:33.18%;
}

.implementName8{
  position: absolute;
  left: 30.6%;
  top:33.18%;
}

.implementName9{
  position: absolute;
  left: 40.4%;
  top:33.18%;
}

.implementName10{
  position: absolute;
  left: 50%;
  top:33.18%;
}


.implementName11{
  position: absolute;
  left: 59.8%;
  top:33.18%;
}


.implementName12{
  position: absolute;
  left: 69.4%;
  top:33.18%;
}




/*智能可视化*/
.visualizationName{
  width: 16.4%;
  height:3.5%;
  /*background-color:rgba(0,0,0,0.5);*/
  z-index: 99;
}
.visualizationName .possting_ceshi{
  width: 100%;
  height: 100%;
  /*background:rgba(255,255,102,0.5);*/
  /*linear-gradient(top, #000000 0%,#ffffff 100%)*/
}
.visualizationName .possting_ceshi .possting_h4Nmae{
  color: #fff;
  font-size:10px;
  text-align: center;
  margin-top: 55px;
}
.visualizationName .possting_ceshi .possting_ceshi_p{
  color: #fff;
  font-size: 1px;
  padding: 5px;
}
.visualizationName .possting_h4{
  color: #fff;
  text-align: center;
  font-size: 10px;
  margin-top:123px;
  /*display: none;*/
}

.visualizationName .possting_ceshi{
  display: none;
}
.visualizationName:hover {
  background: rgba(255, 152, 0, 0.9);
}

.visualizationName:hover .possting_ceshi{
  display: block;
}
.visualizationName:hover .possting_h4{
  display: none;
}


.visualizationName1{
  position: absolute;
  left: 15.7%;
  top:51.95%;
}

.visualizationName2{
  position: absolute;
  left: 33.2%;
  top:51.95%;
}

.visualizationName3{
  position: absolute;
  left: 50.7%;
  top:51.95%;
}

.visualizationName4{
  position: absolute;
  left: 68.3%;
  top:51.95%;
}

.visualizationName5{
  position: absolute;
  left: 22.5%;
  top:52.3%;
}

.visualizationName6{
  position: absolute;
  left: 36.3%;
  top:52.3%;
}

.visualizationName7{
  position: absolute;
  left: 49.8%;
  top:52.3%;
}

.visualizationName8{
  position: absolute;
  left: 63.5%;
  top:52.3%;
}






/*工业大数据*/
.bigDataNameBox{
  width: 11.25%;
  height:3.35%;
  /*background-color:rgba(0,0,0,0.5);*/
  z-index: 99;
}
.bigDataNameBox .possting_ceshi{
  width: 100%;
  height: 100%;
  /*background:rgba(255,255,102,0.5);*/
  /*linear-gradient(top, #000000 0%,#ffffff 100%)*/
}
.bigDataNameBox .possting_ceshi .possting_h4Nmae{
  color: #fff;
  font-size:10px;
  text-align: center;
  margin-top: 55px;
}
.bigDataNameBox .possting_ceshi .possting_ceshi_p{
  color: #fff;
  font-size: 1px;
  padding: 5px;
}
.bigDataNameBox .possting_h4{
  color: #fff;
  text-align: center;
  font-size: 10px;
  margin-top:123px;
  /*display: none;*/
}

.bigDataNameBox .possting_ceshi{
  display: none;
}
.bigDataNameBox:hover {
  background: rgba(255, 152, 0, 0.9);
}

.bigDataNameBox:hover .possting_ceshi{
  display: block;
}
.bigDataNameBox:hover .possting_h4{
  display: none;
}

.bigDataBox1{
  position: absolute;
  left: 15%;
  top:66.3%;
}

.bigDataBox2{
  position: absolute;
  left: 26.9%;
  top:66.3%;
}

.bigDataBox3{
  position: absolute;
  left: 38.7%;
  top:66.3%;
}

.bigDataBox4{
  position: absolute;
  left: 50.4%;
  top:66.3%;
}

.bigDataBox5{
  position: absolute;
  left: 61.9%;
  top:66.3%;
}

.bigDataBox6{
  position: absolute;
  left: 73.6%;
  top:66.3%;
}

.bigDataBox7{
  position: absolute;
  left: 20.8%;
  top:65.52%;
}

.bigDataBox8{
  position: absolute;
  left: 30.6%;
  top:65.52%;
}

.bigDataBox9{
  position: absolute;
  left: 40.4%;
  top:65.52%;
}

.bigDataBox10{
  position: absolute;
  left: 50%;
  top:65.52%;
}


.bigDataBox11{
  position: absolute;
  left: 59.8%;
  top:65.52%;
}


.bigDataBox12{
  position: absolute;
  left: 69.4%;
  top:65.52%;
}




/*质量追溯*/
.traceBackToName{
  width: 13.3%;
  height:3.56%;
  /*background-color:rgba(0,0,0,0.5);*/
  z-index: 99;
}
.traceBackToName .possting_ceshi{
  width: 100%;
  height: 100%;
  /*background:rgba(255,255,102,0.5);*/
  /*linear-gradient(top, #000000 0%,#ffffff 100%)*/
}
.traceBackToName .possting_ceshi .possting_h4Nmae{
  color: #fff;
  font-size:10px;
  text-align: center;
  margin-top: 55px;
}
.traceBackToName .possting_ceshi .possting_ceshi_p{
  color: #fff;
  font-size: 1px;
  padding: 5px;
}
.traceBackToName .possting_h4{
  color: #fff;
  text-align: center;
  font-size: 15px;
  margin-top:128px;
  /*display: none;*/
}
.traceBackToName .possting_ceshi{
  display: none;
}
.traceBackToName:hover {
  background: rgba(255, 152, 0, 0.9);
}

.traceBackToName:hover .possting_ceshi{
  display: block;
}
.traceBackToName:hover .possting_h4{
  display: none;
}


.traceBackTobox1{
  position: absolute;
  left: 15.8%;
  top:79.53%;
}

.traceBackTobox2{
  position: absolute;
  left: 29.9%;
  top:79.53%;
}


.traceBackTobox3{
  position: absolute;
  left: 43.7%;
  top:79.53%;
}

.traceBackTobox4{
  position: absolute;
  left: 57.7%;
  top:79.53%;
}

.traceBackTobox5{
  position: absolute;
  left: 71.5%;
  top:79.53%;
}

.traceBackTobox6{
  position: absolute;
  left: 21%;
  top:82.56%;
}

.traceBackTobox7{
  position: absolute;
  left: 32.5%;
  top:82.56%;
}

.traceBackTobox8{
  position: absolute;
  left: 44%;
  top:82.56%;
}


.traceBackTobox9{
  position: absolute;
  left: 55.8%;
  top:82.56%;
}


.traceBackTobox10{
  position: absolute;
  left: 67.6%;
  top:82.56%;
}







/*工业数据采集*/
.collectionNameBox{
  width: 16.5%;
  height:3.6%;
  /*background-color:rgba(0,0,0,0.5);*/
  z-index: 99;
}
.collectionNameBox .possting_ceshi{
  width: 100%;
  height: 100%;
  /*background:rgba(255,255,102,0.5);*/
  /*linear-gradient(top, #000000 0%,#ffffff 100%)*/
}
.collectionNameBox .possting_ceshi .possting_h4Nmae{
  color: #fff;
  font-size:10px;
  text-align: center;
  margin-top: 55px;
}
.collectionNameBox .possting_ceshi .possting_ceshi_p{
  color: #fff;
  font-size: 1px;
  padding: 5px;
}
.collectionNameBox .possting_h4{
  color: #fff;
  text-align: center;
  font-size: 10px;
  margin-top:123px;
  /*display: none;*/
}

.collectionNameBox .possting_ceshi{
  display: none;
}
.collectionNameBox:hover {
  background: rgba(255, 152, 0, 0.9);
}

.collectionNameBox:hover .possting_ceshi{
  display: block;
}
.collectionNameBox:hover .possting_h4{
  display: none;
}


.collectionBox1{
  position: absolute;
  left: 15.6%;
  top:94.27%;
}

.collectionBox2{
  position: absolute;
  left: 33%;
  top:94.27%;
}

.collectionBox3{
  position: absolute;
  left: 50.6%;
  top:94.27%;
}

.collectionBox4{
  position: absolute;
  left: 68.1%;
  top:94.27%;
}

.collectionBox5{
  position: absolute;
  left: 23.1%;
  top:95.16%;
}

.collectionBox6{
  position: absolute;
  left: 36.7%;
  top:95.16%;
}

.collectionBox7{
  position: absolute;
  left: 50.4%;
  top:95.16%;
}

.collectionBox8{
  position: absolute;
  left: 64%;
  top:95.16%;
}