.home .bom_wr{height:210px;}
.home .bom_wr .w1200{height:100%; position:relative;}
.home .bom_wr .a1{position:absolute; left:0; top:0; height:100%; width:250px;}
.home .bom_wr .box{
   padding: 84px 0 0 30px;
   position:absolute;
   top:0;
   height:210px;
   overflow:hidden;
   -webkit-transition: all .3s;
   -moz-transition: all .3s;
   -ms-transition: all .3s;
   -o-transition: all .3s;
   transition: all .3s;
   }
.home .bom_wr .box .h1_en{font-size: 24px; font-family: "RUBIK-REGULAR-WEBFONT"; line-height: 22px; margin-bottom: 8px; color:#fff; opacity:.5; filter:alpha(opacity=50); letter-spacing: -1px;}
.home .bom_wr .box .h1_cn{font-size: 18px;line-height: 24px;font-weight: bold;margin-bottom: 5px;}
.home .bom_wr .box1{z-index: 1;width:720px;padding-left: 500px;left:-500px;background: url(/img/i_bom_box1_2.jpg) no-repeat;}
.home .bom_wr .box i{filter:alpha(opacity=0);}
.home .bom_wr .box1 .hid{position:absolute;left: 500px;top: 165px;font-size: 14px;max-width:250px;line-height: 18px;color: #fff;opacity:0;filter:alpha(opacity=0);}
.home .bom_wr .box1 .hid i{display: block; position: absolute; right: -30px; top: 2px; width: 19px; height: 14px; background: url(../images/i_it_icon2.png) no-repeat center;}
.home .bom_wr .box2 .hid{position:absolute;left:30px;top: 165px;font-size: 14px;width:330px;line-height: 18px;color:#fff;opacity:0;filter:alpha(opacity=0);}
.home .bom_wr .box2 .hid i{display: block; position: absolute; right: -30px; top: 2px; width: 19px; height: 14px; background: url(../images/i_it_icon2.png) no-repeat center;}
.home .bom_wr .box3 .hid{position:absolute;left:30px;top: 165px;font-size: 14px;width:100px;line-height: 18px;color: #ffffff;opacity:0;filter:alpha(opacity=0);}
.home .bom_wr .box3 .hid i{display: block; position: absolute; right: -30px; top: 2px; width: 19px; height: 14px; background: url(../images/i_it_icon2.png) no-repeat center;}
.home .bom_wr .box2{z-index: 3;width:240px;left:700px;background: url(/img/i_bom_box3_2.jpg) no-repeat;}
.home .bom_wr .box3{z-index: 2;width:480px;left:220px;background: url(/img/zhongtian_dwt.jpg) no-repeat;}
.home .bom_wr .box4{z-index: 4;width:760px;right:-500px;background: url(/img/i_bom_box4.jpg) no-repeat;}
.home .bom_wr .box1:hover{width:960px;}
.home .bom_wr .box2:hover{left:460px; width:480px;}
.home .bom_wr .box4:hover{width:1000px;}
.home .bom_wr .box1 .h1_cn{color: #ffffff;}
.home .bom_wr .box2 .h1_cn{color:#fff; }
.home .bom_wr .box3 .h1_cn{color: #ffffff;}
.home .bom_wr .box1 .h1_en{color: #ffffff;}
.home .bom_wr .box2 .h1_en{color:#fff;}
.home .bom_wr .box3 .h1_en{color: #ffffff;}
.home .bom_wr .box4 .h1_cn{color:#fff; opacity:.8; filter:alpha(opacity=80);}
.home .bom_wr .box4 .h1_en{color:#fff;}
.home .bom_wr .box4 .pon{position:absolute; padding-top: 54px; right:750px; top:0; width:220px;}


.home .bom_wr .box:hover .hid{
  filter:alpha(opacity=100);
-webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.home .bom_wr .box:hover .hid i{
  filter:alpha(opacity=100);
-webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-animation-name: goRightIn;
  animation-name: goRightIn;
}