div.block35344 .righticon a{ color:var(--color-match-setting1);}
div.block35344 .twitem:hover{border-bottom:3px solid var(--color-match-setting1)}
div.block35344 .layui-laypage .layui-laypage-curr .layui-laypage-em {background-color: var(--color-match-setting1) !important; }
div.block35344 .layui-laypage a:hover {color: var(--color-match-setting1);}



.block35344 .tw{
  display: flex;
  flex-wrap: wrap;
  justify-content: unset;
}
.block35344 .twitem{
  width: calc(33.3% - 30px);
  box-shadow: 0 0 8px 1px #dfe1e1;
  position:relative;
  margin: 25px 15px;
  margin-bottom: 20px;
  background-color: white;
}
.block35344 .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;
}
.block35344 .imgcontainer{
  width:350px;
  height:233px;
  overflow:hidden;
  text-align: center;
  margin:0 auto;
}
.block35344 .imgcontainer img{
  height:100%;
  transition: all 0.6s;
}
.block35344 .twitem-describe,.block35344 .container{
  width:100%!important;
}
.block35344 .banner-description{
  padding:20px 20px 30px 20px;
  background:white;
  transition: all 0.6s;
  min-height: 113px;
}
.block35344 .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;
}
.block35344 .twitem-name{
  color:#333333;
  font-size:18px;
  transition: all 0.6s;
}
.block35344 .title_container{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  margin:10px;
  margin-bottom:20px;
    transition: all 0.6s;
}
.block35344 .righticon a:visited{
  color:#16709B;
      }
.twitem:hover  .imgcontainer img{
  transform: scale(1.1);
}

.block35344 .pagination {
    width: 100%;
}

.block35344 .paging {
    width: 100%;
    display: flex;
    justify-content: center;
}

.block35344 .paging li {
    margin: 0 5px;
    border: solid 1px #f1f1f1;
    color: #353535;
    transition: .3s;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.block35344 .paging li:hover {
    color: #fff;
    background: #16709b;
}

.block35344 .paging .active {
    color: #fff;
    background: #16709b;
}

.block35344 .paging li a {
    color: inherit;
    text-indent: unset !important;
    width: unset !important;
    background: unset !important;
}

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



.block35344 .prodlist-laypage-normal {
  text-align: center;
}
.block35344 .prodlist-laypage-normal i {
  font-size: 12px;
}

.block35344 .prodlist-laypage-normal .layui-box>a,
.block35344 .prodlist-laypage-normal .layui-box>span,
.block35344 .prodlist-laypage-normal .layui-box span.layui-laypage-spr,
.block35344 .prodlist-laypage-normal .layui-box  .layui-laypage-curr em {
    font-family: initial;
}

.block35344 .prodlist-laypage-normal .layui-box a.layui-laypage-prev i,
.block35344 .prodlist-laypage-normal .layui-box a.layui-laypage-next i {
    font-size: 12px;
}