/*公用*/
*{
    margin: 0;
    padding: 0;
}
body{
    _font-family: 'Microsoft YaHei' !important; font-family: 'Microsoft YaHei';
    margin:0 auto;
    width:100%;
}

/*更多选择标签*/
em,i{ font-style:normal;}

/*列表,图像,A重置*/
ul{ list-style:none;}
img{ border:0 none;}
a{ text-decoration:none; outline:none;}
li,img,label,input {vertical-align: middle; }

body{background-color:#f1f1f1;}
.cases_bannar{width:100%;}
.cases_bannar img{width:100%;}
.cases_content{position:relative;top:-120px;width:1300px;padding:0 50px;margin:0 auto;box-sizing: border-box;}
.cases_content .cases_title{width:100%;padding-left:0;box-sizing: border-box;}
.cases_content .cases_title p{font-size:14px;color:#fff;line-height: 60px;}
.cases_content .cases_title p a{color:#fff;}
.cases_nav_content{width:100%;padding:0;box-sizing: border-box;}
.cases_content .cases_nav{width:100%;padding:10px 50px;background-color:#fff;box-sizing: border-box;box-shadow: 1px 1px 10px #ccc;}
.design_search{width:100%;line-height: 35px;padding:20px 0;border-bottom:1px solid #ebebeb;}
.design_search>span{font-size:14px;padding:0 20px;line-height: 20px;font-weight:bold;border-right:1px solid #ebebeb;margin-right:20px;}
.design_search a{position: relative;top: 13px;width: 280px;height:35px;padding:0 10px;border-radius: 100px;border:1px solid #cccccc;display: inline-block;box-sizing: border-box;}
.design_search a input{position:absolute;left:0;width:100%;height:33px;padding-left:10px;border-radius: 100px;border:none;box-sizing: border-box;outline: none;}
.design_search a span{position:absolute;right:0;width:80px;height:33px;font-size:16px;color:#444;padding:0 10px;line-height: 30px;border:1px solid #ccc;display: block;border-radius: 100px;box-sizing: border-box;}
.cases_content .cases_nav ul li{padding:20px 0;border-bottom:1px solid #ebebeb;  }
.cases_content .cases_nav ul li span{width:97px;padding:0 20px;line-height: 20px;font-size:14px;font-weight:bold;border-right:1px solid #ebebeb;margin-right:20px;display: inline-block;box-sizing: border-box;float:left;height: 50px;
    line-height: 50px;}
.cases_content .cases_nav ul li a{padding:0 20px;color:#000;font-size:14px;line-height:23px;display: inline-block;margin-bottom: 5px;}
.cases_content .cases_nav ul li a.on{color:#fff;background-color:#aa0000;}
.cases_content .cases_nav ul li a:hover{color:#fff;background-color:#aa0000;}
.cases_content .cases_nav ul li:last-child{border:none;}
.cases_content .cases_list{width:1300px;padding:50px 50px;background-color:#f1f1f1;margin-left: -50px;box-sizing: border-box;overflow: hidden;}
.cases_content .cases_list ul{width:103%;}
.cases_content .cases_list ul li{position: relative;top:0;width:22%;margin-right:3%;margin-bottom:3%;background-color:#fff;float: left;transition: all .3s;}
.cases_content .cases_list ul li img{width:100%;}
.cases_content .cases_list ul li a:first-child{position:relative;display: block;overflow: hidden;height:276px;}
.cases_content .cases_list ul li a:first-child .design_title{position:absolute;bottom:0;width:100%;padding:10px;background:rgba(0,0,0,0.4);box-sizing: border-box;}
.cases_content .cases_list ul li a:first-child .design_title h3{color:#fff;font-size:22px;height:30px;line-height: 30px;font-weight:normal;}
.cases_content .cases_list ul li a:first-child .design_title p{color:#fff;height:30px;line-height: 30px;}
.cases_content .cases_list ul li a:first-child+a{width:100%;display: block;padding:20px;box-sizing: border-box;}
.design_detail{position:relative;width:100%;}
.cases_content .cases_list ul li a img{width:100%;height:100%;object-fit: cover;}
.design_detail span{position: absolute;top:-65px;right:0;width:80px;height:auto;box-sizing: border-box;padding: 6px;text-align: left;font-size:28px;display: block;
  background-color:#f1f1f1;color:#000;transition: all .3s;}
.design_detail span i{font-size:16px;display: block;line-height:28px;}
.design_detail p{font-size:14px;color:#000;line-height: 40px;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.design_detail p i{color:#999999;margin-right:10px;}
.design_detail em{width:100%;height:45px;line-height: 45px;color:#000;border:1px solid #999;font-size:16px;text-align: center;display: block;}
.cases_content .cases_list ul li:hover{top:-20px;box-shadow: 1px 15px 20px #ccc;}
.cases_content .cases_list ul li:hover .design_detail span{top:-100px;color:#fff;background-color:#aa0000;}
.cases_content .cases_list ul li:hover .design_detail em{background-color:#aa0000;color:#fff;border:1px solid #aa0000;box-shadow: 1px 1px 10px #aa0000;}


.fgwx_page{width:1200px;margin:0 auto;text-align: center;}
.fgwx_page ul{display: inline-block;}
.fgwx_page ul li{float: left;border:1px solid #e2e2e2;background-color:#fff;}
.fgwx_page ul li a{padding:0 15px;height:35px;line-height: 35px;font-size:16px;color:#000;display: inline-block;}
.fgwx_page ul li.on{border:1px solid #aa0000;background-color:#aa0000;}
.fgwx_page ul li.on a{color:#fff;}
.cases_content .cases_nav ul li:nth-child(2) span {
	height:95px;
}
.gongzhang_quanjing_list{display: flex;flex-wrap:wrap;justify-content: space-between;width:100%;margin-top:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.gongzhang_quanjing_list .gongzhang_quanjing_li{width:420px;height:315px;position:relative;margin-bottom:20px;}
.gongzhang_quanjing_list .gongzhang_quanjing_li img{width:100%;height:100%;object-fit: cover;}
.gongzhang_quanjing_list .gongzhang_quanjing_li p{position: absolute;width:100%;bottom:0;left:0;color:#fff;background:rgba(0,0,0,0.5);line-height:45px;font-size:17px;text-align: center;padding:0 10px;box-sizing:border-box;}