@charset "utf-8";
/* CSS Document */
/*case*/
.case { width:1000px;  margin:140px auto; padding-top:0px; }
.case h1 { font-family:微软雅黑; font-size:30px;color:#606060; text-indent:-9999px;background:url(../images/title_web_05.jpg) no-repeat;}
.case h2 { font-family:微软雅黑; font-size:14px; color:#93969b;margin-top: 20px; text-align:left }
.case ul { margin-top: 100px; }
.case ul li { display:block; float:left; width:250px; margin:0px 0;}
.case ul li  A IMG {FILTER: gray}
.case ul li  A:hover IMG {FILTER:}
#case {width:1020px; margin:0 auto;}
.brand { width:1020px; margin:0px auto;}
.brand a{display:block;float: left;width:320px;height: 200px;text-align: center;margin:0px 10px; }
.brand img{width: 320px;height: 200px;}
.brand .info{display: none;background-color: #de2d01;font-family:微软雅黑;color: #FFF;width: 0;height: 200px; margin:0 auto;position:relative;}
.brand .info h1 { font-size:18px;line-height:55px; padding-top:10px; }
.brand .info p { font-size:14px; text-align: left;  line-height:24px; padding:0px 20px; color:#f0f0f0}
.brand .info h6 { font-size:14px; position: absolute; left:118px; bottom:20px; line-height:35px; display:block; width:80px;behavior:url(http://case.migal.cn/code.htc);
    height:35px;
    border:2px solid #ddddde;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius:15px;}
.casecon {font-family:微软雅黑; width:; margin:150px auto;}
.casecon  .title { width:320px; text-align:center;  }
.casecon  .wenzia { width:500px; height:180px;margin:0px 0 0 20px ;  padding:10px; border:dashed 1px #CCC; font-size:14px; line-height:36px; color:#999; }
.casecon  .wenzia  h1 { font-size:22px; line-height:36px; font-weight:bold; color:#5b5b5b; }

.casecon  .wenzia  p { font-size:14px; line-height:36px; color:#999;}

.casecon  .pre,.casecon  .next {height:200px;width:60px; }
.zhengwen { margin:30px  auto 0;font-family:微软雅黑;font-size:14px; line-height:28px; color:#666;}
/*.case_page {  margin:20px auto;font-family:微软雅黑; font-size:14px;}
.case_page ul { padding:10px 0; text-align:center}
.case_page ul li { display: inline-block; width:auto; color:#999; padding:8px 14px;margin:0 5px; background:#FFF ; border:solid 1px #d0cece;}
.case_page ul li.thisclass { background:#CCC; color:#FFF;}
.case_page ul li.thisclass a { }
.case_page ul li a { color:#666;}
.case_page ul li:hover  a{ color:#FFF;}
.case_page ul li:hover { background:#CCC;color:#FFF;}
.case_page ul li select { border:none;}*/

.caselist {width:1020px; margin:10px auto 0;}
.caselist ul.items {top:0px;}
.caselist ul.items li {position:relative;padding:0px; display:block; float:left;width:320px;height:280px;margin:20px 10px 0;cursor:pointer;overflow:hidden;}
.caselist ul.items li a {display:block;float: left;width:320px;height: 280px;text-align: center; }
.caselist ul.items li .shade {position:absolute;width:100%;height:200px;margin-top:-200px;background:Black;-moz-opacity:0.7;opacity:0.7;filter:alpha(opacity=70);
-webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;z-index:10;}
.caselist ul.items li .shade u {display:block;margin:0 auto;margin-top:66px;width:44px;height:44px;background:url(../images/icon_more.png) no-repeat 0px 0;}



.caselist ul.items li .info-case {position:absolute;padding:10px 10px; left:0px; bottom:0px;  width:300px; height:60px;font-family:微软雅黑 ;
-webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;z-index:10;}
 .caselist ul.items li .info-case h2 { font-size:18px;line-height:32px; text-align:left; width:100% ; color:#000 }
 .caselist ul.items li .info-case p {font-size:14px;line-height:24px; text-align:left; color:#666}
 
 .caselist ul.items li .bga {width:100%;height:100px;background-color:#fff;-moz-opacity:0.5;opacity:0.5;filter:alpha(opacity=50); 
-webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;}
.caselist ul.items li .bga u {display:block;position:absolute;left:0px; width:100%;height:80px;margin-top:0px;background-color:#efefef;z-index:;
-webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;}
 
.caselist ul.items li .bg {width:100%;height:100px;background-color:#fff;-moz-opacity:0.5;opacity:0.5;filter:alpha(opacity=50); 
-webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;}
.caselist ul.items li .bg u {display:block;position:absolute;left:0px; width:100%;height:80px;margin-top:80px;background-color:#DE2D01;z-index:;
-webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;}


.caselist ul.items li a:hover .shade {margin-top:0px;
-webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;}
.caselist ul.items li a:hover .bg {-moz-opacity:1;opacity:1;filter:alpha(opacity=100);
-webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;}
.caselist ul.items li a:hover .bg u {margin-top:0px;
-webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;}


.caselist ul.items li a:hover .bga { display:none}

.caselist ul.items li a:hover .info-case {color:White;
-webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;}
  .caselist ul.items li a:hover  .info-case h2 { color:#fff  }
 .caselist ul.items li a:hover  .info-case p {color:#fff}