@charset "utf-8";
/* CSS Document */



.building1{padding-top:0; margin-bottom: 50px;}
.building1 .wrap{position:relative;}
.building1 .left{z-index:5;position:absolute;top:0;left:0;width:50%;height:450px;font-size:0;/*background:url(../image/black50.png) repeat;background:url(../image/baiy/bg3.jpg) left top no-repeat;*/}
.building1 .left .inner{padding:0 70px 0;display: inline-block;vertical-align: middle;}
.building1 .left .middle{display: inline-block;height: 100%;vertical-align: middle}
.building1 .left h2{font-size:26px;color:#fff;text-indent:-13px;}
.building1 .left h2 i{background: url(../img/building-icon1.png) no-repeat ;display: inline-block;vertical-align: middle;width: 22px;height: 28px;margin: 0 5px;}
.building1 .left h2 i.i1{background-position: left top;}
.building1 .left h2 i.i2{background-position: right top;}
.building1 .left .text{margin-top:15px;color:#fff;line-height:1.5;text-indent:2em;}
.building1 .left .text p{font-size: 15px;line-height: 24px;text-indent:2em; color: #fff;}
.building1 .right{height:450px;overflow:hidden;position:relative;z-index:1;}
.building1 .right .deat{ opacity:0;filter:alpha(opacity=0); }
.building1.now  .right .deat{ opacity:1;filter:alpha(opacity=100); }
.building1.now .right{z-index:9;}
.building1.now .left{z-index:1;}
.building1 .right img{width:100%;height:450px;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;
transform-origin:center top;-webkit-transform-origin:center top;}
/*.building1 .right:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}*/
.building1 .right .frame{overflow: hidden;}
.building1 .right .child{float: left;overflow: hidden;height:100%;}
.building1 .left{opacity:1;filter: "alpha(opacity=100)";
transition:all 0.5s ease-in;
-webkit-transition:all 0.5s ease-in;}
.building1 .deat{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;z-index:3;

}
.building1 .deat .text{transition:all 0.6s ease-in;opacity:0;
transform:scale(0);
transform-origin:10% 50%;
-webkit-transition:all 0.6s ease-out;
-webkit-transform:scale(0);
-webkit-transform-origin:10% 50%;}
.building1 .deat{display:table;}
.building1.now .deat{}
.building1 .deat .text{padding:0 60px;display:table-cell;vertical-align:middle;}
.building1 .deat .text p{font-size:15px;color:#fff;text-indent:2em;line-height:24px;}
.building1 .button{background:url(../img/collection1-icon1.png) no-repeat ;width:53px;height:53px;position:absolute;bottom:0;right:0;cursor:pointer;z-index:9;}
.building1 .button i{background:url(../img/collection1-icon2.png) no-repeat;display:block;width:16px;height:16px;position:absolute;bottom:15px;right:15px;
	animation:move 0.5s ease-in infinite alternate;
}
 @keyframes move{
	 0%{transform:translate(0,0)}
	 100%{transform:translate(5px,5px)}

 }
.building1.now{overflow:hidden;}
.building1.now .right{z-index:6;}
.building1.now .img{filter:blur(5px);-webkit-filter:blur(5px);}
.building1.now .button i{background-image:url(../img/collection1-icon3.png);}
.building1.now .deat .text{opacity:1;transform:scale(1);-webkit-transform:scale(1);}
.building1.now .left{ opacity:0;filter: "alpha(opacity=0)";}





 
#content table{ width:100%;}
#content table th{background-color:#f3f3f3; text-align:left; font-size:16px; color:#707070; height: 64px; line-height: 64px; font-weight: normal;}
#content table th img{ margin-left:10px;}
#content table td .circl{ float:left; margin-right:8px; margin-top:3px; width:14px; height:14px; border:1px #c9a063 solid; border-radius:7px;}
#content table td{border-bottom:1px #e5e5e5 solid; height: 76px; text-align:left; color:#707070; font-size:14px;}
#content table tr>th:first-child{ padding-left:40px;}
#content table tr>td:first-child{ padding-left:40px;}
#content table td a{ position: relative;}
#content table td a .img_box{ position: absolute; left: -62px; bottom:-180px; padding-left: 20px; background-color:#f3f3f3; width:1220px; height:154px; display: none;}
#content table td a .img_box .img1{ width:200px; height:120px; float: left; margin: 17px 20px;}
#content table td a .img_box .img1 img{ width:100%;}
#content table td a:hover .img_box{ display:block;}