.zyw_product_container .tw{width:1180px;display:flex;margin:0 auto;flex-wrap:wrap;padding:10px 0}.zyw_product_container .twitem{width:350px;box-shadow:2px 5px 12px #ccc,-2px 5px 12px #ccc;border:1px solid #ccc;position:relative;margin:25px 15px}.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 .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 .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:#666;font-size:14px;margin:10px;transition:all .6s}.zyw_product_container .twitem-name{color:#333;font-size:18px;transition:all .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 .6s}.zyw_product_container .righticon a:visited{color:#16709b}.twitem:hover .imgcontainer img{transform:scale(1.2)}.twitem:hover .twitem-docs{color:white}.twitem:hover .twitem-name{color:white}.twitem:hover .title_container{color:white}.twitem:hover .twitemborder{border:1px solid #16709b}@media screen and (max-width:1200px){.zyw_product_container .tw{width:auto;display:flex;flex-wrap:wrap;padding:10px}.zyw_product_container .twitem{width:calc(33.33333333333% - 22px);box-shadow:2px 5px 12px #ccc,-2px 5px 12px #ccc;border:1px solid #ccc;position:relative;margin:10px}.proshow-container.zyw_product_container{overflow:hidden}.proshow-container .imgcontainer{width:100%}.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:100px}}@media screen and (max-width:770px){.zyw_product_container .twitem{width:calc(50% - 22px)}}@media screen and (max-width:450px){.zyw_product_container .twitem{width:calc(100% - 20px)}}