/* 公共样式表css */
a {
	text-decoration: none;
	color: #000;
}

dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
	margin: 0;
	padding: 0;

}

.clearfix::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix {
}
/* 必要布局样式css */
.case-container {
	width: 1440px;
	margin: 0 auto;
	padding: 0;
}
.case-index-title {
	font-size: 16px;
	text-align: center;
	padding: 50px 0;

}
.case-index-title h2 {
	font-size: 36px;
	font-family: pingfang, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
	font-weight: normal;
}
.case-index-title a {
	width: 100px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #DBDCE0;
	text-align: center;
	font-size: 14px;
	display: block;
	margin: 25px auto 0;
	transition: all .2s;
}
.case-index-title a:hover {
	background: #F96A69;
	border-color: #F96A69;
	color: #fff;
}
.case-index-content {
	position: relative;
}
.case-index-content ul {
	margin-left: 20px;
}
.case-example-item {
	cursor:pointer;
	float: left;
	width: 335px;
	height: 450px;
	overflow: hidden;
	margin: 0 20px 20px 0;
	text-align: center;
	position: relative;
	transition: all .2s;
	border-radius: 10px;
}
.case-example-item:hover{
	box-shadow: 0 0 15px #BEBEBE;
}
.case-pad {
	padding:0;
	margin:0;
	width: 335px;
	height: 227px;
}
.case-item-info {
	height: 223px;
	position: absolute;
	padding:0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	transition: all 0.8s;
}
.case-info-title {
	height: 75px;
	line-height: 75px;
	font-size: 20px;
	font-weight: bold;
	transition: all .2s;
	color:black;
}
.case-info-text {
	font-size: 14px;
	line-height: 28px;
	color: #666;
	padding: 0px 15px 15px 15px;
	overflow: hidden;
    height:75px;
}
.bt-small{
	background: #fff;
	text-align: center;
	height: 200px;
	margin-top:0px;
	padding:15px;
}
.bt-small-a{
	float:left;
	font-size: 9px;
	background:#ff8247;
	text-align: center;
	margin:5px 6px 0 0;
	padding:5px;	
	color:white;
	border-radius: 5px;
}
.bt-small-a:hover{
	background:#076ce0;
}
.case-info-button {
    background: #fff;
    overflow: hidden;
	position: absolute;
    border-top:1px solid #D3D3D3;
	height:60px;
	width: 335px;
    font-size: 16px;
    padding:0;
    margin:163px 0 0 0;
    text-align:center;
}
.bt-xiangqing{
	width:117px;
	float:left;
	overflow: hidden;
	text-align: center;
	margin:0px;
	padding:0px 25px 0 25px;
	color:#076ce0;
	line-height: 60px;
    border-right:1px solid 	#D3D3D3;
}
.bt-xiangqing:hover,
.bt-xiangqing:focus {
  box-shadow: inset  0 -60px 0 0 var(--hover);
}
.bt-xiangqing{
   --hover: #076ce0;
}
.bt-xiangqing {
  color: var(--color);
  transition: 0.45s;
}
.bt-xiangqing:hover, .bt-xiangqing:focus {
  border-color: var(--hover);
  color:#fff;
}


.bt-tiyan {
	width:117px;
	float:left;
	text-align: center;
	margin:0;
	padding:0px 25px 0 25px;
	color:#076ce0;
	line-height: 60px;
}
.bt-tiyan:hover,
.bt-tiyan:focus {
  box-shadow: inset  0 -60px 0 0 var(--hover);
}
.bt-tiyan{
   --hover: #076ce0;
}
.bt-tiyan {
  color: var(--color);
  transition: 0.45s;
}
.bt-tiyan:hover, .bt-tiyan:focus {
  border-color: var(--hover);
  color:#fff;
}

.case-index-content .case-example-item:hover .case-item-info {
	height: 320px;
	border-radius: 20px 20px 0  0;
	background: #cee5ff;
	box-shadow: 0 0 15px #076ce0;
}