

.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;}