/*
 * @Descripttion: 
 * @version: 
 * @Author: xiaojing
 * @Date: 2021-03-02 16:19:07
 * @LastEditors: 彭晶怡
 * @LastEditTime: 2021-05-07 11:47:53
 */
  /* 项目申报公用 */
  .iframe {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    display: none;
  }
  .row{
    display: flex;
    flex-direction: row;
  }
  .column{
    display: flex;
    flex-direction: column;
  }

 
/*第一屏 通知*/
.project-inform{
  height: 766px;
}
.project-inform-img{
  height: 376px;
  background-image: url('../images/project-application/banerbg.jpg');
  background-size: cover;
  background-position: center;
}

.project-inform-img-sw{
  margin-left: -60px;
  margin-top: 90px;
}
/* .project-inform-img>img{
  margin-left: 6%;
  margin-top: 90px;
} */
.project-inform-span{
  width: 240px;
  height: 14px;
  /* margin-left:10%; */
  margin-top: -50px;
  font-size: 14px;
  color: #FFFFFF;
  opacity: 0.8;
}

  .project-inform-card{
    margin-top: 80px;
    height: 120px;
    justify-content: space-between;
  }
  .project-inform-card-item{
    width: 283px;
    height: 130px;
    background-image: url('../images/project-application/banner_boxbg.png');
    background-size: cover;
    background-position: center;
    position: relative;
  }
  .inform-card-item-active{
    width: 304px;
    height: 154px;
    background-image: url('../images/project-application/bg2.png');
    background-size: cover;
    background-position: center;
    position: relative;
    bottom: 20px;
    transition:width 0.5s;
  }
  
  .project-inform-card-item-left{
    width: 50%;
    /* display: flex;
    justify-content: center;
    align-items: center; */
  }
  .project-inform-card-item-left>img{
    top: 30px;
    left: 20px;
    position: absolute;
  }
  .project-inform-card-item-left>span{
    position: absolute;
    top: 62px;
    left: 20px;
    font-weight: 700;
  }
  .project-inform-card-item-right{
    width: 43%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .project-inform-card-item-right>img{
    margin-top: 11px;
    height: 45px;
    display: inline-block;
  }
  .inform-card-item-active .project-inform-card-item-right>img {
    height: 65px;
  }
.project-inform-div{
  height: 393px;
  background-image: url('../images/project-application/bg1.jpg');
  background-size: cover;
  background-position: center;
}

.project-inform-div-left{
  width: 20%;
  height:374px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.project-inform-div-left>img{
 /* margin-left: -46%; */
}
.project-inform-div-right{
  width:80%;
  height:374px;
}
.inform-div-right-con{
  /* height: 160px; */
  margin-top: 120px;
  margin-left: 87px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap:wrap;
}
.project-inform-div-right-item {
  width: 48%;
  margin:10px 0px;
  border-bottom: 1px solid #E9E9E9;
}
/* .project-inform-div-right-item:nth-child(1) .item-inform-right,.project-inform-div-right-item:nth-child(2) .item-inform-right{
  border-bottom: 1px solid #E9E9E9;
} */

.item-inform-left{
  width: 80px;
} 
.item-inform-left>span{
  font-size: 24px;
  font-weight: bold;
  color: #2F2F2F;
  
}
.item-inform-left>p{
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 32px;
  opacity: 0.3;
  margin: 0 auto;
}
.item-inform-right{
  width:360px;
} 
.item-inform-right>span {
  font-size: 16px;
  font-weight: bold;
  color: #292929;
  line-height: 30px;
  padding-bottom: 19px;
  display: block;
}
.rich_btn {
  width: 200px;
  margin: 0 auto;
}
.rich_btn span {
  display: inline-block;
  padding: 10px 30px;
  background: linear-gradient(
0deg
, #fb8c69, #ffa155);
  border-radius: 50px;
  color: #fff;
  font-size: 18px;
  margin-top: 18px;
}
.rich_btn i {
  font-size: 20px;
  margin-right: 5px;
}

.item-inform-more{
  display: flex; 
  align-self:flex-end;
  margin-top: 20px;
  margin-right: 20px;
}

/*第二屏 公示*/
.project-publicity{ 
  background-color: #27557B;
  width: 100%;
  height: 850px;
  background-image: url('../images/project-application/bg2.jpg');
  background-size: cover;
  background-position: center;
}
.project-publicity-title{
  margin-top: 50px;
  width: 354px;
  height: 70px;
  display: flex;
  align-self:center;
}
.project-publicity-content{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; 
  margin-top: 30px; 
}
.project-publicity-content-item{
  width: 370px;
  height: 153px;
  background-color: #FFFFFF;
  border-left:5px #FF6C00 solid;
  margin: 10px;
}

.item-publicity{
  margin: 20px ;
}
.item-publicity-left {
  color: #292929;
  width: 301px;
  height: 43px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  line-height: 27px;
}
/* .item-publicity-letf>span{
    font-size: 16px;
    font-weight: bold;
    color: #292929;
    line-height: 27px;
} */

.item-publicity-right{
  margin-top: 38px;
  display: flex;
  justify-content: space-between;
}

.item-publicity-right>p{
  font-size: 14px;
  font-weight: 400;
  color: #292929;
  opacity: 0.56;
}

.project-publicity-more{
  margin-top: 92px;
  display: flex;
  align-self:center;
}



/* 第三屏 动态 */
.project-dynamic{
  height: 750px;
  background-color: #fff;
}
.project-dynamic-title{
  margin-top: 50px;
}
.project-dynamic-content{
  margin-top: 20px;
}
.project-dynamic-content-img{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px;
}
.project-dynamic-content-img>img{
  width: 331px;
  height: 191px;
}
.project-dynamic-content-img>span{
  margin:10px 0px ;
  font-size: 14px;
  font-weight: 400;
  color: #292929;
  line-height: 24px;
}
.project-dynamic-content-right{
margin-left: 100px;
}
.project-dynamic-content-item{
  margin: 10px 0px 20px 10px;
  display: flex;
  justify-content: space-between;
}
.project-dynamic-content-item-left{
  width: 80px;
  display: flex;
}
.project-dynamic-content-item-left>span{
  font-size: 24px;
  font-weight: bold;
  color: #2F2F2F;
  line-height: 32px;
}
.project-dynamic-content-item-left>p{
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 32px;
  opacity: 0.3;
  margin-left: 10px;
}

.project-dynamic-content-item-right{
  width: 600px;
}

.project-dynamic-content-item-right>span{
  font-size: 18px;
  font-weight: bold;
  color: #292929;
  line-height: 27px;
}
.project-dynamic-content-item-right>p{
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #9E9E9E;
  line-height: 24px;
}


.project-dynamic-more{
  margin-top: 20px;
  display: flex; 
  align-self:flex-end;
}