article .products{margin-bottom:100px}article .products .main>ul.products_menu{width:55.3%;margin:100px auto}@media only all and (max-width: 768px){article .products .main>ul.products_menu{width:100%;margin:30px auto}}article .products .main>ul.products_menu li{width:33.3%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}article .products .main>div{position:relative;margin-bottom:35px}article .products .main>div .img{float:left;width:73.5%;overflow:hidden}@media only all and (max-width: 768px){article .products .main>div .img{float:none;width:100%}}article .products .main>div .img>img{width:100%;transition:1s all}article .products .main>div>a{position:absolute;width:41%;height:80%;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);display:block;background:#f3f3f3}@media only all and (max-width: 768px){article .products .main>div>a{position:relative;width:100%;top:0;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}}article .products .main>div>a .front_face{position:absolute;width:80%;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);text-align:center}@media only all and (max-width: 768px){article .products .main>div>a .front_face{display:none}}article .products .main>div>a .front_face>p{color:#333;font-size:24px;margin-bottom:30px}article .products .main>div>a .back_side{position:absolute;top:0;left:0;width:100%;height:100%;background:#133d87;opacity:0;padding:36px;text-align:center;transition:1s all}@media only all and (max-width: 768px){article .products .main>div>a .back_side{position:relative;opacity:1}}article .products .main>div>a .back_side>h5{font-size:24px;color:#fff;margin-bottom:15px}@media only all and (max-width: 1440px){article .products .main>div>a .back_side>h5{font-size:20px}}@media only all and (max-width: 414px){article .products .main>div>a .back_side>h5{font-size:18px}}article .products .main>div>a .back_side>p{color:#fff;line-height:2;text-align:left}@media only all and (max-width: 1440px){article .products .main>div>a .back_side>p{line-height:1.5}}article .products .main>div>a .back_side .products_more{margin:25px auto 0}article .products .main>div:hover .img>img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}article .products .main>div:hover .back_side{opacity:1}article.active .fixed_btn1{display:none}@media only all and (max-width: 1200px){article.active .products .main .products_menu{width:75%}}@media only all and (max-width: 768px){article.active .products .main .products_menu{width:100%}}article.active .products .main .products_menu li{position:relative;line-height:18px;overflow:auto !important;white-space:normal !important}@media only all and (max-width: 414px){article.active .products .main .products_menu li{height:55px;overflow:hidden !important;line-height:13px}}article.active .products .main .products_menu li a{line-height:18px;position:absolute;top:50%;left:0;width:100%;padding:0 10px;height:auto;line-height:18px;text-align:center;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}@media only all and (max-width: 414px){article.active .products .main .products_menu li a{padding:0px;line-height:13px}}
