@charset "utf-8";
/* CSS Document */
.ban{ margin-bottom:0}
.case_11{ width:100%; float:left; overflow:hidden; display:flex; flex-wrap:wrap}
.case_11 dl{ width:31.4%; border-bottom:2px solid #fff; margin-bottom:20px; padding-bottom:10px; margin-right:2.9%; overflow:hidden}
.case_11 dl:nth-child(3n){ margin-right:0}
.case_11 dl dd{ width:100%; float:left; overflow:hidden;  position:relative}
.case_11 dl img{ width:100%; display:block; cursor: pointer; height:100%}
.case_11 dl dd p{transition:all .25s; position:absolute;bottom:-106px; left:0;width:100%;line-height:46px;background:rgba(0,0,0,.5);color:#fff;text-indent:15px;font-size:15px; z-index:99999}
.case_11 dl dd:hover p{bottom:0}
.case_11 dl dt{ width:100%; float:left; overflow:hidden; line-height:36px; height:36px}
.case_11 dl dt a{ font-size:18px; color:#333}
.case_11 dl h6{ width:100%; height:20px; line-height:20px; overflow:hidden; float:left; font-weight:normal; font-size:12px; color:#999; }
.case_11 dl h6 span{ margin-right:20px}
.case_11 dl:hover{ border-bottom:2px solid #4d9400; transition: all 0.5s;}
.case_11 dl:hover dt a{ color:#4d9400}

.case_a1{ background:#f0f0f0;border-bottom:1px solid #e0e0e0;}

.ul_01{ width:1100px; float:left; overflow:hidden; padding:20px 0 }
.ul_01 h5{ width:180px; height:70px; float:left; overflow:hidden; margin-right:40px}
.ul_01 h1{ font-size:29px; width:880px;  line-height:35px; color:#333; font-weight:normal; margin-top:5px }
.ul_01 h6{ width:880px; float:left; line-height:30px; font-weight:normal; color:#999; font-size:12px;font-family:"宋体";  }
.ul_01 h6 font{ color:#40af36; padding-right:25px; font-size:12px}
.ul_02{ width:100px; float:left; overflow:hidden; margin-top:35px}

.case_a2{background:#f6f6f6}
.hd01{ width:564px; height:325px; float:left; padding:83px 417px 157px 419px;background:url(case_bg.jpg) no-repeat center 0; }
.mF_expo2010{position:relative; width:100%; height:325px;overflow:hidden;  float:left; background:#fff;}
.mF_expo2010 .loading{position:absolute;z-index:9999;width:100%;height:100%;color:#666;text-align:center;padding-top:90px;background:#fff url(loading.gif) center -40px no-repeat;}
.mF_expo2010 .pic li{position:absolute;}
.mF_expo2010 .pic li img{width:564px;height:325px;}/*图片和焦点图框架一样大小*/

.mF_expo2010 .txt li{position:absolute;z-index:2;left:0;width:100%;height:33px;line-height:33px;overflow:hidden;}
.mF_expo2010 .txt li a{display:block;color:#fff; text-indent:15px;font-size:12px;text-decoration:none; line-height:33px}/*标题样式*/
.mF_expo2010 .txt-bg{position:absolute;bottom:0px;z-index:1;width:100%;height:33px; overflow:hidden;} /*标题背景*/

.mF_expo2010 .num,.mF_expo2010 .num-bg{position:absolute;z-index:3;bottom:7px;right:5px;color:#fff;}/*按钮样式*/
.mF_expo2010 .num li,.mF_expo2010 .num-bg li{float:left;width:15px;height:15px;line-height:15px;overflow:hidden;text-align:center;margin-right:5px;cursor:pointer; border-radius:50%; }
.mF_expo2010 .num-bg li{background:#000;filter:alpha(opacity=50);opacity:0.5;}/*按钮背景*/
.mF_expo2010 .num li.current,.mF_expo2010 .num li.hover{background:#F60;}/*当前/悬停按钮背景*/
.mF_expo2010 .txt li a:hover{ color:#ff0; text-decoration:underline}

.case_a3{height:46px; background:#e3e3e3; height:46px;color:#666; font-size:14px }
.case_a3 dt{ width:400px; float:left; overflow:hidden; float:left; overflow:hidden; line-height:46px; }
.case_a3 dd{ width:225px; float:left; overflow:hidden;line-height:46px;  height:46px;}
.case_a3 dd.dd003{ width:320px;  float:left; overflow:hidden; line-height:46px; height:46px; text-align:center; background:#1e95d9; color:#fff}
.case_a3 span{ padding-left:5px; }
.case_a3 dd.dd003 a{ color:#fff}
.case_a3 dd.dd003 a:hover{ color:#ff0; text-decoration:underline}

.ty_case{ width:1400px; }
.ty_case dl{ width:374px; float:left; overflow:hidden; margin-right:39px; border-bottom:2px solid #fff; margin-bottom:20px; padding-bottom:10px}
.ty_case dl dd{ width:100%; float:left; overflow:hidden; margin-bottom:10px; height:280px; position:relative}
.ty_case dl dd img{ width:100%;cursor: pointer;height:280px}


.ty_case dl dd p{transition:all .25s;position:absolute;bottom:-46px;left:0;width:100%;line-height:46px;background:#000;opacity:.5;color:#fff;text-indent:15px;font-size:15px; z-index:99999}
.ty_case dl dd:hover p{bottom:0}

.ty_case dl dt{ width:100%; float:left; overflow:hidden; line-height:36px; height:36px}
.ty_case dl dt a{ font-size:18px; color:#333}
.ty_case dl h6{ width:100%; height:20px; line-height:20px; overflow:hidden; float:left; font-weight:normal; font-size:12px; color:#999; }
.ty_case dl h6 span{ margin-right:20px}
.ty_case dl:hover{ border-bottom:2px solid #1e95d9;transition: all 0.5s;}
.ty_case dl:hover dt a{ color:#1e95d9}



/******** 手机版 ********/
@media (max-width:767px){
.case_11 dl{ width:49%; margin-bottom:10px; padding-bottom:10px; margin-right:2%; }
.case_11 dl:nth-child(3n){ margin-right:2%}
.case_11 dl:nth-child(2n){ margin-right:0}
.case_11 dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; height:30px;white-space: nowrap; text-overflow:ellipsis; }
.case_11 dl dt a{ font-size:14px; color:#333}
.case_11 dl h6 span{ margin-right:10px}

.case_a1{ margin-top:60px}
.ul_01 h1{ font-size:21px; width:100%;  line-height:25px; margin-top:0px }
.ul_01 h6{ width:100%;line-height:20px; }
.ul_01 h6 font{padding-right:15px;}

.ul_01 h5{ display:none}
.hd01{ width:100%; height:200px; padding:0; }
.mF_expo2010 .pic li img{width:100%;height:200px;}/*图片和焦点图框架一样大小*/
}

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){

}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){


}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){

}

/******** 1400px ********/
@media (min-width:1440px){
	
}