﻿  @import url(https://js01.v15cdn.com/single-template/public.css);.wmpage221-page1 .wmpage221-page1-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.wmpage221-page1 .wmpage221-page1-box .wmpage221-page1-left{width:48%;height:600px}
.wmpage221-page1 .wmpage221-page1-left img{position:relative;width:100%;height:100%;object-fit:cover}
.wmpage221-page1 .wmpage221-page1-box .wmpage221-page1-right{width:48%}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-text{position:relative;display:inline-block;text-transform:uppercase;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);letter-spacing:3px;padding-bottom:15px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-text::after{position:absolute;content:'';width:70px;height:4px;background:#aec6ef;border-radius:10px;bottom:0;left:0}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-text::before{position:absolute;content:'';width:10px;height:10px;border-radius:50%;background:var(--color);left:0;bottom:-3px;z-index:1;animation:page1 3s linear infinite}
@keyframes page1{0%{transform:translateX(0)}
100%{transform:translateX(68px)}
}.wmpage221-page1 .wmpage221-page1-right .wmpage-title{color:var(--wmpage-color22);margin:10px 0}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-desc{color:var(--wmpage-color8);margin-bottom:5px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-catalog{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-catalog li{width:50%;color:var(--wmpage-color8);font-size:var(--wmpage-font17);margin-top:8px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-catalog li em{color:var(--color);margin-right:5px;font-weight:var(--fontbold6);font-size:var(--wmpage-font18)}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-list li{position:relative;display:block;margin-top:30px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-list li .wmpage221-page1-title{font-weight:var(--fontbold6);font-size:var(--wmpage-font20);margin-bottom:10px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-list li .wmpage221-page1-bar{position:relative;width:100%;height:9px;background:#e9e9e9;border-radius:1px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-list li .wmpage221-page1-inner{position:relative;display:block;width:0;height:9px;transition:width 1.2s linear;border-radius:1px;background:var(--color)}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-list li .wmpage221-page1-barcount{font-weight:var(--fontbold7);color:var(--wmpage-color8);color:var(--color);font-size:var(--wmpage-font18);position:absolute;bottom:15px;right:-17px;transition:opacity 1s linear;opacity:0}
.wmpage221-page1 .wmpage221-page1-btn a{display:inline-flex;justify-content:center;align-items:center;position:relative;min-width:150px;height:45px;border-radius:5px;overflow:hidden;padding:0 20px;background:var(--color);color:#fff;font-size:var(--wmpage-font17);font-weight:var(--fontbold6);text-transform:uppercase;margin-top:30px;z-index:1}
.wmpage221-page1 .wmpage221-page1-btn a::before{position:absolute;content:'';width:100%;height:0;left:0;top:0;background:var(--wmpage-color22);z-index:-1;transition:all .3s linear}
.wmpage221-page1 .wmpage221-page1-btn a:hover::before{height:100%}
@media screen and (max-width:1024px){.wmpage221-page1 .wmpage221-page1-box .wmpage221-page1-left{width:100%;margin-bottom:30px}
.wmpage221-page1 .wmpage221-page1-box .wmpage221-page1-right{width:100%}
}@media screen and (max-width:768px){.wmpage221-page1 .wmpage221-page1-box .wmpage221-page1-left{height:400px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-catalog li{width:100%}
}.home-check,.home-providing{margin-bottom:3%}
.wmpage194-page4 .wmpage194-page4-box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.wmpage194-page4 .wmpage194-page4-box .wmpage194-page4-left{position:relative;flex:1;padding-right:50px}
.wmpage194-page4 .wmpage194-page4-left .wmpage194-page4-text{color:var(--color);font-size:var(--wmpage-font18);font-weight:var(--fontbold6);text-transform:uppercase}
.wmpage194-page4 .wmpage194-page4-left .wmpage194-page4-desc{color:var(--wmpage-color8);margin:10px 0}
.wmpage194-page4 .wmpage194-page4-left .wmpage194-page4-btn{margin-top:25px}
.wmpage194-page4 .wmpage194-page4-left .wmpage194-page4-next,.wmpage194-page4 .wmpage194-page4-left .wmpage194-page4-prev{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--wmpage-color12);background:#fff;transition:all .2s linear}
.wmpage194-page4 .wmpage194-page4-left .wmpage194-page4-next{margin-right:10px}
.wmpage194-page4 .wmpage194-page4-left .wmpage194-page4-next:hover,.wmpage194-page4 .wmpage194-page4-left .wmpage194-page4-prev:hover{background:var(--color);color:#fff;border-color:var(--color)}
.wmpage194-page4 .wmpage194-page4-box .wmpage194-page4-right{width:65%;position:relative}
.wmpage194-page4 .wmpage194-page4-slide .wmpage194-page4-img img{width:100%;height:auto;object-fit:cover}
.wmpage194-page4 .wmpage194-page4-slide .wmpage194-page4-info{padding:20px;background:#fff;transition:all .2s linear}
.wmpage194-page4 .wmpage194-page4-slide:hover .wmpage194-page4-info{background:#f3f5f7}
.wmpage194-page4 .wmpage194-page4-slide .wmpage194-page4-title{font-size:var(--wmpage-font20);font-weight:var(--fontbold5);color:#000}
.wmpage194-page4 .wmpage194-page4-slide .wmpage194-page4-desc{color:var(--wmpage-color8);margin:10px 0}
.wmpage194-page4 .wmpage194-page4-slide .wmpage194-page4-data{position:relative;display:block;font-size:var(--wmpage-font32,32px);color:#e8e8ec;font-weight:var(--fontbold8);transition:all .2s linear}
.wmpage194-page4 .wmpage194-page4-slide:hover .wmpage194-page4-data{color:var(--color)}
.wmpage194-page4 .wmpage194-page4-slide .wmpage194-page4-data::after{position:absolute;content:'';width:80%;height:1px;background:#e8e8ec;right:0;top:55%;transform:translateY(-50%);transition:all .2s linear}
.wmpage194-page4 .wmpage194-page4-slide:hover .wmpage194-page4-data::after{background:var(--color)}
.wmpage194-page4 .wmpage194-page4-slide .wmpage194-page4-more a{display:flex;align-items:center;justify-content:space-between;color:var(--wmpage-color8);font-weight:var(--fontbold6);transition:all .2s linear}
.wmpage194-page4 .wmpage194-page4-slide .wmpage194-page4-more em{display:inline-flex;justify-content:center;align-items:center;width:30px;height:30px;background:#e6e6e9;font-size:var(--wmpage-font15);transition:all .2s linear;transition-delay:.2s}
.wmpage194-page4 .wmpage194-page4-slide:hover .wmpage194-page4-more em{color:#fff;background:var(--color)}
@media screen and (max-width:768px){.wmpage194-page4 .wmpage194-page4-box .wmpage194-page4-left{width:100%;padding-bottom:25px;padding-right:0}
.wmpage194-page4 .wmpage194-page4-box .wmpage194-page4-right{width:100%;margin-top:30px}
}.wmpage218-page3 .wmpage218-page3-top{text-align:center;margin-bottom:40px}
.wmpage218-page3 .wmpage218-page3-text{display:flex;align-items:center;justify-content:center;text-transform:uppercase;color:var(--color);font-size:var(--wmpage-font17);font-weight:var(--fontbold6)}
.wmpage218-page3 .wmpage218-page3-text em{margin:0 8px;font-weight:var(--fontbold5);font-size:var(--wmpage-font14)}
.wmpage218-page3 .wmpage218-page3-slide{position:relative;border-radius:8% 8% 0 0;border:1px solid #ddd;overflow:hidden}
.wmpage218-page3 .wmpage218-page3-slide .wmpage218-page3-img{position:relative;z-index:1;overflow:hidden}
.wmpage218-page3 .wmpage218-page3-slide .wmpage218-page3-img img{position:relative;width:100%;height:auto;object-fit:cover}
.wmpage218-page3 .wmpage218-page3-slide .wmpage218-page3-img::after{position:absolute;content:'';background:linear-gradient(90deg,rgba (255,255,255,.13) 0,rgba(var(--tolak-white-rgb,255,255,255),.13) 77%,rgba(var(--tolak-white-rgb,255,255,255),.5) 92%,rgba(var(--tolak-white-rgb,255,255,255),0));height:200%;left:-210%;opacity:0;top:-50%;transition:all .7s ease 0s;width:200%}
.wmpage218-page3 .wmpage218-page3-slide:hover .wmpage218-page3-img::after{left:-30%;opacity:1;top:-20%;transition-duration:.7s,.7s,.15s;transition-property:left,top,opacity;transition-timing-function:linear}
.wmpage218-page3 .wmpage218-page3-slide .wmpage218-page3-info{position:relative;text-align:center;padding:55px 25px 30px;border-bottom:1px solid #ddd}
.wmpage218-page3 .wmpage218-page3-slide .wmpage218-page3-icon{display:inline-flex;justify-content:center;align-items:center;width:90px;height:90px;border-radius:50%;border:4px solid #fff;background:var(--color);position:absolute;top:-50px;z-index:10;left:50%;transform:translateX(-50%);overflow:hidden}
.wmpage218-page3 .wmpage218-page3-slide .wmpage218-page3-icon::before{position:absolute;content:'';background-color:#051d1f;width:100%;height:0%;left:50%;top:50%;border-radius:25px;transform:translate(-50%,-50%) rotate(-45deg);z-index:-1;transition:all .5s ease}
.wmpage218-page3 .wmpage218-page3-slide:hover .wmpage218-page3-icon::before{height:100%}
.wmpage218-page3 .wmpage218-page3-slide .wmpage218-page3-icon em{font-size:var(--wmpage-font32);color:#fff}
.wmpage218-page3 .wmpage218-page3-slide .wmpage218-page3-title{display:inline-block;font-weight:var(--fontbold7);font-size:var(--wmpage-font20);color:var(--wmpage-color22);background:linear-gradient(to right,var(--color) 0,var(--color) 100%) 0 95%/0 1px no-repeat;transition:all .5s ease}
.wmpage218-page3 .wmpage218-page3-slide .wmpage218-page3-title:hover{background-size:100% 1px;color:var(--color)}
.wmpage218-page3 .wmpage218-page3-slide .wmpage218-page3-desc{color:var(--wmpage-color8);margin-top:5px}
.wmpage218-page3 .wmpage218-page3-slide ul{padding:12px 30px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;z-index:1}
.wmpage218-page3 .wmpage218-page3-slide ul::before{position:absolute;left:0;right:0;top:-10px;width:0;opacity:0;height:calc(100% + 20px);content:'';background-color:var(--color);transition:all .5s linear;transform:rotate(32deg);margin:0 auto}
.wmpage218-page3 .wmpage218-page3-slide:hover ul::before{width:8px;opacity:1}
.wmpage218-page3 .wmpage218-page3-slide ul::after{position:absolute;content:'';width:100%;height:100%;background:#051d1f;left:0;top:0;opacity:0;transition:all .4s linear;z-index:-1}
.wmpage218-page3 .wmpage218-page3-slide:hover ul::after{opacity:1}
.wmpage218-page3 .wmpage218-page3-slide .wmpage218-page3-num{position:relative;display:inline-block;font-size:var(--wmpage-font26);font-weight:var(--fontbold7);-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#b7b7b7}
.wmpage218-page3 .wmpage218-page3-slide .wmpage218-page3-more a{display:inline-flex;align-items:center;color:var(--color);font-weight:var(--fontbold6);transition:all .3s linear}
.wmpage218-page3 .wmpage218-page3-slide .wmpage218-page3-more em{transform:translateX(5px);font-size:var(--wmpage-font14);transition:all .3s linear}
.wmpage218-page3 .wmpage218-page3-slide:hover .wmpage218-page3-more a{color:#fff}
.wmpage218-page3 .wmpage218-page3-slide .wmpage218-page3-more a:hover em{transform:translateX(8px)}
.wmpage218-page3 .wmpage218-page3-pagination{text-align:center;margin-top:35px}
.wmpage218-page3 .wmpage218-page3-pagination .swiper-pagination-bullet{width:10px;height:10px;border-radius:0}
.home-success ,.home-check{margin-top: 3%; }
@media (min-width:769px){.wmpage194-page4 .wmpage194-page4-slide .wmpage194-page4-title{line-height:24px;height:48px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.wmpage194-page4 .wmpage194-page4-slide .wmpage194-page4-desc{line-height:22px;height:44px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}}
@media (max-width:1366px) and (min-width:1025px){.wmpage194-page4 .wmpage194-page4-slide .wmpage194-page4-title{font-size:var(--fontsize18);line-height:22px;height:66px;-webkit-line-clamp:3;}
.wmpage194-page4 .wmpage194-page4-slide .wmpage194-page4-desc{height:66px;-webkit-line-clamp:3;}}
.home-product .l-wrap .product .pro-list{align-items:inherit}
.home-product .l-wrap .product .pro-list .item{height:auto;display:flex;flex-direction:column;}
.home-product .l-wrap .product .pro-list .item .text{flex:1;display:flex;flex-direction:column;align-items:flex-start}
.home-product .l-wrap .product .pro-list .item .text .btn{margin-top:auto}
.wmpage221-page1 .wmpage221-page1-btn a, .home-product .l-wrap .product .pro-list .item .text .btn::after, .footertop-btn a:hover, .news-item-slide:hover .news-item-read::after, .wmpage221-page1 .wmpage221-page1-btn a, .home-product .l-wrap .product .pro-list .item .text .btn::after, .footertop-btn a:hover, .news-item-slide:hover .news-item-read::after, footer .gotop, .product .page-container .product-catelist .product-cateitem:hover .cate-info .cate-more, .sidebar .categories .menu-item.active>a, .sidebar .wmkcfeedback .send-btn, .wmkcfeedback .send-btn, .news .wrap-r .news-list li:hover .info .more-btn, .email-subscription button, .common-page>.ctxt {
    background: #033460;
}

.home-product .l-wrap .product .pro-list .item .img .icon-hottitle {position: absolute;left: 14px;top: 14px;line-height: 1;color: var(--color1);font-size: var(--fontsize24);z-index: 4;width: 46px;height: 22px;display: inline-flex;align-items: center;justify-content: center;border-radius: 3px;background-color: var(--color1);}
