.yydy{
  width:100%;
}
.yydy .banner{
  width:100%;
}
.yydy .banner img{
  width:100%;
}
.yydy .zw_content{
  width:100%;
  margin:25px 0;
}
.yydy .zw_content .wrap{
  background:#fff;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.yydy .zw_content .wrap .left{
  width:24%;
}
.yydy .zw_content .wrap .left .pro_fl{
  width:100%;
}
.yydy .zw_content .wrap .left .pro_fl .tit{
  width:100%;
  font-size: 20px;
  background:#008d84;
  text-align: center;
  line-height: 70px;
  color:#fff;
}
.yydy .zw_content .wrap .left .pro_fl .list{
  width:100%;
  padding:0 10px;
}
.yydy .zw_content .wrap .left .pro_fl .list li{
  width:100%;
}
.yydy .zw_content .wrap .left .pro_fl .list li p{
  position: relative;
  border-bottom:1px solid #ddd;
  padding-left:50px;
  line-height: 50px;
  color:#333;
  font-size: 16px;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.yydy .zw_content .wrap .left .pro_fl .list li p:hover{
  box-shadow: 0 3px 6px 3px rgba(0,0,0,.2);
  background:#f4f4f4;
}
.yydy .zw_content .wrap .left .pro_fl .list li p em{
  display:block;
  width:14px;
  height:14px;
  position: absolute;
  left:30px;
  top:50%;
  margin-top:-7px;
  background:url("../images/sanjiao.png")no-repeat 10% center;
  background-size: 14px 14px;
}
.yydy .zw_content .wrap .left .pro_fl .list .l1 p em{
  transform: rotate(90deg);
}
.yydy .zw_content .wrap .left .pro_fl .list li dl{
  width:100%;
  display:none;
  transition: none;
}
.yydy .zw_content .wrap .left .pro_fl .list li dl dd{
  line-height: 35px;
}
.yydy .zw_content .wrap .left .pro_fl .list li dl dd:hover{
  box-shadow: 0 3px 6px 3px rgba(0,0,0,.2);
  background:#f4f4f4;
}
.yydy .zw_content .wrap .left .pro_fl .list li dl dd a{
  display:block;
  padding-left:55px;
  color:#333;
  font-size: 14px;
  border-bottom:1px solid #ddd;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.yydy .zw_content .wrap .left .pro_fl .list li dl dd a:hover{
  color:#008d84;
}
.yydy .zw_content .wrap .left .pro_lxwm{
  width:100%;
  margin-top:20px;
}
.yydy .zw_content .wrap .left .pro_lxwm .tit{
  width:100%;
  width:100%;
  font-size: 20px;
  background:#008d84;
  text-align: center;
  line-height: 70px;
  color:#fff;
}
.yydy .zw_content .wrap .left .pro_lxwm .content{
  width:100%;
  padding:15px 10px;
  border:1px solid #ddd;
  border-top:none;
}
.yydy .zw_content .wrap .left .pro_lxwm .content p{
  width:100%;
  color:#333;
  font-size: 13px;
  line-height: 25px;
}
.yydy .zw_content .wrap .right{
  width:74%;
  padding:20px;
}
.yydy .zw_content .wrap .right .tit{
  width:100%;
  position: relative;
}
.yydy .zw_content .wrap .right .tit h1{
  color:#333;
  font-size: 24px;
  font-weight: normal;
  padding:20px 0;
  width:300px;
  margin:0 auto;
  text-align: center;
  border-bottom:1px solid #ddd;
}
.yydy .zw_content .wrap .right .tit .line{
  width:80px;
  height:3px;
  position: absolute;
  left:50%;
  bottom:-2px;
  margin-left:-40px;
  background:#008d84;
}
.yydy .zw_content .wrap .right .biaod{
  width:100%;
  padding:40px 0;
}
.yydy .zw_content .wrap .right .biaod ul{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  align-items: center;
}
.yydy .zw_content .wrap .right .biaod ul li{
  width:47%;
  display:flex;
  justify-content: flex-end;
  align-items: center;
  margin-top:20px;
}
.yydy .zw_content .wrap .right .biaod ul li p{
  color:#333;
  font-size: 14px;
  width: 23%;
  white-space: nowrap;
}
.yydy .zw_content .wrap .right .biaod ul li p em{
  color:#d6121b;
  font-style: normal;
  font-size:12px;
}
.yydy .zw_content .wrap .right .biaod ul li input{
  display:block;
  width:80%;
  border:1px solid #ddd;
  line-height: 40px;
  padding:0 50px 0 10px;
  font-size: 12px;
  color:#333;
  cursor: pointer;
  border-radius: 5px;
}
.yydy .zw_content .wrap .right .biaod ul .yy_time input{
  background:url("../images/rili.png")no-repeat 95% center;
  background-size:20px 20px;
}
.yydy .zw_content .wrap .right .biaod .diaoy_content{
  width:100%;
  display:flex;
  justify-content: flex-end;
  flex-wrap:wrap;
  margin-top:20px;
}
.yydy .zw_content .wrap .right .biaod .diaoy_content p{
  color:#333;
  font-size: 12px;
  white-space: nowrap;
}
.yydy .zw_content .wrap .right .biaod .diaoy_content p em{
  color:#d6121b;
  font-style: normal;
  font-size:12px;
}
.yydy .zw_content .wrap .right .biaod .diaoy_content textarea{
  display:block;
  width:90%;
  height:150px;
  border-radius: 5px;
  border:1px solid #ddd;
  line-height: 25px;
  padding:10px;
}
.yydy .zw_content .wrap .right .biaod .yzm{
  width:100%;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
  margin-top:20px;
  align-items: center;
  margin-left:30px;
}
.yydy .zw_content .wrap .right .biaod .yzm p{
  color:#333;
  font-size: 12px;
  white-space: nowrap;
}
.yydy .zw_content .wrap .right .biaod .yzm p em{
  color:#d6121b;
  font-style: normal;
  font-size:12px;
}
.yydy .zw_content .wrap .right .biaod .yzm input{
  display:block;
  width:110px;
  border:1px solid #ddd;
  line-height: 40px;
  padding:0 50px 0 10px;
  font-size: 12px;
  color:#333;
  cursor: pointer;
  border-radius: 5px;
}
.yydy .zw_content .wrap .right .biaod .yzm .yzm_pic{
  width:100px;
  margin-left:10px;
}
.yydy .zw_content .wrap .right .biaod .yzm .yzm_pic img{
  width:100%;
}
.yydy .zw_content .wrap .right .biaod .up_btn{
  display:block;
  width:50%;
  margin:40px auto 20px;
  line-height: 60px;
  text-align: center;
  background:#f4a351;
  border:none;
  outline: none;
  font-size: 20px;
  color:#fff;
  cursor: pointer;
}
@media all and (max-width:850px) {
  .yydy .zw_content .wrap .left{
    display:none;
  }
  .yydy .zw_content .wrap .right{
    width:100%;
    padding:10px;
  }
  .yydy .zw_content .wrap .right .biaod .yzm{
    margin-left:20px;
  }
}
@media all and (max-width:750px) {
  .yydy .zw_content{
    margin-top:15px;
  }
  .yydy .zw_content .wrap .right .biaod .yzm{
    margin-left:0px;
  }
  .yydy .zw_content .wrap .right .biaod .yzm p{
    width:100%;
    color:#333;
    font-size: 12px;
    white-space: nowrap;
  }
  .yydy .zw_content .wrap .right .biaod .yzm input{
    margin-top:10px;
    line-height: 30px;
  }
  .yydy .zw_content .wrap .right .biaod .yzm .yzm_pic{
    margin-top:10px;
  }
  .yydy .zw_content .wrap .right .biaod{
    padding:20px 0;
  }
  .yydy .zw_content .wrap .right .biaod ul li{
    width:100%;
    flex-wrap:wrap;
  }
  .yydy .zw_content .wrap .right .biaod ul li p{
    width:100%;
  }
  .yydy .zw_content .wrap .right .biaod ul li input{
    width:100%;
    margin-top:10px;
    line-height: 30px;
  }
  .yydy .zw_content .wrap .right .biaod .diaoy_content textarea{
    width:100%;
    margin-top:10px;
  }
  .yydy .zw_content .wrap .right .biaod .diaoy_content{
    justify-content: flex-start;
    flex-wrap:wrap;
  }
  .yydy .zw_content .wrap .right .biaod .up_btn{
    width:200px;
    font-size: 16px;
    line-height: 40px;
  }
  .yydy .zw_content .wrap .right .tit h1{
    font-size: 20px;
    width:200px;
  }
  .yydy .zw_content .wrap .right .tit .line{
    width:40px;
    margin-left:-20px;
  }
}