/* CSS Document */
.header_bg{ border-bottom:1px solid #e2e2e2;}
#mainBody{ min-height:600px; height:auto;}
.in_pic{ width:100%; text-align:center;}
.in_pic img{ width:auto; max-width:100%; height:auto; margin:0px auto;}
/* 内容区域 */
#cont_box{ padding-top:30px;}
#cont_box img{ width:auto; max-width:100%; height:auto;}
#cont_box2{ padding-top:40px;}

/* ---------------------图片列表 */
#pic_list {}
#pic_list ul li{float:left; margin-left:20px; margin-bottom:30px;width:285px; text-align:center;background-color:#f5f5f5; position:relative;}
#pic_list ul li:nth-child(4n+1){ margin-left:0;}
#pic_list ul li a{ position:absolute; left:0; top:0; z-index:10; display:block; width:100%; height:100%; background:url(../images/blank.gif);}

#pic_list ul li .item_pic{ width:285px; height:215px; text-align:center; overflow:hidden; }
#pic_list ul li .item_pic img{ width:auto; max-width:100%; height:auto;
-webkit-transition:all .5s ease-in-out 0s;
-moz-transition:all .5s ease-in-out 0s;
-ms-transition:all .5s ease-in-out 0s;
-o-transition:all .5s ease-in-out 0s;
transition:all .5s ease-in-out 0s;
}
#pic_list ul li .item_title{height:40px; line-height:40px; font-size:14px; overflow:hidden;}

#pic_list ul li .item_des{ height:105px; padding:5px 10px; }
#pic_list ul li .item_des h3{height:35px; line-height:35px; font-size:14px; overflow:hidden;}
#pic_list ul li .item_des p{height:75px; line-height:25px; color:#999; overflow:hidden;}

#pic_list ul li:hover img{
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
}
/* ---------------------新闻列表 */
.news_list{ margin-top:30px;}
.news_list ul li{ float:left; margin-left:40px; margin-top:30px; width:440px; height:150px; border-bottom:1px dashed #cccccc; position:relative;}
.news_list ul li a{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url(../images/blank.gif) no-repeat center center; z-index:20;}
.news_list ul li:nth-child(3n+1){ margin-left:0px;}
.news_list ul li .list_pic{ float:left; width:150px; overflow:hidden;}
.news_list ul li .list_pic img{ width:150px; height:115px;
-webkit-transition:all .5s ease-in-out 0s;
-moz-transition:all .5s ease-in-out 0s;
-ms-transition:all .5s ease-in-out 0s;
-o-transition:all .5s ease-in-out 0s;
transition:all .5s ease-in-out 0s;
}

.news_list ul li .list_content{ float:left; margin-left:15px; width:275px;height:115px; position:relative;}
.news_list ul li .list_content .list_title{ height:20px; line-height:20px; overflow:hidden;}
.news_list ul li .list_content .list_note{ margin-top:5px; height:66px; line-height:22px; overflow:hidden; color:#888; font-size:12px;}
.news_list ul li .list_content .list_time{ position:absolute; left:0px; bottom:0px; color:#999;font-size:12px; height:16px; line-height:16px;}

.news_list ul li:hover .list_pic img{
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
}
.news_list ul li:hover .list_content .list_title{ color:#ffb618; text-decoration:underline;}

/* --------------案例-------------- */
.cases_list{}
.cases_list ul li{ float:left; margin-left:28px; margin-bottom:30px; width:329px; height:225px; position:relative;}
.cases_list ul li:nth-child(4n+1){ margin-left:0px;}

.cases_list ul li a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:20;}

.cases_list ul li .item_pic{width:329px; height:225px;}
.cases_list ul li .item_pic img{width:329px; height:225px;}

.cases_list ul li .item_title{ position:absolute; right:0px; bottom:15px; height:40px; line-height:40px; width:auto; max-width:100%; overflow:hidden;
 background:url(../images/bg3.png); color:#FFF; padding:0px 10px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;

filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;

-webkit-transition:all .2s ease-in-out 0s;
-moz-transition:all .2s ease-in-out 0s;
-ms-transition:all .2s ease-in-out 0s;
-o-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;
}

.cases_list ul li .item_des{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background:url(../images/bg3.png); color:#FFF;
padding:10px;
filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;

-webkit-transition:all .5s ease-in-out 0s;
-moz-transition:all .5s ease-in-out 0s;
-ms-transition:all .5s ease-in-out 0s;
-o-transition:all .5s ease-in-out 0s;
transition:all .5s ease-in-out 0s;
}
.cases_list ul li .item_des h3{ height:20px; line-height:20px; font-size:16px; text-align:center; overflow:hidden;}
.cases_list ul li .item_des p{ margin-top:10px; min-height:100px; max-height:200px; line-height:25px; overflow:hidden;}

.cases_list ul li:hover .item_des{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}
.cases_list ul li:hover .item_title{filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}

/* 详情 */
.info_title{ padding:10px 0px; text-align:center;font-size:22px; color:#000;}
.info_attr{padding:10px 0px;text-align:center; border-bottom:1px dashed #e2e2e2;}
.info_attr span{ margin-left:20px; color:#999;}
.info_content{ min-height:500px; height:auto; padding:10px 0px 0px 0px; line-height:2em;}

#prenext{ width:100%; padding-top:10px; margin:10px auto 0px auto;border-top:1px solid #e2e2e2; font-size:14px;}
#prenext p{ width:100%; height:30px; line-height:30px; display:block; overflow:hidden;}
#prenext p span{ color:#999;}

/* 分页 */
#pagelist{ margin-top:15px; margin-left:10px; float:right;}
#pagelist ul li{ float: left;  margin:0px 2px;}
#pagelist ul li a{display: block;border: 1px solid #cccccc;background-color:#f5f5f5;
padding:0px 10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#999;
}
#pagelist ul li a:hover{background-color:#b6a172; color:#FFF; border:1px solid #b6a172;}
.selectpage{}
.selectpage a{font-weight: bold;border:1px solid #b6a172!important; background-color:#b6a172!important;color: #FFF!important; }