body{background: #f0f0f0;}
.brands_case{padding: 0 0 48px;}


.brands_case .title{margin:31px 0; text-align: center;}
.brands_case .title b{display: inline-block;font-size: 20px;line-height: 37px; color: #333; font-family: "NotoSansHansBold";}
.brands_case .title p{margin-top: 10px; font-size: 12px;color: #9d9a9a;font-family: "Arial";}


.brands_case .search{display: none; margin-bottom: 21px;}
.brands_case .search i{float: left; display: block;width: 33px;height: 35px;background: url(../images/zjpage/brands_case_2.png) center no-repeat;}
.brands_case .search .inp{float: left; padding: 5px 0 5px 10px;width: 280px;height: 23px; border-top: #d2b265 1px solid;border-bottom: #d2b265 1px solid;}
.brands_case .search .inp input{width: 100%;height: 23px;font-size: 14px;color: #777;background: none;}
.brands_case .search button{display: block;float: left;width: 110px;height: 35px;font-size: 16px;color: #fff;cursor: pointer; background: url(../images/zjpage/brands_case_3.png) center no-repeat;border:none;}


.brands_case .type .t{float: left; width: 148px;height: 61px;line-height: 61px;text-align: center;color: #fff;font-size: 18px;background: #c2a65e;}
/*.brands_case .type .all{float: left;padding-right: 10px; width: 80px;height:61px;line-height: 61px;font-size: 20px;color: #020202;text-align: right;background: #fff;}
*/
.brands_case .type .pic{float: left; width: 1052px;background: #fff;}
.brands_case .type .pic .bd{height: 61px;overflow:hidden;}
.brands_case .type .pic .list li{float: left;margin-right: 32px;}
.brands_case .type .pic .list li i{display: block;width: 100%;height:61px;line-height: 61px;font-size: 18px;color: #444444;}
.brands_case .type .all:hover,.brands_case .type .pic .list li i:hover,.brands_case .type .all.other,.brands_case .type .pic .list li.cur i{color: #c2a65e;cursor: pointer;}

.brands_case .type .pic .list li i:hover a,.brands_case .type .pic .list li.cur i a{color: #c2a65e;}

.brands_case .type .pic .bd ul{ width:958px; margin-left:30px;}
.brands_case .type .ty0{margin-bottom:4px;}

.brands_case .type .more{display: block;float: right;width: 60px;height: 61px;line-height: 61px;background: url(../images/open.png) left center no-repeat;cursor: pointer;}
.brands_case .type .more.MoreUPs{background: url(../images/oclose.png) left center no-repeat;}

.brands_case .type{display: none; position: relative;}
.brands_case .type .tab_tit{position: absolute; left: 0px;top:-40px;width: 200px;height: 39px;}
.brands_case .type .tab_tit em{margin-right:10px; display: block;float: left;width: 67px;height: 33px;line-height: 33px;text-align: center;font-size: 18px;color: #c2a65e; border: #c2a65e 1px solid;cursor: pointer;}
.brands_case .type .tab_tit em.cur{color: #fff; background: #c2a65e;}


.brands_case .img_list{width: 1224px;margin:16px 0 0 -12px;}
.brands_case .img_list li{float: left;margin:0 11px 27px;padding: 15px 15px 6px; background: #fff;}
.brands_case .img_list li a{display: block;}
.brands_case .img_list li a .pic_box{width: 356px;height: 393px;}
.brands_case .img_list li a .pic_box img{display: block;width: 100%;height: 100%;}
.brands_case .img_list li a .next{display: none; margin-top: 15px;background: url(../images/zjpage/brands_case_7.png) right bottom no-repeat;}
.brands_case .img_list li a .next p{line-height: 30px; font-size: 18px;color: #444;}
.brands_case .img_list li a .next span{display: block;font-size: 14px;color: #444;}
.brands_case .img_list li a em{margin-top: 9px; display: block;height: 38px;line-height: 38px; font-size: 16px;color: #444;border-top:#dadada 1px solid;}
.brands_case .img_list li a:hover .next{background: url(../images/zjpage/brands_case_5s.png) right bottom no-repeat;background-size: 27px;}
.brands_case .img_list li a:hover .next p,.brands_case .img_list li a:hover .next span{color: #c5a85f;}
.pageing_box{width: 100%;}
.pageing{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.pageing span{
	display: inline-block;
	padding: 0 10px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background: #eaeaea;
	cursor: pointer;
	color: #5e5e5e;
	margin-right: 10px;
}
.pageing span:hover{
	background: #c2a65e;
	color: #fff;
}
.search_page{
	width: 60px;
	background-color: rgba(0,0,0,0);
	border: 1px solid #c6c6c6;
	display: inline-block;
	height: 30px;
	box-size: border-box;
	color: #fff;
	position: relative;
    top: -1px;
    margin-left: 35px;
    padding-left: 10px;
}
.pageing .go{
	background: #c6c6c6;
	color: #fff;
	margin-left: -4px;
}
.pageing .total{
	background: rgba(0,0,0,0);
}