.dynamicbox{background-color:#e2e2e2;height:650px}.dynamicbox>.dynamic{position:relative;margin:0 auto;width:1245px;height:575px}.dynamicbox>.dynamic>.item{position:absolute;width:300px;height:180px;border-radius:10px;overflow:hidden;-webkit-perspective:180px;-moz-perspective:180px}.dynamicbox>.dynamic>.item>div{position:absolute;top:0;left:0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.dynamicbox>.dynamic>.item>.boxo{display:block;height:100%;width:100%;background-color:#fff;position:relative}.dynamicbox>.dynamic>.item>.boxo>.oimg{position:absolute;top:40px;left:40px;width:100px;height:100px;background-image:url(../images/dynamic_1.png)}.dynamicbox>.dynamic>.item>.boxo>.text{padding-left:160px;font-size:23px;font-weight:700;line-height:180px;height:180px}.dynamicbox>.dynamic>.item>.boxt{position:absolute;display:block;background-color:#fff;height:100%;width:300px}.dynamicbox>.dynamic>.item>.boxt>.text{padding:10px;height:160px;width:280px;font-size:14px;line-height:22px;text-align:center;display:table;vertical-align:middle;display:table-cell}.dynamicbox>.dynamic>.item>.boxs{display:none;z-index:0;height:100%;width:100%;text-align:center;line-height:180px;font-size:23px;color:#fff;font-weight:700}.dynamicbox>.dynamic>.item:nth-of-type(1){top:40px;left:0}.dynamicbox>.dynamic>.item:nth-of-type(1)>.boxo>.oimg{background-image:url(../images/dynamic_1.png)}.dynamicbox>.dynamic>.item:nth-of-type(1)>.boxs{background-image:url(../images/dynamic_bg_1.png)}.dynamicbox>.dynamic>.item:nth-of-type(2){top:40px;left:315px}.dynamicbox>.dynamic>.item:nth-of-type(2)>.boxo>.oimg{background-image:url(../images/dynamic_2.png)}.dynamicbox>.dynamic>.item:nth-of-type(2)>.boxs{background-image:url(../images/dynamic_bg_2.png)}.dynamicbox>.dynamic>.item:nth-of-type(3){top:40px;left:630px}.dynamicbox>.dynamic>.item:nth-of-type(3)>.boxo>.oimg{background-image:url(../images/dynamic_3.png)}.dynamicbox>.dynamic>.item:nth-of-type(3)>.boxs{background-image:url(../images/dynamic_bg_3.png)}.dynamicbox>.dynamic>.item:nth-of-type(4){top:40px;left:945px}.dynamicbox>.dynamic>.item:nth-of-type(4)>.boxo>.oimg{background-image:url(../images/dynamic_4.png)}.dynamicbox>.dynamic>.item:nth-of-type(4)>.boxs{background-image:url(../images/dynamic_bg_4.png)}.dynamicbox>.dynamic>.item:nth-of-type(5){top:235px;left:0}.dynamicbox>.dynamic>.item:nth-of-type(5)>.boxo>.oimg{background-image:url(../images/dynamic_5.png)}.dynamicbox>.dynamic>.item:nth-of-type(5)>.boxs{background-image:url(../images/dynamic_bg_5.png)}.dynamicbox>.dynamic>.item:nth-of-type(6){top:235px;left:315px}.dynamicbox>.dynamic>.item:nth-of-type(6)>.boxo>.oimg{background-image:url(../images/dynamic_6.png)}.dynamicbox>.dynamic>.item:nth-of-type(6)>.boxs{background-image:url(../images/dynamic_bg_6.png)}.dynamicbox>.dynamic>.item:nth-of-type(7){top:235px;left:630px}.dynamicbox>.dynamic>.item:nth-of-type(7)>.boxo>.oimg{background-image:url(../images/dynamic_7.png)}.dynamicbox>.dynamic>.item:nth-of-type(7)>.boxs{background-image:url(../images/dynamic_bg_7.png)}.dynamicbox>.dynamic>.item:nth-of-type(8){top:235px;left:945px}.dynamicbox>.dynamic>.item:nth-of-type(8)>.boxo>.oimg{background-image:url(../images/dynamic_8.png)}.dynamicbox>.dynamic>.item:nth-of-type(8)>.boxs{background-image:url(../images/dynamic_bg_8.png)}.dynamicbox>.dynamic>.item:nth-of-type(9){top:430px;left:0}.dynamicbox>.dynamic>.item:nth-of-type(9)>.boxo>.oimg{background-image:url(../images/dynamic_9.png)}.dynamicbox>.dynamic>.item:nth-of-type(9)>.boxs{background-image:url(../images/dynamic_bg_9.png)}.dynamicbox>.dynamic>.item:nth-of-type(10){top:430px;left:315px}.dynamicbox>.dynamic>.item:nth-of-type(10)>.boxo>.oimg{background-image:url(../images/dynamic_10.png)}.dynamicbox>.dynamic>.item:nth-of-type(10)>.boxs{background-image:url(../images/dynamic_bg_10.png)}.dynamicbox>.dynamic>.item:nth-of-type(11){top:430px;left:630px}.dynamicbox>.dynamic>.item:nth-of-type(11)>.boxo>.oimg{background-image:url(../images/dynamic_11.png)}.dynamicbox>.dynamic>.item:nth-of-type(11)>.boxs{background-image:url(../images/dynamic_bg_11.png)}.dynamicbox>.dynamic>.item:nth-of-type(12){top:430px;left:945px}.dynamicbox>.dynamic>.item:nth-of-type(12)>.boxo>.text{padding:0;text-align:center}.dynamicbox>.dynamic>.item:nth-of-type(12)>.boxs{background-color:#fff;color:#000}.dynamicbox>.dynamic>.item:hover>.boxo{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg)}.dynamicbox>.dynamic>.item:hover>.boxt{-webkit-transform:rotateY(0);-moz-transform:rotateY(0)}.dynamicbox>.dynamic>.item>.boxo{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);z-index:2}.dynamicbox>.dynamic>.item>.boxt{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);z-index:1}.dynamicbox.internet>.dynamic>.item:nth-of-type(10)>.boxs,.dynamicbox.internet>.dynamic>.item:nth-of-type(2)>.boxs,.dynamicbox.internet>.dynamic>.item:nth-of-type(4)>.boxs,.dynamicbox.internet>.dynamic>.item:nth-of-type(5)>.boxs,.dynamicbox.internet>.dynamic>.item:nth-of-type(7)>.boxs{display:block;z-index:3}.dynamicbox.iot>.dynamic>.item:nth-of-type(1)>.boxs,.dynamicbox.iot>.dynamic>.item:nth-of-type(11)>.boxs,.dynamicbox.iot>.dynamic>.item:nth-of-type(3)>.boxs,.dynamicbox.iot>.dynamic>.item:nth-of-type(6)>.boxs,.dynamicbox.iot>.dynamic>.item:nth-of-type(8)>.boxs,.dynamicbox.iot>.dynamic>.item:nth-of-type(9)>.boxs{display:block;z-index:3}