.herobanner{
  background-image: -moz-linear-gradient( 0deg, rgb(205,254,217) 0%, rgb(148,185,255) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(205,254,217) 0%, rgb(148,185,255) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(205,254,217) 0%, rgb(148,185,255) 100%);
  width: 100%;
  height: 100vh;
}
.qiqjsiqokam{
  position: relative;
  width: 100%;
  height: 700px;
  display: flex;
  justify-content: space-between;
  padding: 150px 10%;
}
.qiqjsiqokam .left {
  width: 800px;
  position: absolute;
  bottom: 0;
}
.qiqjsiqokam .left h3{
  font-size: 2rem;
  font-weight: bold;
  color: #000;
  width: 100%;
  margin-bottom: 20px;
}
.qiqjsiqokam .left p{
  font-size: 1.2rem;
  color: #000;
  width: 100%;
  margin-bottom: 30px;
}
.qiqjsiqokam .left .adioaow a{
  display: block;
  text-align: center;
  width: 180px;
  font-size: 1rem;
  padding: 10px 20px;
  color: #000;
  background-color: #fff;
  border-radius: 100px;
}
.qiqjsiqokam .right {
  width: 600px;
  height: 555px;
  position: absolute;
  right: 10%;
}
.qiqjsiqokam .right img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width:1370px) {
  .qiqjsiqokam {
    height: 469px;
  }
  .qiqjsiqokam .right {
    width: 320px;
    height: 320px;
  }

}
@media (max-height:1441px){
  .herobanner{
    height: 900px;
  }
}
@media (max-width:1280px) {
  .herobanner{
    height: 600px;
  }
}
@media (max-width:1760px){
  .qiqjsiqokam .left h3{
    font-size: 1.5rem;
  }
}
@media (max-width:810px){
  .qiqjsiqokam .right {
      width: 220px;
      height: 220px;
  }
  .qiqjsiqokam .left h3 {
      font-size: 1rem;    
      margin-bottom: 5px;
  }
  .qiqjsiqokam .left p {
      font-size: 0.8rem;    
      margin-bottom: 5px;
  }
  .qiqjsiqokam .left .adioaow a {
      width: 105px;
      font-size: 0.8rem;
      padding: 0;
  }
  .qiqjsiqokam {
    height: 370px;
  }
  .herobanner {
      height: 460px;
  }
}