.pro_flzd{ width:100%;}

.pro_flzd h3 {
  height:38px; line-height:38px;
  font-size:14px;
    background:#f8f8f8;
	margin-top:10px;
	cursor: pointer;
}
.pro_flzd h3 span{display:block; float:left;}
.pro_flzd h3 .zp_sp6{background: url("../images/zp_bg.jpg") no-repeat right center; display:block; height:38px; width:44px; float:right;}
/* .zp_sp1{padding:0 2%; width:290px;} */
.zp_sp1{padding:0 2%; width:85%;}
.pro_flzd h3 .zp_d2{background:#d4ddef;}
.pro_flzd h3 a {


  display: block;
  color: #333;
  text-decoration: none;
  font-weight: normal;
}
.pro_flzd h3:hover {}
.pro_flzd h3.open a { background-position: 13px -25px;}
.pro_flzd h3.open .zp_sp6{  background:url(../images/zp_bga.jpg) no-repeat right center; }
.pro_flzd h3.open .zp_sp1{font-weight:bold;}
.pro_flzd h3.open{background:#dedfe0;}
.pro_flzd h3 + div { padding: 10px;   transition: all 0.3s ease-in-out; }


/* Pre hide sections with JavaScript on
--- */
.pro_flzd h3+div {
  display: none;
}

/* CSS3 Animation example
--- */
#css3-animated-example h3 + div {
  /*height: 0px;*/
  padding: 0px;
  overflow: hidden;
  /*display: block!important;*/
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition: all 0.3s ease;
}
#css3-animated-example .content {
  padding: 2%;
  line-height:30px;
   font-size:20px;
   color:rgb(0,0,0);
   border:1px solid #eee;
}
#css3-animated-example .content a{display:block;}
#css3-animated-example h3.open + div {
  height: auto;
  background: #fff;
 
}

@media screen and (max-width: 768px) {
  .zp_d1 {
    display: flex;
    justify-content: space-between;
  }
  .zp_d1 .zp_sp6 {
    flex-shrink: 0;
  }
  .pro_flzd h3 {
    line-height: 1.4;
    height: auto;
    padding: 5px 0;
  }
}