/* /assets/widget/style/component/button/button.css,/develop/YRfpKAUKujNO-gZfKUpAtaJpT-GvUApKfKKUAU-jkBqrKmiiinjqiokrki-jmBqrKmiiinjqiqkqii/style.css */
/* /assets/widget/style/component/button/button.css */
.sitewidget-button .component-btn{display:inline-block}
.button-left-animate i{position:absolute;left:15px;top:50%;transform:translateY(-50%)}
.sitewidget-button .backstage-component-btn.widget-btn-styles1{border-radius:0}
.sitewidget-button .backstage-component-btn.widget-btn-styles2{border-radius:5px}
.sitewidget-button .backstage-component-btn.widget-btn-styles3{border-radius:50px}
.sitewidget-button .backstage-component-btn.widget-btn-styles4,.sitewidget-button .backstage-component-btn.widget-btn-styles5,.sitewidget-button .backstage-component-btn.widget-btn-styles6{background-color:#f7f7f7;border-radius:5px;color:#666;border:1px solid #dfdfdf}
.sitewidget-button .backstage-component-btn.widget-btn-styles4:hover,.sitewidget-button .backstage-component-btn.widget-btn-styles5:hover,.sitewidget-button .backstage-component-btn.widget-btn-styles6:hover{background-color:#eee;color:#333}
.sitewidget-button .backstage-component-btn.widget-btn-styles4{border-radius:0}
.sitewidget-button .backstage-component-btn.widget-btn-styles6{border-radius:50px}
.sitewidget-button .backstage-component-btn{font-size:14px;text-decoration:none;display:inline-block;vertical-align:middle;text-align:center;position:relative;overflow:hidden;z-index:4;max-width:100%;box-sizing:content-box}
.sitewidget-button .backstage-component-btn:hover{text-decoration:none}
.sitewidget-button .backstage-component-btn:hover i{text-decoration:none}
.sitewidget-button .backstage-component-btn:before,.sitewidget-button .backstage-component-btn:after{content:"";display:inline-block;position:absolute;z-index:-1}
@media(min-width:600px){.sitewidget-button .backstage-component-btn,.sitewidget-button .backstage-component-btn:hover,.sitewidget-button .backstage-component-btn:hover i,.sitewidget-button .backstage-component-btn:before,.sitewidget-button .backstage-component-btn:after{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
}
.sitewidget-button .button-awesome-animate>i{width:0;display:inline-block;opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.sitewidget-button .button-awesome-animate:hover>i{width:2em;opacity:1}
/* /develop/YRfpKAUKujNO-gZfKUpAtaJpT-GvUApKfKKUAU-jkBqrKmiiinjqiokrki-jmBqrKmiiinjqiqkqii/style.css */
.zyw_product_container .tw{
  width: 1170px;
  display: flex;
  margin: 0 auto;
  flex-wrap: wrap;
  padding:10px 0;
}
.zyw_product_container .twitem{
  width: 350px;
  box-shadow: 0 0 8px 1px #dfe1e1;
  position:relative;
  margin: 25px 15px;
  background-color: white;
}
.zyw_product_container .righticon{
  width:40px;
  height:40px;
  background:white;
  border-radius:100%;
  position:absolute;
  top: 210px;
  right: 20px;
  box-shadow: 3px 3px 3px #ccc;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #16709B;
  z-index:4;
}
.zyw_product_container .imgcontainer{
  width:350px;
  height:233px;
  overflow:hidden;
  text-align: center;
  margin:0 auto;
}
.zyw_product_container .imgcontainer img{
  height:100%;
  transition: all 0.6s;
}
.zyw_product_container .twitem-describe,.zyw_product_container .container{
  width:100%!important;
}
.zyw_product_container .banner-description{
  padding:20px 20px 30px 20px;
  background:white;
  transition: all 0.6s;
  min-height: 113px;
}
.zyw_product_container .twitem-docs{
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  color:#666666;
  font-size:14px;
  margin:10px;
  transition: all 0.6s;
}
.zyw_product_container .twitem-name{
  color:#333333;
  font-size:18px;
  transition: all 0.6s;
}
.zyw_product_container .title_container{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  margin:10px;
  margin-bottom:20px;
    transition: all 0.6s;
}
.zyw_product_container .righticon a:visited{
  color:#16709B;
      }
.twitem:hover  .imgcontainer img{
  transform: scale(1.1);
}

@media screen and (max-width: 1180px) {
  .zyw_product_container .tw{
              width:900px;
          }
          .zyw_product_container .twitem{
      width:270px;
      margin: 10px;
  }
  .zyw_product_container .imgcontainer{
  width:270px;
  height:180px;
}
.zyw_product_container .righticon {
  top: 160px;
}
.zyw_product_container .title_container,.zyw_product_container .twitem-docs {
  margin:10px 0;
}
  .zyw_product_container .banner-description{
  min-height: 103px;
}
}
  @media screen and (max-width: 980px) {
  .zyw_product_container .tw{
              width:780px;
          }
          .zyw_product_container .twitem{
      width:230px;
      margin: 10px;
  }
  .zyw_product_container .imgcontainer{
  width:230px;
  height:156px;
}
.zyw_product_container .righticon {
  top: 135px;
}
.zyw_product_container .title_container,.zyw_product_container .twitem-docs {
  margin:10px 0;
}
  .zyw_product_container .banner-description{
  min-height: 103px;
}
}
      @media screen and (max-width:670px) {
  .zyw_product_container .tw{
              width:680px;
          }
          .zyw_product_container .twitem{
      width:200px;
      margin: 10px;
  }
  .zyw_product_container .imgcontainer{
  width:200px;
  height:133px;
}
.zyw_product_container .righticon {
  top: 112px;
}
.zyw_product_container .title_container,.zyw_product_container .twitem-docs {
  margin:10px 0;
}
  .zyw_product_container .banner-description{
  min-height: 103px;
}
}
@media screen and (max-width: 568px) {
.zyw_product_container .tw{
      width:100%;
  }
.zyw_product_container  .twitem{
  width:358px;
  margin: 10px auto;
}
.zyw_product_container  .title_container,.zyw_product_container  .twitem-docs {
max-width: 296px;
}
}