@charset "utf-8";


.floatL {float:left; width:65px;}
.subBox {width:1070px; height:460px;overflow: hidden; float:left;}
.subBox ul { width:100000px; margin:0; padding:0;}
.subBox ul li {width:356px; float: left; display:inline;}
.subBox ul li a img { width:356px; height:458px;}
.subBox ul li a div { width:356px; height:18px; margin-top:7px; padding-left:15px; line-height:18px; font-size:12px; color:#000; margin-top:-460px; height:460px; background: url(../Images/1.png); display:block; z-index:2; position:relative;}
.subBox ul li a div h1{ padding-top:160px; line-height:60px; font-size:36px; text-align:center; color:#FFFFFF}
.subBox ul li a div h2{  line-height:35px; font-size:16px; text-align:center;color:#FFFFFF}
.subBox ul li a div p{ display:none;}

.subBox ul li a:hover div { width:356px; height:18px; margin-top:7px; padding-left:15px; line-height:18px; font-size:12px; color:#000; margin-top:-460px; height:460px; background: url(../Picture/cc.png); display:block; z-index:2; position:relative;}
.subBox ul li a:hover div h1{ padding-top:90px; line-height:60px; font-size:36px; text-align:left; color:#FFFFFF; padding-right:40px; padding-left:40px;}
.subBox ul li a:hover div h2{  line-height:35px; font-size:16px; text-align:left;color:#FFFFFF;padding-right:40px; padding-left:40px; margin-bottom:20px;}
.subBox ul li a:hover div p{ display: block; line-height:25px; font-size:14px;text-align:left;color:#FFFFFF;padding-right:40px; padding-left:40px;}

@media (max-width: 1200px) {
  .subBox {width:1070px; height:460px;overflow: hidden; float:left;}
  }
@media (max-width:1190px) {
  .subBox {max-width:712px; height:460px;overflow: hidden; float:left;}
  }
  @media (max-width:900px) {
  .subBox {max-width:712px; height:460px;overflow: hidden; float:left;}
  }
   @media (max-width:830px) {
  .subBox {max-width:356px; height:460px;overflow: hidden; float:left;}
  }  
   @media (max-width:400px) {
 .floatL {float:left; width:43px;}
  .floatL img{float:left; width:43px;height:305px;}
.subBox {width:240px; height:305px;overflow: hidden; float:left;}
.subBox ul { width:100000px; margin:0; padding:0;}
.subBox ul li {width:240px; float: left; display:inline;}
.subBox ul li a img { width:240px; height:305px;}
.subBox ul li a p { width:194px; height:18px; margin-top:7px; padding-left:15px; line-height:18px; font-size:12px; color:#000;}
.subBox ul li a:hover img { }
.subBox ul li a div { width:240px; height:18px; margin-top:7px; padding-left:15px; line-height:18px; font-size:12px; color:#000; margin-top:-305px; height:305px; background: url(../Images/1.png); display:block; z-index:2; position:relative;}
.subBox ul li a div h1{ padding-top:90px; line-height:40px; font-size:22px; text-align:center; color:#FFFFFF}
.subBox ul li a div h2{  line-height:25px; font-size:14px; text-align:center;color:#FFFFFF}
.subBox ul li a div p{ display:none;}

.subBox ul li a:hover div { width:240px; height:18px; margin-top:7px; padding-left:15px; line-height:18px; font-size:12px; color:#000; margin-top:-305px; height:305px; background: url(../Picture/cc.png); display:block; z-index:2; position:relative;}
.subBox ul li a:hover div h1{ padding-top:20px; line-height:60px; font-size:36px; text-align:left; color:#FFFFFF; padding-right:30px; padding-left:30px;}
.subBox ul li a:hover div h2{  line-height:35px; font-size:15px; text-align:left;color:#FFFFFF;padding-right:30px; padding-left:30px; margin-bottom:20px;}
.subBox ul li a:hover div p{ display: block; line-height:20px; font-size:13px;text-align:left;color:#FFFFFF;padding-right:30px!important; padding-left:30px!important; height:80px; overflow:hidden;}
.case_ne1i{ width:330px; margin:0 auto;}
  }