

.pro_flzd h3 {
  font-size:16px;
}
.zp_sp1{padding:0 30px; width:290px;}
.zp_sp2{padding:0 30px; width:260px;}
.zp_sp3{padding:0 30px; width:100px; }
.pro_flzd h3 span{display:block; float:left;}
.pro_flzd h3 .zp_sp6{background: url("../img/zp_bg.png") no-repeat right center; display:block; height:38px; width:44px; float:right;}
.zp_sp1{padding:0 2%; width:290px;}
.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(../img/zp_bga.png) no-repeat right center; }
.pro_flzd h3 + div { padding: 10px; }


/* Pre hide sections with JavaScript on
--- */
.pro_flzd h3+div {
  display: none;
}

/* CSS3 Animation example
--- */
#css3-animated-example h3 + div {
	position:absolute;
	top:50px;left:20px; z-index:999;
  height: 0px;
  padding: 0px;
  overflow: hidden;
  display: block!important;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition:all 0.5s ease;
	transition: all 0.5s ease;
	background:rgba(0,0,0,0.8);
}
#css3-animated-example .content {
  line-height:35px;
	overflow:hidden;
   font-size:14px;
   padding:10px 0;
}
#css3-animated-example .content a{display:block; float:left; color:#fff; padding-top:90px;}
#css3-animated-example .content span{display:block; float:right; margin-top:55px; margin-right:22px;}
#css3-animated-example h3.open + div {
  height: auto;
  position:absolute;  z-index:999;}
#css3-animated-example h3.open + div .content a:nth-child(1){animation:b1d 0.5s linear;animation-delay:0.2s;animation-fill-mode:forwards;}
#css3-animated-example h3.open + div .content a:nth-child(2){animation:b2d 0.5s linear;animation-delay:0.4s;animation-fill-mode:forwards;}
#css3-animated-example h3.open + div .content a:nth-child(3){animation:b3d 0.5s linear;animation-delay:0.6s;animation-fill-mode:forwards;}
#css3-animated-example h3.open + div .content a:nth-child(4){animation:b4d 0.5s linear;animation-delay:0.8s;animation-fill-mode:forwards;}
#css3-animated-example h3.open + div .content a:nth-child(5){animation:b5d 0.5s linear;animation-delay:1s;animation-fill-mode:forwards;}
#css3-animated-example h3.open + div .content a:nth-child(6){animation:b6d 0.5s linear;animation-delay:1.2s;animation-fill-mode:forwards;}
#css3-animated-example h3.open + div .content a:nth-child(7){animation:b6d 0.5s linear;animation-delay:1.4s;animation-fill-mode:forwards;}
@keyframes b1d{
	0%{ margin-top:0; opacity:0}
	100%{ margin-top:0; opacity:1; padding-top:0;}
}
@keyframes b2d{
	0%{ margin-top:0; opacity:0}
	100%{ margin-top:0; opacity:1; padding-top:0;}
}
@keyframes b3d{
	0%{ margin-top:0; opacity:0}
	100%{ margin-top:0; opacity:1; padding-top:0;}
}
@keyframes b4d{
	0%{ margin-top:0; opacity:0}
	100%{ margin-top:0; opacity:1; padding-top:0;}
}
@keyframes b5d{
	0%{ margin-top:0; opacity:0}
	100%{ margin-top:0; opacity:1; padding-top:0;}
}
@keyframes b6d{
	0%{ opacity:0}
	100%{ margin-top:0; opacity:1; padding-top:0;}
}






.pro_flzd2 h3 {
  font-size:14px;
  position:relative;
  font-weight:normal;
  line-height:26px;
  height:26px;
  padding:10px 0;
  border-bottom:1px dotted #ececec;
  
}
.in_wd2{padding-left:23px;color:#666666;}
.pro_flzd2 h3 .in_wd1{display:block; position:absolute; left:0; text-align:center; line-height:26px; top:10px; width:26px; height:26px; border-radius:100%;}
.pro_flzd2 h3.open .in_wd1{ background:#dd281d; color:#fff;}
.pro_flzd2 h3 + div { padding: 10px; }


/* Pre hide sections with JavaScript on
--- */
.pro_flzd2 h3+div {
  display: none;
}

/* CSS3 Animation example
--- */
#css3-animated-example2 h3 + div {
  height: 0px;
  padding: 0px;
  overflow: hidden;
  display: block!important;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition:all 0.5s ease;
	transition: all 0.5s ease;
	
}
#css3-animated-example2 .content2 {
  line-height:26px;
	overflow:hidden;
   font-size:14px;
   color:#7b7a7a;
   padding:20px 10px;
   margin-top:-1px;
   border:1px solid #e5e5e5;
}
#css3-animated-example2 .content2 a{color:#9b9a9a;}
#css3-animated-example2 .content2 a:hover{color:#dd281d;}
#css3-animated-example2 .content2 span{display:block; float:right; margin-top:55px; margin-right:22px;}
#css3-animated-example2 h3.open2 + div {
  height: auto;
  position:absolute; top:60px; left:20px; right:20px; z-index:999;}
