*, ::after, ::before {
    box-sizing: border-box;
}


.ft-case-study-section {
	overflow: hidden;
	background-color: #fff;
	padding: 20px 0px; padding-top:0px;
	cursor: pointer;
}


/*小屏幕*/
@media screen and (max-width: 768px) {
.ft-case-study-section {	padding: 0px 0px;}
}
.ft-case-study-section a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: 500ms all ease;
    transition: 500ms all ease; 
}

.ft-case-study-content{ width:100%; padding-top:20px; }
/*小屏幕*/
@media screen and (max-width: 768px) {
.ft-case-study-content{ width:100%; padding-top:20px; }
}
.ft-case-study-items { 
border-right: 0px solid #8a8a8a; /*width:100%; */ 
}
.ft-case-study-items .ft-case-study-img {    
  position: relative;   	
}

.ft-case-study-items .ft-case-study-img:before {
	border-right: 10px solid  #fff;
	border-left: 10px solid  #fff;

  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  background-color: rgba(0, 0, 0, 0.05); /*设置图片的透明度*/
}
.ft-case-study-items .ft-case-study-text {

 left: 10%;  width:80%;background-color:rgba(0, 0, 0, 0.6); 
  bottom: 25px;
/*  max-width: 335px;*/
  position: absolute;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  
  	padding:20px 0px;
  padding-right:10px;
  
}
.ft-case-study-items .ft-case-study-text .serial-no {
	color: #7AB33B;
	font-size: 20px;
	font-weight: 500;
}
.ft-case-study-items .ft-case-study-text h3 {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	padding:10px 5px; padding-left:80px; padding-right:0px;
	line-height:1.4em;
	margin:0px !important;
}
.ft-case-study-items .ft-case-study-text h3 a{
	color: #fff;
	font-size: 24px;
	font-weight: 700;	
}
/*小屏幕*/
@media screen and (max-width: 768px) {
.ft-case-study-items .ft-case-study-text {
 left: 5%;  width:90%;background-color:rgba(0, 0, 0, 0.6); }
.ft-case-study-items .ft-case-study-text h3 {font-size: 20px;padding-right:0px;}
}

.ft-case-study-items .ft-case-study-text p {
  opacity: 0;
  color: #fff;
  line-height: 1.688;
  padding-bottom: 35px;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-case-study-items .more-btn {
	
  left: 20px;  position: absolute;  top:25%;
  color: #fff;
  width: 45px;
  height: 45px;
  display:block;
 vertical-align:middle;
 
  border: 2px solid rgba(255, 255, 255, 0.6);text-align:center;
}
/*480px小屏幕*/
@media screen and (max-width: 480px) {
.ft-case-study-items .more-btn { }
}
.ft-case-study-items .more-btn i{ margin:0px auto; line-height:40px !important; font-size:14px;} 
.ft-case-study-items:hover .more-btn {
  color: #fff;
  background-color:rgba(255, 255, 255, 0.6); 
}

.ft-case-study-items:hover .ft-case-study-text {
  bottom: 90px;
}
.ft-case-study-items:hover .ft-case-study-text p {
  opacity: 1;
}
.ft-case-study-items:hover .ft-case-study-img:before {
  background-color: rgba(0, 67, 135, 0.1);
 
}

.ft-0{
	padding: 0px !important;
	margin: 0px !important; margin-bottom:10px !important;

}
.ft-0 ul{	padding: 0px !important;
	margin: 0px !important;}
.ft-0 ul li{	padding: 0px !important;
	margin: 0px !important;}
.ft-case-study-img{ width:100%;}
.ft-case-study-img img{ width:100%; height:auto;  }

.class_bg{ background-color:#fff; display:inline-block;}