.pro_list{
  width:70%;
}
.pro_list .banner{
  width:100%;
}
.pro_list .banner img{
  width:100%;
}
.pro_list .zw_content .wrap{
  background:#fff;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.pro_list .zw_content .wrap .right{
  width:100%;
  display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.pro_list .zw_content .wrap .right .chanp_list{
  width:100%;
}
.pro_list .zw_content .wrap .right .chanp_list ul{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.pro_list .zw_content .wrap .right .chanp_list ul li{
  width:32%;
  /*border:1px solid #ddd;*/
}
.pro_list .zw_content .wrap .right .chanp_list ul li:nth-child(n+4){
  margin-top:20px;
}
.pro_list .zw_content .wrap .right .chanp_list ul li .img{
  width:100%;
}
.pro_list .zw_content .wrap .right .chanp_list ul li .img img{
  width:100%;
  height: 160px;
}
.pro_list .zw_content .wrap .right .chanp_list ul li .text{
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    display: block;
    padding: 20px 15px;
    margin-bottom: 30px;
    background: #f9f9f9;
    transition: 0.2s;
    
}
.pro_list .zw_content .wrap .right .chanp_list ul li .text p{
  color:#333;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.pro_list .zw_content .wrap .right .chanp_list ul li .text p a{
  color: #684682;
  font-weight: bold;
}
.pro_list .zw_content .wrap .right .chanp_list ul li .text p a:hover{
  color:#306a6c;
}
.pro_list .zw_content .wrap .right .chanp_list ul li .text .btn{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  margin-top:20px;
}

.pro_list .zw_content .wrap .right .chanp_list ul li .text .btn .btn2{
  display:block;
  width:50%;
  line-height: 40px;
  text-align: center;
  border:1px solid #306a6c;
  color:#306a6c;
  font-size: 14px;
  margin: 0 25%;
}
.pro_list .zw_content .wrap .right .chanp_list ul li .text .btn .btn2:hover{
  color:#fff;
  background:#91c3ba;
}
.pro_list .zw_content .wrap .right .page_list{
  width:100%;
  padding:40px 0;
}
.pro_list .zw_content .wrap .right .page_list ul{
  width:100%;
  display:flex;
  justify-content: center;
  flex-wrap:wrap;
}
.pro_list .zw_content .wrap .right .page_list ul li{
  margin:10px 10px 0;
}
.pro_list .zw_content .wrap .right .page_list ul li a{
  display:block;
  width:100%;
  padding:10px 15px;
  color:#333;
  font-size: 13px;
  border:1px solid #ddd;
}
.pro_list .zw_content .wrap .right .page_list ul li a:hover{
  color:#fff;
  background:#008b84;
}
.pro_list .zw_content .wrap .right .page_list ul .on_page a{
  color:#fff;
  background:#008b84;
}
@media screen and (max-width: 980px) {
  .pro_list .zw_content .wrap .left{
    display:none;
  }
  .pro_list .zw_content .wrap .right{
    width:100%;
  }
  .pro_list{
  width:100%;
  }
  .pro_list .zw_content .wrap .right .chanp_list ul li .img img{
      height: 100px;
  }
}
@media all and (max-width:750px) {
  .pro_list .zw_content .wrap .right .chanp_list ul li{
    width:48%;
  }
  .pro_list .zw_content .wrap .right .chanp_list ul li:nth-child(n+3){
    margin-top:15px;
  }
  .pro_list .zw_content{
    margin:15px 0;
  }
  .pro_list .zw_content .wrap .right .chanp_list ul li .text p{
    font-size: 12px;
  }
  .pro_list .zw_content .wrap .right .chanp_list ul li .text .btn .btn1{
    width:45%;
    line-height: 30px;
    font-size: 12px;
  }
  .pro_list .zw_content .wrap .right .chanp_list ul li .text .btn .btn2{
    width:45%;
    line-height: 30px;
    font-size: 12px;
  }
 .right .page_list ul li a{
    padding:5px 10px;
    font-size: 12px;
  }
  .pro_list .zw_content .wrap .right .page_list{
    padding:20px 0;
  }
}
@media all and (max-width:480px) {
  .pro_list .zw_content .wrap .right .chanp_list ul li:nth-child(n+3){
    margin-top:10px;
  }
  .pro_list .zw_content .wrap .right .chanp_list ul li{
    width:48%;
  }
}