@charset "utf-8";
.y_zzjg{
	width:1200px;
	font-weight: normal !important;
	margin-left: 43px;
	    margin-bottom: 173px;
			height:100%;
			float: left;
    margin-top: 114px;
	}
.y_zzjg_title li{
	list-style:none;
	line-height: 32px;
	}
.y_zzjg__con{
	margin-left:12px;
	}
.cl{clear: both}
.y_zzjg_blank{
	background: #f7f8f8;
    width: 2px;
    height: 51px;
    position: absolute;
    top: 0;
    left: 92px;
    z-index: 100;
	}
.fl_top_height{
	height:138px;
}
.y_zzjg_blank01{
	background: #f7f8f8;
    width: 2px;
    height: 80px;
    position: absolute;
    bottom: 0;
    left: 92px;
    z-index: 100;
	}
.y_zzjg .fl_top{
	position:relative;
	border-left: 1px solid #7d1924;
	}
.y_zzjg_mune{
	position:absolute;
	left: -3px;
	width:235px;
	line-height:30px;
	font-family:"微软雅黑";
	top: 38px;

	}
.y_zzjg_mune .y_icon02{
	background:url(../images/y_jg.png) no-repeat;
	width:50px;
	height:30px;
	display:block;
	float:left;
	margin-right:17px;
	}
.y_zzjg .y_icon04{
	position:absolute;
	width:136px;
	height:30px;
	display:block;
	left:-136px;
	background:url(../images/y_jg01.png);
	top:2px;
	}
.y_zzjg h1, h2 {
  color: #666;
}
.y_zzjg_title01{
  font-size: 25px;
  color:#666;
  text-align: center;;
  border-bottom: 1px solid #cecfcf;
  padding: 47px 0;
	margin-bottom: 112px;
	float: left;
	width: 100%;
}
.y_zzjg h1 {
  text-transform: uppercase;
  font-size: 18px;
  line-height: 42px;
  letter-spacing: 3px;
  font-weight: normal;
  font-family:"微软雅黑";
}

.y_zzjg .h2 {
  font-size: 18px;
  line-height: 34px;
  font-weight: normal !important;
  display: block;
  margin: 0;
  cursor: pointer;
  font-family:"微软雅黑";
  margin-left: 95px;
  color: #666;
  
}

.y_zzjg p {
  color:#666;
  font-size: 18px;
  line-height:38px;
  position: relative;
  overflow: hidden;
  max-height: 2700px;
  opacity: 1;
  transform: translate(0, 0);
  margin-top: 12px;
  z-index: 2;
  font-family:"微软雅黑";
  margin-left:190px;
  width:691px;
   font-weight: normal !important;

}

.y_zzjg ul.fl li .y_icon03:before {
  transition: all 0.25s ease-in-out;
}
ul.fl li .y_icon03:after {
  transition: all 0.25s ease-in-out;
}

.y_zzjg ul.fl li {
  animation: flipdown 0.5s ease both;
}

.y_zzjg ul.fl {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
  position:relative;
}
.y_zzjg ul.fl li {
  position: relative;
  padding: 0;
  margin: 0;
  padding-bottom: 4px;
    margin-left: 93px;
		float: left;
width: 100%;

}
.y_zzjg ul.fl li:nth-of-type(1) {
  animation-delay: 0.5s;
}
.y_zzjg ul.fl li:nth-of-type(2) {
  animation-delay: 0.75s;
}
.y_zzjg ul.fl li:nth-of-type(3) {
  animation-delay: 1s;
}
ul.fl li:last-of-type {
  padding-bottom: 0;
}
.y_zzjg ul.fl li .y_icon03 {
  position: absolute;
  margin-top: 16px;
  right: 0px;
	bottom: 28px;

}
.y_zzjg ul.fl li i.y_icon03:before {

  position: absolute;
  background-color: #ff6873;
  width: 60px;
  height: 17px;

  right: 50px;
  display:block;
}
.y_zzjg  ul li .y_icon03:after {
 content:"";
  position: absolute;
  background-color: #ff6873;
  width: 60px;
  height: 17px;

  right: 50px;
  display:block;
}
.y_zzjg ul.fl li i:before {
 background:url(../images/y_zk.png);
}
.y_zzjg ul.fl li i:after {
 background:url(../images/y_sq.png);
}
.y_zzjg ul.fl li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
.y_zzjg ul.fl li input[type=checkbox]:checked ~ p {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
}
.y_zzjg ul.fl li input[type=checkbox]:checked ~ i:before {
  background:url(../images/y_zk.png);
}
.y_zzjg ul.fl li input[type=checkbox]:checked ~ i:after {
   background:url(../images/y_zk.png);
}

@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: rotateX(8deg);
  }
  83% {
    transform: rotateX(6deg);
  }
  92% {
    transform: rotateX(-3deg);
  }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}