﻿@charset "utf-8"; 
.about-l-l-txt{padding:0}
.about-l-l{background:#f7f7f7}
.procategories .pro-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.procategories .pro-list>li{border:1px solid #eaeaea;width:calc(25% - 30px);flex-basis:calc(25% - 30px)}
.procategories .pro-list>li img{transition:all .3s ease;position:absolute;top:0;left:0;right:0;bottom:0;display:block}
.procategories .pro-list>li>a{width:100%;padding-bottom:100%;display:block;position:relative;border-bottom:1px solid #eaeaea;overflow:hidden}
.procategories .pro-list>li>a span{display:block;position:absolute;bottom:0;right:0;padding:10px 20px;background:var(--color);color:#fff}
.procategories .pro-list>li ul{padding:30px 20px}
.procategories .pro-list>li ul li{padding:5px 0}
.procategories .pro-list>li ul li a{position:relative;padding-left:15px;transition:all .3s ease-in-out}
.procategories .pro-list>li ul li a:before{content:"";position:absolute;top:7px;left:0;display:inline-block;width:6px;height:6px;transform:rotate(-135deg);border:1px solid #6c6c6c;border-top:none;border-right:none;transition:all .3s ease-in-out}
.procategories .pro-list>li ul li a:hover{padding-left:30px;color:var(--color);transition:all .3s ease-in-out}
.procategories .pro-list>li ul li a:hover:before{left:15px;border-color:var(--color);transition:all .3s ease-in-out}
.procategories .pro-list>li:hover img{transform:scale(1.1)}
@media (max-width:992px){.procategories .pro-list>li{width:48%;flex-basis:48%;margin-bottom:40px}}
@media (max-width:540px){.procategories .pro-list>li ul{padding:8px}
.procategories .pro-list>li>a span{padding:5px}}
.flogo img{height:60px}
@media (min-width:1101px){.logo{margin:0 auto}}
.prodetails-bref h2{font-size:24px}
@media (max-width:768px){.prodetails-bref h2{font-size:18px}
.prodetails-bref h2 span{font-size:18px!important}}
#wmkc{padding-bottom:60px!important;top:150px!important;transform:translateY(0)!important}
.wmkc-top{display:block!important;opacity:1!important}
.download-list li .download-img img {max-height:200px;width:auto;margin:0 auto;}
.download-list li {text-align:center;display:flex;flex-direction:column}
.download-list li .download-info{margin-bottom:5px}
.download-list li .download-btn {margin:auto auto 0;}
@media (max-width:500px){.download-list li .download-img img{max-height:120px}
.pages{flex-wrap:wrap}
.pages a,.pages span{border:1px solid #EAEAEA;margin:0 5px 10px}}