.content img{max-width:100%;}

/*page*/
.pagingNav{overflow:hidden;width:100%;float:left; text-align:center;margin-top:20px;margin-bottom:20px;}
   .pagingNav a{line-height:40px; background-color:#000; color:#fff;padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;}
   
   .pagingNav strong{background-color:#C30; color:#fff;padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;}
/* 案例展示 */
   
.case-lan {
   height:auto; overflow:hidden;
   line-height:50px;
   background-color:#1e1d1d;margin-top:-10px;
   }
   
.dhh {
   width:1200px;
   padding-right: 15px;
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;
   }
   
.dhh li {
   padding-left:10px;
   padding-right:10px;
   list-style-type:none;
   float:left; line-height:35px;margin-top:8px;margin-bottom:8px;margin-top:25px;
   }
   
.dhh li a {
   display:block;
   font-size:12px;   color:#000;
 background-color:#ccc;
 border-radius: 30px;padding-left:10px;padding-right:10px;
   }
   
.dhh li a:hover {
 color:#fff; background-color:#C00; border-radius: 30px;
   }
   
.dhh li.hover a {
   color:#FFFFFF;
   background:url(../images/xiahua.png) center; background-repeat:no-repeat;
   }
   
.casebj {
   background-color:#1e1d1d;
   padding-top:20px; padding-bottom:0px;
   }
   
.case {
	width:100%;margin:auto;
/*
   padding-right: 15px;
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;*/
   }
   
.tukong {
/*   margin-bottom:40px;*/
   }
   
.box {
    width: 100%;
	left: 0px;
    bottom: 0px;
    float: left;
    position: relative;
}
   
.box_hover {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: transparent url("../images/touming.png") repeat scroll 0% 0%;
    width: 96%;
    height: 58px;
    display: none;
	padding:2%;
    color: #FFF;
    z-index: 9999;
}




/* 案例内页 */

.anlitt {
   background-color:#2a2b2f;
   padding-top:60px; padding-bottom:60px;
   line-height:25px;
   color:#FFFFFF;
   }
   
.anliw {
   width:90%;
   padding-right: 15px;
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;padding-top:80px;
   }
   
.anliw h2 {
   font-size:28px;
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-weight:bold;
   margin-top:10px; margin-bottom:50px;
   color:#FFFFFF;
   }
   
.yst {
   margin-top:30px;
   }
   

   
.ysw {
   width:1200px;
   padding-right: 15px;
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;
   }
   
.ysw h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:14px;
   line-height:55px;
   margin-top:35px; margin-bottom:35px;
   font-weight:bold;
   text-align:center;
   background-color:#FFFFFF;
   border:1px solid #efefef;
   }
   
.xiahua {
   height:100px;
   line-height:100px;
   border-bottom:1px solid #d2d2d2;
   }
   
.xhdazi {
   font-size:26px;
   color:#000000;
   font-weight:bold;
   }
   
.huisst {
   background-color:#f7f7f7;
   }
   
.xkong {
   padding-bottom:50px;
   }
   
.xkong img {
    border: 0px none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
	}


@media (min-width: 1200px) and (max-width: 1600px) {
.tuandui {
   width:100%;
   padding-right: 15px;
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;
   }
   
.case {
    width:100%;
/*    padding-right: 15px;*/
    margin-right: auto;
    margin-left: auto;
 /*   padding-left: 15px;*/
}

.anliw {
   width:1200px;
   padding-right: 15px;
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;
   }
   
}

@media (min-width: 1000px) and (max-width: 1199px) {
.case {
    width:100%;
/*    padding-right: 15px;*/
    margin-right: auto;
    margin-left: auto;
  /*  padding-left: 15px;*/
}
.anliw {
   width:90%;
   padding-right: 15px;
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;
   }
   .xkong{width:100%;margin:auto;}
   
   .ysw {
   width:90%;
   margin-right: auto;
   margin-left: auto;padding-left:15px;padding-right:15px;

   }
   
   
   
}
@media (min-width: 768px) and (max-width: 1000px) {
  .ysw {
   width:90%;
   margin-right: auto;
   margin-left: auto;padding-left:15px;padding-right:15px;

   }
   
.case {
    width:100%;
  /*  padding-right: 15px;*/
    margin-right: auto;
    margin-left: auto;
  /*  padding-left: 15px;*/
}
.col-md-3{width:33.333%;float:left;}
}
@media (min-width: 0px) and (max-width: 600px) {.case {
    width:100%;
 /*   padding-right: 15px;*/
    margin-right: auto;
    margin-left: auto;
   /* padding-left: 15px;*/
}
.col-md-3{;float:left;}
.col-md-3{width:50%;}

.dhh{width:100%;}
  .ysw {
   width:90%;
   margin-right: auto;
   margin-left: auto;padding-left:15px;padding-right:15px;

   }
   




}

@media (min-width: 600px) and (max-width: 768px) {
.case {
    width:100%;
/*    padding-right: 15px;*/
    margin-right: auto;
    margin-left: auto;
/*    padding-left: 15px;*/
}
.col-md-3{width:50%;float:left;}
.tuandui {
   width:100%;
   }
   
.tuandui-lie {
   width:100%;
   }
   
.fenlan {
  width:100%;
}

.dhh {
  width:100%;
}
  .ysw {
   width:90%;
   margin-right: auto;
   margin-left: auto;padding-left:15px;padding-right:15px;

   }
   

}


