.adv-list li{
  background:#fff;
  position:relative;
  width:100%;
  padding:5px 10px;
  margin:10px 0;
  display:flex;
  align-items:center;
  z-index:2;
  border-radius:30px 0px!important;
}
 .adv-list li:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:0;
  height:100%;
  background-image:linear-gradient(270deg,#005795 0%,#005795 100%);
  z-index:-1;
  visibility:visible;
  transition:all 0.5s;
  border-radius:30px 0px;
}
 .adv-col{
  float:left;
  width:80%;
}
 .adv-col h3{
  font-size:22px;
  font-weight:bold;
  color:#333;
  line-height:50px;
  margin-bottom:5px;
  width:50px;
  text-align:center;
  height:50px;
  border:#e5e5e5 solid 1px;
  border-radius:50px;
  float:left;
  transition:all 0.8s;
}
 .adv-col p{
  font-size:18px;
  color:#737373;
  line-height:50px;
  transition:all 0.8s;
  text-align:justify;
  overflow:hidden;
  width:80%;
  padding-left:15px;
  float:left;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
}
 .adv-link{
  float:right;
  width:20%;
  text-align:right;
}
 .adv-link a{
  font-size:16px;
  font-family:"pop";
  color:#1a1a1a;
  padding-right:16px;
  border-bottom: 0px solid #1a1a1a;
  background:url(/img/s_arrow1.png) no-repeat center right;
  transition:all 0.8s;
}
 .adv-list li:hover:before{
  width:100%;
}
 .adv-list li:hover h3{
  color:#fff;
}
 .adv-list li:hover p{
  color:#fff;
}
 .adv-list li:hover .adv-link a{
  color:#fff;
  border-bottom:1px solid #fff;
  background:url(/img/s_arrow.png) no-repeat center right;
}
@media only screen and (max-width: 1100px) and (min-width: 769px){
  
 .adv-list li{
    background: #fff;
    position: relative;
    width: 100%;
    padding: 35px 40px;
    margin: 20px 0;
    display: flex;
    align-items: center;
    z-index: 2;
    border-radius: 30px 0px!important;
}
 .adv-col{
    width:75%;
  }
 .adv-link{
    width:25%;
  }
}
@media only screen and (max-width: 768px){
  
 .adv-col p {
    font-size: 16px;
    color: #737373;
    line-height: 50px;
    transition: all 0.8s;
    text-align: justify;
    overflow: hidden;
    width: 55%;
    padding-left: 10px;
    float: left;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    margin-right: 15px;
    -webkit-box-orient: vertical;
}
 .adv-list{
    margin-top:10px;
  }
 .adv-list li {
    padding: 10px 5px 10px;
    margin: 10px 0;
    display: block;
  border-radius: 30px 0px!important;
}
 .adv-col{
    float:none;
    width:100%;
  }
 .adv-link{
  float:none;
    width:100%;
    text-align:left;
  margin-top: 10px;
  }
}
 .adv-list li:nth-child(2n){
  background:#0376c7;
}
 .adv-list li:nth-child(2n) h3{
  color:#fff;
}
 .adv-list li:nth-child(2n) p{
  color:#fff;
}
 .adv-list li:nth-child(2n) .adv-link a{
  font-size:16px;
  font-family:"pop";
  color:#fff;
  padding-right:16px;
  border-bottom: 0px solid #fff;
  background:url(/img/s_arrow2.png) no-repeat center right;
  transition:all 0.8s;
}