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

/*--缂樿捣--*/
.block h1{font-size:48px;color:#f4f4f4;line-height:65px;font-weight:normal;height:130px;margin-top:20px;}
.block h1 span{font-family:Arial, Helvetica, sans-serif;display:block;color:#98abde;}
.block .list{margin:35px 0;height:209px;}
.block .list .div{height:209px;width:213px;background:rgba(255,255,255,0.1);margin-right:46px;float:left;position:relative;cursor:pointer;display:block;
*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#15ffffff', EndColorStr='#15ffffff');}
.block .list .div h3{height:209px;line-height:209px;color:#98abde;font-size:20px;text-shadow:1px 1px 2px #3a3a3a;text-align:center;font-weight:bold;}
.block .list .div .bg1{height:162px;width:162px;position:absolute;left:23px;top:23px;}
/*.block .list .div .bg2{height:174px;width:174px;position:absolute;left:17px;top:17px; opacity:0;}*/
.block .list .a1 .bg1{background:url(../about/images/source_nav.png) 0 top no-repeat;}
.block .list .a2 .bg1{background:url(../about/images/source_nav.png) -162px top no-repeat;}
.block .list .a3 .bg1{background:url(../about/images/source_nav.png) -324px top no-repeat;}
.block .list .a4 .bg1{background:url(../about/images/source_nav.png) -486px top no-repeat;}
.block .list .a1 .bg2{background:url(../about/images/source_nav.png) 0 bottom no-repeat;}
.block .list .a2 .bg2{background:url(../about/images/source_nav.png) -174px bottom no-repeat;}
.block .list .a3 .bg2{background:url(../about/images/source_nav.png) -348px bottom no-repeat;}
.block .list .a4 .bg2{background:url(../about/images/source_nav.png) -522px bottom no-repeat;}
.block .list .a4{margin:0;}
.block .des h3{font-size:24px;color:#fff;height:70px;line-height:35px;margin-bottom:5px;font-weight:bold;}
.block .des h3 span{color:#98abde;font-family:Arial, Helvetica, sans-serif;display:block;text-transform:uppercase;}
.block .des p{line-height:20px;}

/*.block .list .div .bg1{
-webkit-transition:all .3s linear 0s;
   -moz-transition:-moz-transform .3s linear 0s;
     -o-transition:-o-transform .3s linear 0s; 
    -ms-transition:-ms-transform .3s linear 0s;
        transition:transform .3s linear 0s;
}
.block .list .div:hover .bg1{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
    -o-transform:rotate(.5turn);
    -ms-transform:rotate(.5turn);
    transform:rotate(.5turn);
	opacity:0;
}
.block .list .div:hover h3{display:none;}

.block .list .div .bg2{
-webkit-transition:all .3s linear 0s;
   -moz-transition:-moz-transform .3s linear 0s;
     -o-transition:-o-transform .3s linear 0s; 
    -ms-transition:-ms-transform .3s linear 0s;
        transition:transform .3s linear 0s;
		
}
.block .list .div:hover .bg2{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
    -o-transform:rotate(.5turn);
    -ms-transform:rotate(.5turn);
    transform:rotate(.5turn);
	opacity:1;
}*/


/*--妗堜緥--*/
#case_bg{background:url(../image/case_bg.png) center top no-repeat;height:800px;width:100%;opacity:0.35;filter:alpha(opacity='35');position:absolute;top:0;}
#case_mask{height:100%;background:url(../image/mask.png) center top no-repeat;position:absolute;width:100%;top:0;overflow:hidden;}

#case_control{width:927px;overflow:hidden;position:relative;width:100%;top:0;}
#case_control .d1{width:309px;margin:auto;height:266px;}
#case_control .d2{width:618px;margin:auto;height:266px;}
#case_control .d3{width:927px;margin:auto;height:266px;}
#case_control .div{width:309px;height:266px;overflow:hidden;float:left;position:relative; background:url(../image/triangle1.png) center top no-repeat;z-index:2;}
#case_control .div .hide{position:absolute;top:0;left:0;display:inline; z-index:-1; opacity:0;}
#case_control .div .mapimg{position:absolute;top:0;left:0;z-index:3;width:276px;height:238px;}
#case_control .div h1{font-size:18px;color:#fff;height:30px;line-height:30px;text-align:center;margin-top:150px;font-weight:normal;}
#case_control .div h3{font-size:18px;color:#fff;font-family:Georgia, "Times New Roman", Times, serif;height:20px;line-height:20px;text-align:center;margin-top:7px;font-weight:normal;text-transform:uppercase;}
#case_control .img{z-index:1;position:absolute;margin-left:154px;}
#case_control .d3 .img2{margin-left:463px;}
#case_control span.hover{opacity:1;filter:alpha(opacity='100');}
#casefooter{height:170px; position:relative;text-align:center;color:#aeaeae;padding-top:30px;}
#casefooter .list_foot a{font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;margin:0 5px;color:#aeaeae;}
#casefooter .copy{margin:15px 0;text-transform:uppercase;}
#casefooter .weibo a{height:20px;width:20px;opacity:0.6;filter:alpha(opacity='60');margin:0 5px;display:inline-block;}
#casefooter .weibo a.tt{background:url(../image/weibo.png) 0 0 no-repeat;}
#casefooter .weibo a.rr{background:url(../image/weibo.png) -33px 0 no-repeat;}
#casefooter .weibo a.sina{background:url(../image/weibo.png) -65px 0 no-repeat;}
#casefooter .weibo a.kx{background:url(../image/weibo.png) -97px 0 no-repeat;}
#cases{overflow:hidden;position:relative;padding-bottom:100px;}
#cases ul{width:100%;}
#cases li{height:285px;width:20%;float:left; position:relative;}
#cases li p{position:absolute;background:#fff;display:none;height:100%;width:100%;}
#cases li a{position:absolute;height:120%;width:120%;margin:-10% 0 0 -10%;overflow:hidden;display:block;opacity:0;filter:alpha(opacity='0');}
#cases li a img{width:100%;height:100%;}