@charset "utf-8";
.mqNav{ background:#fff;}



.footer{ padding-top:60px!important;}

.banner{ background:url(../img/brand/programme/banner_01.jpg) no-repeat center top; height:510px;}
.list ul{ position:relative; width:1180px;overflow: hidden;}
.list li{ width:360px; margin-right:10px; float:left; margin-bottom:25px;}
.list li .pic{ width:360px; height:270px; overflow:hidden;cursor: pointer;}
.list li .pic img{ width: 100%;height: 100%;}
.list li .txt{
	 font-size:14px;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 设置行数 */
	-webkit-box-orient: vertical;
	overflow: hidden;
	white-space: normal; /* 处理多余文本 */
}

.case{ padding-left:660px; padding-top:70px;}
.slidebox{ margin-left:-660px; width:610px; float:left;}

/*图片幻灯片*/
.slidebox{ height:400px; position: relative; z-index:1; }
.slidebox .fouce{width:100%; height:100%; overflow:hidden;}
.slidebox .fouce p{ display:block;width:100%; height:100%; margin:0px;position:absolute; left:0; top:0; z-index:1;overflow:hidden; background-position:center top;}
.slidebox .fouce p.last-active{ z-index:5;}
.slidebox .fouce p.active{ z-index:10;}

.slidebox .tabicon{ position: absolute; left: 0; right: 0; bottom:10px; width:100%; *padding-left:46%; text-align:center; z-index:11;}
.slidebox .tabicon li { 
	display: inline-block; 
	*display: inline; 
	*float:left;
	width: 10px; 
	height: 10px; 
	margin: 0 4px; 
	text-indent: -999em; background:#ccc;  
	border-radius: 12px; 
	cursor: pointer; 
}
	
.slidebox .tabicon li.active {background:#bc9882; }

.other{ overflow:hidden;}
.other ul{ position:relative; width:520px;}
.other li{ padding:10px 12px; text-align:center; border-right:1px dotted #ccc; width:100px; float:left; margin-bottom:20px;}
.other li a:hover{color:#bc9882;}
.other h2{ font-size:25px; padding-bottom:35px; font-weight:normal; text-indent:18px;}

.f32{font-size: 32px;text-align: center;color: #000;margin-top: 50px;}
.f20{
	font-size: 20px;text-align: center;
	margin-top: 15px;
	line-height: 36px;
}
.list ul{
	margin-top: 60px;
}
.mytxt{
	height: 234px;
	background-color: #F5F5F5;
	padding: 62px 30px;
	box-sizing: border-box;
	position: relative;
}
.list2 .txt{font-size: 20px!important;color: #000;margin-bottom: 5px;}
.list2 li{
	width: 360px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 40px;
	transition: all 0.3s ease-in-out;
	position: relative;
}
.list2 .mytxt::after {
	content: '';
	width: 26px;
	height: 2px;
	background: #952225;
	position: absolute;
	top: 30px;
	left: 35px;
	transition: all 0.3s ease-in-out;
  }
.list2 li:hover{
	box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.2);
}
.list2 li:hover .mytxt::after{
	width: 60px;
}
.case_arrow{
	width: 24px;
	height: 24px;

	position: absolute;
	left: 30px;
	bottom: 40px;
}
.more {
    text-align: center;
    height: 60px;
    margin: 0 auto;
    line-height: 60px;
    margin-top: 20px;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
    position: relative;
	width: 184px;
	background: #f5f5f5;
	font-size: 14px;
	margin-bottom: 120px;
}
.show img {
    width: 14px;
    margin-left: 15px;
    vertical-align: middle;
}
.searchInput{
 /* float: right; */
 position: relative;
 display: flex;
 align-items: center;
 border-bottom: 1px solid rgba(225,225,225,0.5);;
 line-height: 42px;
 height: 40px;
 position: absolute;
 right: 0;
 top: 10px;
}

.pathbox{
	/* overflow: hidden; */
	/* border-bottom: 1px solid #DFDFDF; */
	position: relative;
	height: 60px;
    line-height: 60px;
    border-top: 1px solid #e5e5e5;
    color: #999;
}
.path>div:first-child{float: left;}
.searchIcon2{
	background:url('https://hsimage.fotile.com/202212271400459785153.png') center center!important;
	background-size:100% 100%!important;
	width: 14px;
	height: 14px;
	margin-right: 5px;
}
.path u{
	padding: 0 3px!important;
}
.topbox{
	height: 650px;
	background: url('https://hsimage.fotile.com/202212271515407241630.jpg') center center;
	background-size: cover;
	position: relative;
}
.topbox>div{ 
	width: 993px;
	height: 106px;
	margin: 0 auto;
	background-color: rgba(255,255,255,0.7);
	position: absolute;
	bottom: 60px;
	left: 0;
	right: 0;
	padding: 0 35px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}
.topbox h2{
	font-size: 32px;
	line-height: 106px;
	color: #000000;
}
.topbox p{
	font-size: 16px;
	color: #000000;
	line-height: 36px;
	margin-top: 17px;
}
.titles{
	font-size: 20px;
	color: #000;
	margin-top: 60px;
	margin-bottom: 50px;
	text-align: center;
}
.conbox{
	background-color: #F5F5F5;
	display: flex;
	justify-content: space-between;
}
.conbox>div:first-child{
   width: 550px;
   padding: 46px 65px;
   box-sizing: border-box;
   font-size: 14px;
   color: #000;
}
.products li{
  display: flex;
  background-color: #fff;
  margin-bottom: 2px;
  padding: 14px;
}
.products li img{
  margin-right: 20px;
}
.products{
	margin-top: 30px;
}
.swiper-container{
	width: 586px;
}
.swiper-pagination-bullet {
	border-radius: 0;
	width: 20px!important;
	height: 2px !important;
	display: inline-block;
	background: #fff !important;
	border-radius: 0!important;
	opacity: 1!important;
  }
  .swiper-pagination-bullet-active{
	opacity: 1;
	padding: 1px 0px ;
	background:rgba(156,29,34,1) !important;
	height: 1px!important;
	width: 73px!important;
  }
  .bigtitle{
	font-size: 28px;
	color:#000
  }
  .othercase{
	margin-top: 90px;
  }
.cases_page{
    border-bottom: 1px solid #DFDFDF;
    border-top: 1px solid #DFDFDF;
}
.more{
	color: #000;
}