.two-menu li a:hover,.two-menu li a.active{
  color:#FFC13B ;
}
.top-panel,.dkf-panel{
  padding: 100px 0;
}
.top-ys,.dlfc-panel .content,.dkf-panel .content,.bottom-panel .content{
  display: flex;
  justify-content: space-between;
}
.cc .top-ys{
  -webkit-animation: c4 1s forwards;
  -o-animation: c4 1s forwards;
  animation: c4 1s forwards;
}
.cc .cooper-txt .same-title{
  -webkit-animation: c4 1s .4s forwards;
  -o-animation: c4 1s .4s forwards;
  animation: c4 1s .4s forwards;
}
.cc .cooper-txt .info{
  -webkit-animation: c4 1s .8s forwards;
  -o-animation: c4 1s .8s forwards;
  animation: c4 1s .8s forwards;
}
.cc2 .same-title{
  -webkit-animation: c4 1s forwards;
  -o-animation: c4 1s forwards;
  animation: c4 1s forwards;
}
.cc2 .content{
-webkit-animation:  c4 1s  0.4s forwards;
  -o-animation:  c4 1s  0.4s forwards;
  animation:  c4 1s  0.4s forwards;
}
.top-ys {
  opacity: 0;
}
.top-ys .item{
  text-align: center;
}
.top-ys .item .icon-box{
  width: 146px;
  height: 146px;
  background: #FFC13B;
  border-radius: 50%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.top-ys .item h4{
  font-size: 29px;
  margin: 30px 0 20px;
}
.cooper-txt{
  margin-top: 103px;
}
.cooper-txt .info{
  margin-top: 50px;
  text-align: center;
  line-height: 54px;
  opacity: 0;
}
.dlfc-panel{
  height: 724px;
  background: #F7F7F7;
  padding: 60px 0 70px;
}
.same-title{
  opacity: 0;
}
.dlfc-panel .content{
  flex-wrap: wrap;
  margin-top: 59px;
  opacity: 0;
  
}
.dlfc-panel .content .desc{
  width: 285px;
  height: 209px;
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-radius: 20px;
  padding: 40px 18px 0;
  text-align: center;
  margin-bottom: 47px;
}
.dlfc-panel .content .desc:nth-of-type(1) h4{
  color: #DF2B46;
  
}
.dlfc-panel .content .desc:nth-of-type(2) h4{
  color: #D35771;
  
}
.dlfc-panel .content .desc:nth-of-type(3) h4{
  color: #EDA818;
  
}
.dlfc-panel .content .desc:nth-of-type(4) h4{
  color: #F98053;
  
}
.dlfc-panel .content .desc:nth-of-type(5) h4{
  color: #D35771;
  
}
.dlfc-panel .content .desc:nth-of-type(6) h4{
  color: #F98053;
  
}
.dlfc-panel .content .desc:nth-of-type(7) h4{
  color: #B6545D;
  
}
.dlfc-panel .content .desc:nth-of-type(8) h4{
  color: #DF2B46;
  
}
.dlfc-panel .content .desc p{
  line-height: 34px;
  margin-top: 15px;
}
.dkf-panel .content{
  margin-top: 59px;
  opacity: 0;
}
.dkf-panel .content .item{
  width: 376px;
  height: 354px;
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  box-shadow: 0px 14px 30px 8px rgba(103, 101, 101, 0.08);
  border-radius: 20px;
}
.dkf-panel .content .item .pic-box{
  width: 376px;
  height: 235px;
  border-radius: 20px 20px 0 0;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  -ms-border-radius: 20px 20px 0 0;
  -o-border-radius: 20px 20px 0 0;
}
.dkf-panel .content .item .desc{
  padding: 36px 18px;
  text-align: center;
}
.bottom-panel{
  height: 442px;
  background-image: url(../img/cb-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-top: 59px;
}
.bottom-panel .same-title h3{
  color: #fff;
}
.bottom-panel .content{
  margin-top: 60px;
  opacity: 0;
}
.bottom-panel .content .item{
  background-image: url(../img/cooper-iconbg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 269px;
  height: 154px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 17px 0 34px;
}
.bottom-panel .content .item .icon img{
  transform: scale(.8);
  -webkit-transform: scale(.8);
  -moz-transform: scale(.8);
  -ms-transform: scale(.8);
  -o-transform: scale(.8);
}
.bottom-panel .content .item .info{
  width: 50%;
}