锘緻charset "utf-8"; /* home */ .common-width{width:1200px;margin:0 auto;box-sizing:border-box} .common-flex{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap} .header nav{background:#251106} .whatBox{margin:90px 0} .common-title{font-size:20px;color:#424242;text-transform:uppercase} .what-list{margin:30px 0;display:flex;justify-content:space-between} .what-l,.what-r{width:50%;position:relative} .what-down{position:absolute;bottom:8%;left:5%} .what-p a{display:inline-block;color:#000;font-size:18px;font-weight:700;margin-bottom:20px} .what-t{text-transform:uppercase;color:#000;font-size:18px;line-height:30px;min-height:60px} .what-down .what-p a span{display:block;color:#000;font-size:18px} .productBox{background:#f4f4f4;padding:70px 0} .pro-ul{display:flex} .pro-li a{font-size:15px;color:#424242;text-transform:uppercase;margin-left:30px} .pro-li.active a{font-weight:700} .pro-artBox{margin-top:30px} .pro-art-item{display:none} .pro-art-item:nth-child(2n-1) .pro-r-item:nth-child(4){display:none} .pro-art-inner{display:flex;justify-content:space-between} .pro-l{width:38%;position:relative} .pro-l-img{overflow:hidden} .pro-l-img img{display:block;transition:all .5s;width:100%} .pro-l-img img:hover{transform:scale(1.1)} .pro-l-tBox{position:absolute;top:8%;left:10%} .pro-art-l-t a{display:block;line-height:1;color:#fff;font-weight:700;font-size:30px;margin-bottom:10px} .pro-art-l-w{color:#fff} .pro-r{width:62%} .pro-r-list{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;max-height:700px;height:100%} .pro-r-item{width:47%;text-align:center;background:#fff;padding:25px;box-sizing:border-box} .pro-art-item:nth-child(2n-1) .pro-r-item:nth-child(3){height:100%;display:flex;flex-direction:column;justify-content:space-between} .pro-r-item-tit a{color:#8a8a8a;font-size:23px;margin-bottom:10px;line-height:1;display:inline-block} .pro-r-item-img{overflow:hidden} .pro-r-item-img img{transition:all .5s} .pro-r-item:hover img{transform:scale(1.05)} .why{background:url(/uploads/39021/why-bg2.jpg) no-repeat;background-position:center;background-size:cover} .why-inner{position:relative;padding:21% 0} .why-sw{position:absolute;top:10%;left:0} .why-st{position:absolute;top:50%;left:0;transform:translateY(-50%);font-size:50px;color:#000;font-weight:700;display: none} .ind{margin:120px 0} .ind-ul{align-items:flex-start} .ind-item{width:49%;margin:10px 0;} .ind-img{overflow:hidden} .ind-img img{transition:all .5s;width:100%;display:block} .ind-art{background:#f4f4f4;padding:30px;} .ind-t{font-size:18px;font-weight:700;color:#000;margin-bottom:15px} .ind-t span{font-size:18px;font-weight:400} .ind-w p{color:#545454;font-size:18px;line-height:1.5} .ind-item:hover img{transform:scale(1.1)} .application{background:#f4f4f4;padding:70px 0} .appli-title{text-align:center;margin-bottom:50px} .appli-title p{color:#424242;font-size:30px;font-weight:700;text-transform:uppercase;line-height:1.2} .appli-ul{margin-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap} .appli-li{width:49%;margin:10px 0;background:#fff;padding:10px;box-sizing:border-box} .appli-img{overflow:hidden} .appli-img img{width:100%;display:block;transition:all .5s} .appli-art{padding:15px 0 10px} .appli-art-t{font-size:18px;color:#000;font-weight:700} .appli-art-w{font-size:16px;color:#696969;line-height:1.3;margin:10px 0} .appli-art i{text-align:end;display:block;color:#c1c1c1;font-size:20px;line-height:1} .appli-li:hover img{transform:scale(1.1)} .news{margin:100px 0 150px} .news-list{align-items:inherit;margin:20px 0} .news-item{width:32%} .news-img{overflow:hidden} .news-img img{transition:all .5s;width:100%;display:block} .news-art{background:#f4f4f4;padding:20px 30px;box-sizing:border-box;min-height:205px} .news-t a{font-size:18px;font-weight:700;color:#000;min-height:62px;display:inline-block} .news-w{margin-top:10px;color:#545454;font-size:18px} .news-item:hover img{transform:scale(1.1)} .contact{background:#f4f4f4;padding:40px 0} .contact-inner{width:90%;margin:0 auto} .contact-l{width:53%} .contact-t{font-size:30px;font-weight:700;color:#000;text-transform:uppercase} .contact-w{font-size:18px;color:#000;font-weight:700} .contact-ul{margin-top:30px;justify-content:space-between} .contact-li{width:44%;display:flex;margin:4px 0;align-items:center} .contact-li:last-child{width:100%} .con-t{margin-left:25px;line-height:1.3;text-transform:uppercase} .contact-r{width:40%} .contact-r input,.contact-r textarea{width:100%;margin:5px 0;padding:10px 20px;box-sizing:border-box;background:#fff} .contact-r input::-webkit-input-placeholder,.contact-r textarea::-webkit-input-placeholder{color:#323232;font-weight:700} .contact-r button{color:#fff;background:#17b7ed;border-radius:4px;padding:5px 15px;display:flex;margin-left:auto;cursor:pointer;transition:all .5s} .contact-r button:hover{background:#fff;color:#17b7ed} footer{background:#434343} footer .footerBottom{background:#393939} footer .footerLeft>div>div,footer .footerRight .footerTitle div{border-color:#fefefe} footer .footerCenter .footerTitle div,footer .footerRight .footerTitle div{background:#fefefe} footer .footerRight span a{color:#434343;background:#fefefe;border-color:#fefefe} footer .footerRight span a:hover{border-color:#fefefe;background:#434343;color:#fefefe} @media (max-width:1025px){.common-width{width:100%;padding:0 20px} .whatBox{margin:40px 0} .productBox{padding:40px 0} .pro-r-item{padding:13px} .pro-r-item-img img{max-width:45%} .pro-art-item:nth-child(2n-1) .pro-r-item:nth-child(3) img{max-width:100%} .pro-r-list{max-height:558px} .ind,.news{margin:50px 0} .ind-art{padding:15px} .ind-t{margin-bottom:5px} .ind-w{font-size:16px} .news-art{padding:15px} .contact-l,.contact-li,.contact-r{width:100%} } @media (max-width:769px){.what-list{margin:5px 0} .what-down .what-p a span,.what-p a{font-size:14px;margin-bottom:0} .what-t{font-size:14px;min-height:40px;line-height:20px;} .title-box{flex-direction:column;align-items:flex-start} .pro-ul{margin-top:30px} .pro-artBox{margin-top:10px} .pro-l-tBox{top:5%;left:5%} .pro-li a{margin:0 20px 0 0} .pro-art-l-t a{font-size:20px} .pro-art-l-w{font-size:13px} .pro-r-item-tit a{font-size:16px} .pro-l{display:none} .pro-r{width:100%} .pro-r-list{max-height:600px;align-items:flex-start} .pro-art-item:nth-child(2n) .pro-r-list .pro-r-item{margin-bottom:3px} .pro-r-item{width:49%} .why-inner{padding:15% 0} .why-st{font-size:40px} .ind,.news{margin:15px 0} .ind-t,.ind-t span{font-size:15px} .ind-w{font-size:13px} .application{padding:30px 0} .appli-title{margin-bottom:20px} .appli-title p{font-size:24px} .appli-art-w{font-size:14px} .news-t a{font-size:15px;min-height:77px} .news-w{font-size:13px} .contact{padding:20px 0} .contact-inner{width:100%} .contact-t{font-size:24px} .con-t,.con-t a,.contact-w{font-size:14px} .ind-w p{font-size:13px;} .contact-ul{margin-top:10px} } @media (max-width:640px){.what-list{flex-wrap:wrap} .what-l,.what-r{width:100%} .pro-r-list{flex-wrap:nowrap} .pro-ul{flex-direction:column} .productBox{padding:20px 0} .pro-r-list{max-height:inherit} .pro-art-item:nth-child(2n) .pro-r-list .pro-r-item,.pro-r-item{width:100%;margin-bottom:10px} .why-sw{font-size:10px} .why-st{font-size:18px} .ind-item{width:100%;margin:5px 0} .ind-art{min-height:inherit} .appli-title p{font-size:18px} .appli-ul{margin:0} .appli-li{width:100%} .appli-art-t{font-size:15px} .news-item{width:100%;margin:5px 0} .news-art,.news-t a{min-height:inherit} .contact-li{justify-content:space-between} .con-icon{width:6%} .con-icon img{width:100%} .con-t{width:90%;margin-left:0} } /* about us */ .about-common{width:1200px;margin:0 auto;box-sizing:border-box} .about-video iframe{width:100%;height:100%;height:900px;max-height:900px;display:block;} @media (min-width:1601px){.about-video{padding-bottom:47.25%;}} .about-company{padding:6% 0 4%;background:url(/uploads/39021/about-bg.jpg) no-repeat;background-position:center;background-size:cover} .about-com-inner{width:60%;display:flex;flex-direction:column;margin-left:auto} .about-com-t{font-size:26px;font-weight:700;color:#000;margin-bottom:10px;line-height:1} .about-com-w{font-size:18px;color:#000;line-height:1.5;text-align:justify} .about-com-ul{display:flex;flex-wrap:wrap;margin:50px 0 0} .about-com-ul li{display:flex;align-items:center;margin:15px 20px 15px 0} .about-com-ul li:nth-child(1){width:35%} .about-com-ul li .about-com-img img{display:block;max-width:100%;margin-right:10px} .about-com-ul li .about-com-art .num{font-family:AvianRegular;font-size:30px;color:#000002;line-height:1} .about-com-ul li .about-com-art .word{font-family:SourceHanSansCN;color:#000002;font-weight:700;font-size:14px;text-transform:uppercase} .about-core-inner{width:50%} .ab2pictrue{height:700px} .about-coreBox,.awbot2{position:relative} .ap2tp{opacity:1;visibility:hidden;transition:.35s;position:absolute;top:0;left:0;right:0;overflow:hidden;border-radius:10px} .ap2tp img{display:block;width:100%} .ap2tp.active{opacity:1;visibility:visible} .ab2wz{position:absolute;width:540px;top:15%;left:10%} .aw2bt{color:#fff;font-size:36px} .aw2label{display:block;color:#fff;font-size:24px;margin-top:10px} .aw2qh{margin-top:60px;display:flex;justify-content:center;align-items:center} .aqtxt{display:flex;justify-content:center;align-items:center;position:relative;width:140px;height:140px;margin-right:15px;border-radius:50%;border:2px solid #999;text-align:center;color:#999;font-size:16px;transition:.65s} .aqtxt.active,.aqtxt:hover{border:2px solid #fff;color:#fff} .awmb-pic{display:none} .aw2nr{margin-top:50px} .an2txt{display:none;color:#fff;font-size:18px} .pageC{overflow:hidden} .about-historyBox{padding:50px 0} .about-historyBox .about-com-t{text-align:center;font-size:30px} .about-join-inner,.history-inner{width:1600px;margin:0 auto} .about-his-ulBox{position:relative} .about-his-line{position:absolute;bottom:0;left:0;width:100%;height:1px;background:#000;display:block} .about-his-line span{position:absolute;top:50%;transform:translateY(-55%);font-size:33px;color:grey;font-weight:100} .about-his-line span:nth-child(1){right:-5px} .about-his-line span:nth-child(2){right:18%} .about-his-line span:nth-child(3){right:38%} .about-his-line span:nth-child(4){right:58%} .about-his-line span:nth-child(5){right:78%} .about-his-line span:nth-child(6){left:5px} .about-his-ulBox .about-his-ul {margin-top:50px!important;margin-bottom:50px!important;} .about-his-ul .about-his-li{width:19%} .about-his-ul .about-his-li .about-his-li-year{font-size:42px;font-family:Impact!important;color:#737373;font-weight:700;padding-left:40px} .about-his-ul .about-his-li .about-his-li-inner p{display:flex;margin-bottom:10px} .about-his-ul .about-his-li .about-his-li-inner p img{width:20px;height:18px;padding-top:2px} .about-his-ul .about-his-li .about-his-li-inner p span{font-size:14px;padding-left:20px;line-height:1.3} .about-join{padding:20px 0;background:#e9e9e9} .about-join-t{color:#000;font-size:30px;text-align:center;font-weight:700} .about-join-ul-top{display:flex;flex-wrap:wrap;justify-content:space-between;margin:30px 0} .about-join-ul-top li{width:25%} .about-join-ul-top li:nth-child(1) a{border-left:none} .about-join-ul-top li a{display:inline-block;padding:10px 0;border-left:1px solid #838587;color:#000;font-weight:100;font-size:24px;font-family:SourceHanSansCN;width:100%;text-align:center} .about-join-img{overflow:hidden;-webkit-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 90%,rgba(0,0,0,.5))} .about-join-img img{transition:all .5s;display:block;padding:0 5px;max-width:100%;box-sizing:border-box} .about-join-img img:hover{transform:scale(1.05)} .about-join-li p{text-align:center;font-size:18px;color:#454545;margin-top:40px} .about-join-swiper{overflow:hidden;width:80%;margin:0 auto} .about-join-swiper .swiper-wrapper{transition-timing-function:linear!important} .about-join-swiper .swiper-slide img{display:block;width:100%} .about-join-swiper .swiper-slide{width:auto} .about-join-ul-down{padding:50px 0;border-top:1px solid #838587} .about-join-ul-down li{display:none} .about-join-ul-top li.join-active a{font-weight:700} .about-partners{background:url(/uploads/39021/about-sus-bg.jpg) no-repeat;padding:7% 0;background-size:cover;background-position:center;} .about-part-l{width:33%} .about-part-t{color:#fff;font-weight:700;font-size:30px;margin-bottom:20px} .about-part-w{color:#fff;line-height:1.5;font-size:18px} .about-part-r{width:60%} .about-part-li{width:22%;margin:15px 0} .about-part-img{overflow:hidden;border-radius:50%} .about-part-img img{width:100%;display:block;transition:all .5s} .about-part-img img:hover{transform:scale(1.05)} .about-type{padding:6% 0;background:#f4f4f4} .about-type-inner{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;} .about-type-l{width:55%} .about-type-item{width:49.9%;margin-bottom:1px} .about-type-img{overflow:hidden} .about-type-img img{width:100%;display:block;transition:all .5s} .about-type-art{padding:20px;box-sizing:border-box;background:#000;position:relative} .about-type-art-t a{color:#b3b3b3;font-weight:700;font-size:18px} .about-type-art-w{font-size:14px;color:#b3b3b3} .about-type-art>div a{color:#000;font-weight:700;background:#b3b3b3;width:17px;height:17px;line-height:17px;text-align:center;border-radius:50%;overflow:hidden;position:absolute;top:10px;right:10px} .about-type-item:hover img{transform:scale(1.1)} .about-type-r{width:34%} .about-type-t{font-weight:700;font-size:30px;color:#000} .about-type-w{color:#545454;line-height:1.6;font-size:18px;margin-top:20px} @media (max-width:1600px){.about-join-inner,.history-inner{width:1440px} } @media (max-width:1440px){.ab2wz{top:8%;left:4%} .about-join-inner,.history-inner{width:1200px} .aw2nr,.aw2qh{margin-top:30px} .aw2label{font-size:20px;margin-top:5px} .aqtxt{width:120px;height:120px;font-size:13px} .about-com-ul{margin:20px 0 0} .about-his-line span{transform:translateY(-53%)} .about-join-swiper{width:90%} .about-join-ul-top{margin:15px 0} .about-join-ul-down{padding:20px 0 30px} .about-partners{padding:4% 0} } @media (max-width:1025px){.about-common{width:100%;padding:0 20px} .about-company,.about-core1,.about-core2,.about-core3,.about-join,.about-partners{padding:4% 0} .about-com-t,.about-join-t,.about-part-t,.about-type-t{font-size:20px} .about-com-w,.about-core-p,.about-core-word,.about-part-w,.about-type-w{font-size:13px} .about-com-ul li{margin:7px 15px 7px 0} .about-com-ul li .about-com-img img{width:35px} .about-com-ul li .about-com-art .num{font-size:22px} .about-com-ul li .about-com-art .word{font-size:11px} .about-com-ul li:nth-child(1){width:29.5%} .ab2wz{top:3%;width:40%} .aw2label{font-size:16px;line-height:1} .aqtxt{width:90px;height:90px;font-size:10px} .an2txt p{font-size:14px} .about-historyBox{padding:50px 0 0} .about-join-inner,.history-inner{width:100%;padding:0 20px;box-sizing:border-box} .about-his-ul .about-his-li .about-his-li-year{font-size:30px;padding-left:30px} .about-his-ul .about-his-li .about-his-li-inner p span{font-size:10px;padding-left:10px} .aw2bt{font-size:30px} .about-join-ul{margin-top:20px} .about-join-li p{margin-top:30px;font-size:13px} .about-join-ul-top li a{font-size:16px;padding:5px 0} .about-type-art{padding:12px} .about-type-l{width:48%} .about-type-r{width:43%} } @media (max-width:769px){.about-video iframe{max-height:inherit} .about-com-inner{width:75%} .about-com-t,.about-part-t{margin-bottom:5px} .about-com-t,.about-core-title,.about-join-t,.about-part-t,.about-type-t{font-size:18px} .awpc-pic{display:none} .awmb-pic{display:block} .ab2wz{width:90%;text-align:center} .aw2bt{font-size:22px} .aw2label{font-size:13px} .about-historyBox{padding:30px 0 0} .about-his-line{display:none} .about-his-ul .about-his-li .about-his-li-inner p{margin-bottom:8px} .about-historyBox .about-com-t{font-size:25px} .about-join-ul-top li a{font-size:13px} .about-join-swiper{width:100%} .about-join-swiper .swiper-slide img{height:200px;object-fit:cover} .about-type-l,.about-type-r{width:100%;margin:5px 0} .about-type-w{margin-top:0} .about-type-art-t a{font-size:14px} .about-type-art-w{font-size:12px} } @media (max-width:640px){.about-com-ul li .about-com-art .word{font-size:9px} .about-com-ul li,.about-com-ul li:nth-child(1){width:49%;margin:5px 0} .about-video iframe{width:100%} .about-com-inner,.about-core-inner{width:100%} .about-com-t,.about-core-title,.about-join-t,.about-part-t,.about-type-t{font-size:16px} .about-com-w,.about-core-item p,.about-core-p,.about-core-word,.about-part-w,.about-type-w{font-size:12px;line-height:1.3} .about-join-img img{padding:0} .about-join-li p{margin-top:10px} .about-historyBox{padding:20px 0 0} .about-his-ulBox .about-his-ul {margin-top:20px!important;margin-bottom:30px!important;} .about-his-ul .about-his-li{width:100%} .about-join-ul-top{align-items:center} .about-join-ul-top li a{border:none} .about-his-ul .about-his-li .about-his-li-inner p img{width:15px;height:12px} .about-his-ul .about-his-li .about-his-li-inner p{display:flex;align-items:center} .about-part-l,.about-part-r{width:100%;margin:5px 0} .about-part-li{margin:5px 0} .about-type-item{width:100%} .about-type-art>div a{top:5px;right:5px} .about-type-art{padding:6px} .about-type-art-t a{font-size:12px} } /* techonlogy & innovat */ .techscroll .tech-top-li .tech-img{display:none;} .tech-top-ul{background:#fff;width:100%;height:100%;} .tech-top-ul>div{width:100%;box-sizing:border-box;display:flex;justify-content:space-between;padding:50px 10%;} .tech-top-li{width:50%;position:relative;} .tech-img{overflow:hidden} .tech-img img{display:block;width:100%;transition:all .5s} .tech-t{font-weight:700;font-size:24px;color:#000;line-height:1;} .tech-t a{font-size:24px;color:#000;} .tech-w{font-size:18px;color:#000;text-transform:uppercase} .tech-art{position:absolute;left:8%;bottom:10%} .tech-top-ul>div.tech-common-top{padding:0;} .tech-top-ul .tech-art-scroll{position:fixed;top:77px;bottom:0px;left:auto;width:50%;height:fit-content;background:rgb(255, 255, 255);text-align:center;padding:20px 0px;z-index:10;} .tech-down-li{display:none} .tech-patent{background:url(/uploads/39021/patent-bg.jpg) no-repeat;background-size:cover;background-position:center;padding:11% 0} .inno-inner,.patent-inner{width:35%;display:flex;flex-direction:column;margin-left:auto} .tech-title{font-size:30px;font-weight:700;color:#fff;margin-bottom:20px} .tech-word{font-size:18px;line-height:1.5;color:#fff} .tech-listBox{padding:5% 0} ul.tech-down-ul-scroll{padding-top:40%;} .tech-down-item{background:#f4f4f4;margin:20px 0;align-items:inherit;} .tech-down-item-l{width:30%} .tech-down-item-r{width:70%;padding:0 20px;box-sizing:border-box;position:relative;display:flex;justify-content:center;flex-direction:column;padding-left:6%;} .tech-down-item-t{font-size:18px;font-weight:700;color:#000;margin-bottom:15px} .tech-down-item-w{font-size:16px;line-height:1.5;color:#5f5f5f} .tech-down-more{position:absolute;bottom:25px;right:40px;} .tech-down-more a{display:inline-block;color:#0b558f;border-bottom:1px solid #0b558f;padding:3px 0;} .tech-down-item:hover img{transform:scale(1.1)} .tech-down-item:nth-child(2n){flex-direction:row-reverse} .tech-coffee{padding:11% 0;background:url(/uploads/39021/coffee-bg.jpg) no-repeat;background-position:center;background-size:cover} .coffee-inner,.full-inner,.cup-inner{width:32%} .tech-cup{padding:11% 0;background:url(/uploads/39021/cup-bg.jpg) no-repeat;background-position:center;background-size:cover} .tech-inno{padding:11% 0;background:url(/uploads/39021/innova-bg.jpg) no-repeat;background-position:center;background-size:cover} .tech-full{padding:11% 0;background:url(/uploads/39021/full-bg.jpg) no-repeat;background-position:center;background-size:cover} .tech-jetino{padding:11% 0;background:url(/uploads/39021/ijetino-bg.jpg) no-repeat;background-position:center;background-size:cover} .tech-receBox{padding:6% 0 0} .jetino-inner{width:40%;display:flex;margin-left:auto;flex-direction:column} .rece-inner{margin-bottom:50px} .rece-inner img{width:100%;} .rece-inner2{flex-direction:row-reverse} .rece-inner .small-img{margin-top:20px;} .rece-inner .small-img img{max-width:100%;width:auto;} .rece-l{width:30%} .rece-r{width:68%} .saas-img img{display:block} .rece-t,.saas-t,.tech-top-title{font-size:18px;color:#000;font-weight:700;margin-bottom:15px;line-height:1} .rece-p,.saas-w{color:#646464;font-size:16px} .saasBox{background:#f4f4f4;padding:80px 100px;margin-bottom:6%} @media (max-width:1600px){ul.tech-down-ul-scroll{padding-top:50%;}} @media (max-width:1025px){.tech-top-ul>div{padding:50px 20px} .tech-coffee,.tech-full,.tech-inno,.tech-patent{padding:8% 0} .inno-inner,.patent-inner{width:40%} .tech-title{font-size:20px;margin-bottom:10px} .tech-word{font-size:14px} .tech-listBox{padding:3% 0} ul.tech-down-ul-scroll{padding-top:60%;} .tech-down-item-w{font-size:12px} .saasBox{padding:40px 60px} } @media (max-width:769px){ .tech-t a{font-size:18px;} .tech-inner{margin-top:10px;} .tech-top-ul>div{padding:20px;} .coffee-inner,.full-inner,.cup-inner{width:45%} .tech-down-item-l,.tech-down-item-r{width:50%} .tech-down-item-r{padding:0 10px} .rece-l{width:40%} .rece-r{width:58%} .saasBox{padding:20px} } @media (max-width:640px){ .tech-top-ul>div{padding:15px 10px} .tech-art{bottom:15px;left:5px} .tech-t,.tech-t a,.tech-w{font-size:12px;margin-bottom:0} .coffee-inner,.full-inner,.cup-inner,.inno-inner,.jetino-inner,.patent-inner,.rece-l,.rece-r,.tech-down-item-l,.tech-down-item-r{width:100%} .tech-coffee,.tech-full,.tech-inno,.tech-jetino,.tech-patent{padding:5% 0} .tech-down-item-r{padding:10px} .rece-inner{margin-bottom:20px} .rece-p,.saas-w{font-size:13px} ul.tech-down-ul-scroll{padding-top:65%;} .tech-down-more{position:inherit;bottom:0;right:0;} } /* product */ .productMain{width:100%;} .productMain .productSide,.detailsTable .detailsTableTop{display:none;} .detailsTop{background:#f4f4f4;padding:90px 20% 0;} .singglepic{width:450px;height:auto;border:none !important;} .common-pro-width{max-width:1860px;margin:0 auto;} .wmkc-pro-detail-common-title{font-size:27px;text-align:center;color:#333;margin:0 0 20px;} .wmkc-ph-item{display:flex;justify-content:center;margin:50px 0;} .wmkc-ph-item-l,.wmkc-ph-item-r{width:50%;} .wmkc-ph-item-l{background:#f4f4f4;} .wmkc-ph-item .wmkc-ph-item-l{padding:0 70px 0 50px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;} .wmkc-ph-item:nth-child(2n){flex-direction:row-reverse;background:#f4f4f4;} .wmkc-ph-item:nth-child(2n-1) .wmkc-ph-item-l{width:29%;margin-left:auto;} .wmkc-ph-item:nth-child(2n) .wmkc-ph-item-l{width:29%;margin-right:auto;} .wmkc-ph-item img{display:block;} .wmkc-ph-item:nth-child(2n) img{margin-left:auto;} .wmkc-ph-item .wmkc-ph-item-l .title{font-size:29px;font-family:SourceHanSansCN;color:#333;margin:0 0 20px;} .wmkc-ph-item .wmkc-ph-item-l .word{font-size:14px;font-family:SourceHanSansCN;font-weight:300;color:#333;} .wmkc-asBox{margin:50px 0;} .wmkc-pro-detail-inner{width:1110px;margin:0 auto;box-sizing:border-box;} .wmkc-asBox .wmkc-as-list{margin:30px 0;display:flex;justify-content:space-between;} .wmkc-as-l,.wmkc-as-r{width:50%;position:relative;} .wmkc-as-down{position:absolute;bottom:5%;left:5%;} .wmkc-as-p a{display:inline-block;color:#000;font-size:18px;font-weight:700;margin-bottom:20px;} .wmkc-as-down .wmkc-as-p a span {display:block;color:#000;font-size:18px; } .wmkc-as-t{text-transform:uppercase;color:#000;font-size:18px;} .wmkc-capBox{margin:50px 0;} .wmkc-pro-tab-inner{display:flex;justify-content:space-between} .wmkc-pro-tab-l{width:30%} .wmkc-pro-tab-r{width:65%} .wmkc-tab-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap} .wmkc-tab-art{width:49%} .wmkc-tab-art a{width:100%;display:inline-block;background:#f4f4f4;color:#9b9b9b;font-size:24px;text-transform:uppercase;padding:15px 0;line-height:1;text-align:center;transition:all .5s} .wmkc-tab-art a:hover{background:#0b5590;color:#fff} .wmkc-tab-art.tab-active a{background:#0b5590;color:#fff} .wmkc-tab-tableBox{margin-top:30px} .wmkc-pro-tab-l .wmkc-tab-imgBox,.wmkc-tab-tableBox .wmkc-tab-tableBox-inner{display:none} .wmkc-table-inner{width:100%} .wmkc-table-inner tr{width:100%} .wmkc-table-inner tr:nth-child(2n-1){background:#f4f4f4} .wmkc-table-inner tr td{font-size:15px;padding:10px} .wmkc-table-inner tr td:nth-child(1){width:40%} .wmkc-table-inner tr td:nth-child(2){font-weight:700} .wmkc-bigdownloadBox{padding:60px 45px;background:#f4f4f4;} .wmkc-down-inner-box{display:flex;justify-content:space-between;flex-wrap:wrap;} .wmkc-down-char{margin:30px 0;} .wmkc-down-char .title{font-size:18px;font-family:Arial; margin-bottom:10px;} .wmkc-down-item{width:30%;background:#fff;padding:40px 20px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;} .wmkc-down-item .wmkc-down-item-l{width:90%;display:flex;} .wmkc-down-item .wmkc-down-item-l .icon img{width:25px;height:20px!important;margin-right:10px;} .wmkc-down-item .wmkc-down-item-l .wordBox .title{line-height:1;font-size:18px;text-transform:capitalize;margin-bottom:10px;} .wmkc-down-item .wmkc-down-item-l .wordBox .word{line-height:1;font-size:12px;color:#A4A4A4;} .wmkc-down-item .wmkc-down-item-r{width:5%;} @media (max-width:1025px){.wmkc-tab-art a{padding:10px 0;font-size:24px} .wmkc-table-inner tr td{font-size:15px;padding:5px} .wmkc-down-char{margin:15px 0;} .wmkc-down-item{width:32%;padding:20px 10px;} } @media (max-width:768px){.detailsTable{margin-top:40px} .wmkc-bigdownloadBox{padding:30px 10px;} .wmkc-down-item .wmkc-down-item-l .wordBox .title{font-size:15px;} .wmkc-down-item{padding:15px 10px;} } @media (max-width:450px){.wmkc-pro-tab-l{display:none} .wmkc-pro-tab-r{width:100%} .wmkc-down-item{width:100%;margin:5px 0;} } .detailsTableTurnPage{max-width:1110px;margin:60px auto 85px;} .newsArticleTable{max-width:1110px;margin:0 auto;} @media (max-width:1600px) { .detailsTop{padding:20px 13%;} .wmkc-ph-item:nth-child(2n-1) .wmkc-ph-item-l,.wmkc-ph-item:nth-child(2n) .wmkc-ph-item-l{width:35%;} } @media (max-width:1440px) { .detailsTop{padding:20px 10%;} .wmkc-ph-item:nth-child(2n-1) .wmkc-ph-item-l,.wmkc-ph-item:nth-child(2n) .wmkc-ph-item-l{width:40%;} } @media (max-width:1280px) { .detailsTop{padding:20px 4vw;} .wmkc-pro-detail-inner{width:100%;padding:0 4vw;} .newsArticleTable,.detailsTableTurnPage{max-width:100%;padding:0 4vw;} .wmkc-ph-item:nth-child(2n-1) .wmkc-ph-item-l, .wmkc-ph-item:nth-child(2n) .wmkc-ph-item-l{width:47%} } @media (max-width:769px) { .detailsTopRightyun{margin-top:25px;} .wmkc-ph-item .wmkc-ph-item-l{padding:0 30px;} .wmkc-ph-item:nth-child(2n-1) .wmkc-ph-item-l, .wmkc-ph-item:nth-child(2n) .wmkc-ph-item-l{width:50%;} .wmkc-ph-item .wmkc-ph-item-l .title{font-size:22px;;line-height:1.1;} .wmkc-ph-item{margin:20px 0;} .wmkc-as-p a{margin-bottom:2px;} .wmkc-as-p a,.wmkc-as-down .wmkc-as-p a span{font-size:14px;} .wmkc-tab-art a{font-size:16px;} .wmkc-table-inner tr td {font-size:13px;padding:3px;} } @media (max-width:450px) { .detailsTopRighttext h1{font-size:18px;} .detailsTopRighttext p{display:block;margin:15px 0;} .wmkc-ph-item,.wmkc-ph-item:nth-child(2n){flex-direction:column-reverse;} .wmkc-ph-item .wmkc-ph-item-l{padding:15px;} .wmkc-ph-item:nth-child(2n-1) .wmkc-ph-item-l, .wmkc-ph-item:nth-child(2n) .wmkc-ph-item-l,.wmkc-ph-item-l, .wmkc-ph-item-r,.wmkc-as-l, .wmkc-as-r{width:100%;} .wmkc-pro-detail-common-title{font-size:19px;} } /* contact us */ .contactBox{padding-top:3%;} .contact-item{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;border-bottom:2px solid #999;padding-bottom:2%;} .contact-item-l,.contact-item-r{width:40%;} .contact-item .contact-item-tit{color:#000;font-size:20px;font-weight:bold;margin-bottom:20px;} .contact-item .contact-item-add{color:#666;line-height:2;max-width:70%;font-size:18px;} .contact-item1 .contact-item-r{border:1px solid #eee;padding:10px;box-sizing:border-box;} .contact-item2{padding:4% 0;align-items:end;} .contact-item2 .contact-item-sale,.contact-item2 .contact-item-phone,.contact-item2 .contact-item-sale,.contact-item2 .contact-item-phone{line-height:2;color:#666;} .contact-item2 .contact-item-phone a,.contact-item2 .contact-item-phone a{color:#666;} .contact-form{padding:3% 0;} .contact-form .contact-form-tit{text-align:center;color:#000;font-size:30px;font-weight:bold;} .contact-form .contact-form-word{text-align:center;margin-bottom:20px;} .inquiry-form{justify-content:space-between;} .inquiry-form>input{width:48%;} .send-btn .span:nth-child(1){padding:15px 40px;border-radius:30px;} @media (max-width:768px){.contact-item-l, .contact-item-r{width:49%;} .inquiry-form>input{width:100%;} .contactBox{padding-top:10%;}} @media (max-width:500px){.contact-item-l, .contact-item-r{width:100%;} .contactBox{padding-top:15%;} .contact-item .contact-item-add{max-width:100%;} .contact-form .contact-form-tit{font-size:20px;} } .wmkc-template-33 .wmkc-flex {display:flex;align-items:center;} .productBanner {min-height:100px} .header nav,.header nav .navNav .nav>li .submenu li,.header{background:#fff;} .header nav div .nav>li a{color:#000;text-transform:uppercase;} .header .header-top .mailclock,.logo .rectangle{display:none;} .navImg>img{background-color:#000;} @media (min-width:769px){ .header .header-top{padding:0 15%;} .header .header-top .search{margin-left:auto;margin-right:7%;} .header nav .navNav{width:55%;} .search #txtSearch{top:0;height:25px;border:1px solid #000;right:35px;display:block !important;} .header .logo{position:inherit;left:0;z-index:1;top:0 !important;height:100%;} .header .logo .logo1{position:inherit;top:inherit;left:inherit;transform:inherit;display:block;} .header.headscroll .logo .logo1{top:25% !important;} } @media (min-width:769px) and (max-width:1500px){.header nav{padding:0 80px;justify-content:space-between;} .header .header-top{padding:0 80px;} .header nav .navNav{width:70%;margin-left:0;} .header nav div .nav{width:100%} .header .logo{margin-left:0;} .header .header-top .search{margin-right:25%;}} @media (min-width:501px) and (max-width:768px){.header .logo{top:30% !important;}} .header nav .navNav .nav>li .submenu .side_nav2 {display:none;} .about-video{padding-bottom:0;} /* JL35 SERIES Fresh Milk Coffee Master */ .productMain{margin:0 auto;max-width:1920px} .wm-particulars{margin:0 auto;max-width:1110px} .wk-product-box{display:flex;margin-bottom:65px} .wk-product-r{width:50%;overflow:hidden;} .wk-product-l{display:flex;box-sizing:border-box;padding:0 40px;width:50%;background:#f4f4f4;flex-direction:column;justify-content:center} .wk-product-l p:nth-of-type(1){margin-bottom:25px;color:#333;font-weight:300;font-size:29px;line-height:1} .wk-product-l p:nth-of-type(2){color:#333;font-weight:300;font-size:14px;line-height:21px} .wk-product-r img{display:block;max-width:100%;transition:all .3s ease-in-out;} .wk-product-title p{margin-bottom:70px;color:#333;text-align:center;font-weight:400;font-size:27px} .wk-app-all{display:flex;justify-content:space-between;align-items:center} .wk-app-title{margin:15px 0 80px} .wk-app-title p{color:#333;text-align:center;font-weight:400;font-size:27px} .wk-specifi-all{display:flex;padding:75px 0;justify-content:space-between;align-items:center} .wk-specifi-l{display:flex;width:20%;justify-content:center;align-items:center;padding-right:30px;} .wk-specifi-r{overflow:hidden;width:80%} .wk-specifi-title p{padding:80px 0 0;color:#333;text-align:center;font-weight:400;font-size:27px;line-height:1} .wk-param-top1,.wk-param-top2,.wk-param-top3,.wk-param-top4{display:flex;margin-bottom:35px;justify-content:space-between} .wk-param-li{box-sizing:border-box;padding:15px 0;background:#f5f5f5;transition:all .3s ease-in-out;display:block;text-align:center;cursor:pointer;} .wk-param-top1 a{width:100%;} .wk-param-top2 a{width:49.5%;} .wk-param-top3 a{width:32.5%;} .wk-param-top4 a{width:24.5%;} .wk-param-top1 li{width:100%;} .wk-param-top2 li{width:49.5%;} .wk-param-top3 li{width:32.5%;} .wk-param-top4 li{width:24.5%;} .wk-param-li{color:#000;text-align:center;font-weight:400;font-size:20px;opacity:.5} .wk-param-table tr{display:flex;padding:15px 0;justify-content:space-between;align-items:center} .wk-param-table{width:100%} .wk-param-table tr td{padding:0 80px;width:50%;color:#333;font-weight:400;font-size:14px} .wk-param-table tr:nth-of-type(2n-1){background:#f4f4f4} .wk-param-box{display:none} .wk-param-top1 .active,.wk-param-top2 .active,.wk-param-top3 .active,.wk-param-top4 .active{background:#0b5590;color:#fff;opacity:1} .wk-param-botton{margin-bottom:60px} .wk-param-li:hover{background:#0b5590;} .wk-param-li:hover{color:#fff;opacity:1} .wk-one-title{display:flex;justify-content:center;padding-bottom:45px;border-bottom:2px solid #848687;width:90%;margin:0 auto;} .wk-one-title li{font-size:18px;padding:10px 0;font-weight:300;color:#000000;line-height:1;width:30%;text-align:center;cursor:pointer;} .wk-one-title li:nth-of-type(2){border-left:1px solid #838587;border-right:1px solid #838587;} .wk-one{background:#F4F4F4;} .wk-tow{background:#F4F4F4;margin-top:5px;} .wk-one-content{padding:80px 0;} .wmkc-one-alls{width:90%;overflow:hidden;margin:0 auto;} .wk-one-img img{display:block;max-width:100%;transition:all .3s ease-in-out;} .wk-one-img{position:relative;overflow:hidden;} .wk-one-p{position:absolute;width:100%;height:100%;top:0;left:0;padding:30px;display:flex;justify-content:center;align-items:end;box-sizing:border-box;} .wk-one-p p{font-size:18px;font-weight:400;color:#000000;line-height:27px;} .wmkc-one-box{display:none;} .wmkc-tow-box{display:none;} .wmkc-one-all{display:flex;justify-content:space-between;align-items:center;margin-top:60px;} .swiper-one-next,.swiper-one-prev{width:5%;display:flex;justify-content:center;align-items:center;font-size:25px;cursor:pointer;} .swiper-one-next a,.swiper-one-prev a{font-size:26px;color:#676767;} .swiper-tow-next,.swiper-tow-prev{width:5%;display:flex;justify-content:center;align-items:center;} .swiper-tow-next a,.swiper-tow-prev a{font-size:26px;color:#676767;} .wk-one-title .aactive a{font-size:18px;font-weight:600;display:block;} .wk-tow-title .active a{font-size:18px;font-weight:600;display:block;} .wk-there-title .active a{font-size:18px;font-weight:600;display:block;} .wk-tow-title{display:flex;justify-content:center;padding-bottom:45px;border-bottom:2px solid #848687;width:90%;margin:0 auto;} .wk-tow-title li{font-size:18px;padding:10px 0;font-weight:300;color:#000000;line-height:1;width:30%;text-align:center;} .wk-tow-title li:nth-of-type(2){border-left:1px solid #838587;border-right:1px solid #838587;} .wk-there-title{display:flex;justify-content:center;padding-bottom:45px;border-bottom:2px solid #848687;width:90%;margin:0 auto;} .wk-there-title li{font-size:18px;padding:10px 0;font-weight:300;color:#000000;line-height:1;width:30%;text-align:center;} .wk-there-title li:nth-of-type(2){border-left:1px solid #838587;border-right:1px solid #838587;} .wk-there{background:#F4F4F4;margin-top:5px;} .wmkc-there-al{display:flex;justify-content:space-between;align-items:center;} .wmkc-there-con{width:32%;background:#fff;padding:25px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-radius:5px;overflow:hidden;} .wmkc-there-p p{font-size:18px;font-weight:400;color:#000000;line-height:27px;} .wmkc-there-titile p{font-size:18px;font-weight:400;color:#000000;} .wmkc-there-titile{padding:12px 20px;} .wmkc-there-box{display:none;} .wk-product-r:hover img{transform:scale(1.1);} .wmkc-specifi-box:hover img{transform:scale(1.1);} .wmkc-specifi-box{overflow:hidden;} .wmkc-specifi-box img{transition:all .3s ease-in-out;display:block;max-width:100%;} .wk-one-img:hover img{transform:scale(1.1);} .wk-app-r img,.wk-app-l img{display:block;max-width:100%;} @media (max-width:1110px) { .wk-product-highlights,.wk-application,.wk-specifications,.wk-param,.wk-one,.wk-tow,.wk-there{padding:0 3%;} .wk-product-title p{margin-bottom:50px;} .wk-product-box{margin-bottom:30px;} .wk-app-title{margin:30px 0;} .wk-specifi-title p{padding:50px 0 0;} .wk-specifi-all,.wk-one-content{padding:50px 0;} .wmkc-one-all{margin-top:50px;} } @media (max-width:1024px) { .detailsTable{margin-top:50px;} .wk-product-title p {margin-bottom:30px;line-height:1;} .wk-specifi-all, .wk-one-content {padding:30px 0;} .wk-param-li p{font-size:18px;line-height:1;} .wmkc-there-p p{font-size:16px;} .wk-tow-title{padding-bottom:30px;} .wmkc-one-all {margin-top:30px;} } @media (max-width:768px) { .wk-product-l p:nth-of-type(1){margin-bottom:15px;font-size:18px;} .wk-product-highlights, .wk-application, .wk-specifications, .wk-param, .wk-one, .wk-tow, .wk-there{padding:0;} .wk-product-l{padding:0 20px;} .wk-product-l p:nth-of-type(2){font-size:12px;} .wk-app-title p{line-height:1;} .wk-param-li p {font-size:14px;line-height:1;} .wk-param-table tr{padding:10px 0;} .wk-one-title,.wk-tow-title,.wk-there-title{padding-bottom:20px;border-bottom:1px solid #848687;} .wk-one-p{padding:15px;} .wk-one-p p{font-size:14px;} .wk-one-title .aactive a,.wk-tow-title .active a,.wk-there-title .active a{font-size:16px;} .wmkc-there-al{flex-wrap:wrap;} .wmkc-there-con{width:49%;margin-bottom:2%;} } @media (max-width:450px) { .wmkc-there-con{width:100%;} .wk-param-table tr td{padding:0;} .wk-param-top{flex-wrap:wrap;} .wk-param-li{width:49%;margin-bottom:2%;} .wk-product-box{flex-direction:column;} .wk-product-l{width:100%;padding:20px;} .wk-product-r{width:100%;} .wk-product-box:nth-of-type(2){flex-direction:column-reverse;} .wk-one-p {padding:5px;} .wk-one-p p {font-size:12px;line-height:1;text-align:center;} .wk-tow-title,.wk-one-title,.wk-there-title{width:100%;} .wk-tow-title li,.wk-one-title li,.wk-there-title li{width:33%;padding:0;} .wk-one-title li a{font-size:14px;} .wk-one-title .aactive a,.wk-tow-title .active a,.wk-there-title .active a{font-size:14px;} .wk-specifi-title p{padding:30px 0 0;font-size:22px;} .wk-app-title p,.wk-product-title p{font-size:22px;} .wk-specifi-l{width:10%;padding-right:10px;} .wk-param-botton {margin-bottom:20px;} } .newsList{max-width:1400px;margin:0 auto;} .productMain .newsList .content-list0 {margin:0 auto;justify-content:flex-start;} .productMain .newsList .content-list0 li{display:flex;margin:0 2.6666% 30px 0;padding:15px;width:23%;box-sizing:border-box;min-height:150px;transition:box-shadow .2s ease-in-out;border:1px solid #eaeaea;border-radius:20px;overflow:hidden;background:#FFF;} .productMain .newsList .content-list0 li:nth-child(4n){margin-right:0} .productMain .newsList .content-list0 li>a{flex-direction:column;} .newsJgg li .newsJggimg{margin-right:0;min-width:auto;} .content-list0 li .newsJggimg img{width:100%} .fnav .side_nav2 {display:none;} .wmkc-new-btn{display:flex;flex-wrap:wrap;justify-content:flex-end;width:100%;margin-bottom:20px;} .wmkc-new-btn li a{display:block;width:150px;border:1px solid #eaeaea;border-radius:20px;color:#9a9a9a;padding:7px 0;transition:all .2s ease-in-out;text-align:center;margin:0 5px;} .wmkc-new-btn li:hover a{color:#fff;background:#e40000;} @media (max-width:768px) { .wmkc-new-btn {margin-bottom:0;padding:35px 0 20px;justify-content:center;} .wmkc-new-btn li a {width:130px;font-size:14px;} .productMain .newsList .content-list0 li{min-height:auto;height:auto;width:49%;padding:10px;margin:0 2% 20px 0} .productMain .newsList .content-list0 li:nth-child(2n){margin-right:0} .productBannerTitle{top:50%!important}} .tech-art .tech-t a:hover{color:#e40000} .productBannerTitle h1,.productBannerTitle h2 {display:none;} @media (min-width:769px){footer .footerTop>div {max-width:24%;width:auto;}} @media (max-width:1080px) and (min-width:769px){footer .footerTop>div {max-width:50%;width:48%;margin:15px 0} footer .footerTop{flex-wrap:wrap}} .contactBox .common-width {max-width:1100px} .tech-t a.visred {color:red;} @media (min-width:769px){#liproducts{position:unset;} #liproducts .submenu{width:100%;padding:0 160px;margin:0 auto;left:0px;box-sizing:border-box;background:#fff;} #liproducts .submenu>li{height:100%;width:20%;float:left;display:flex;flex-direction:column;justify-content:center;align-items:center;} .header nav div .nav .submenu li a{font-size:18px;font-weight:400;color:#333333;line-height:25px;padding-bottom:30px;} #liproducts .submenu>li:hover img{transform:scale(1.1);} #liproducts .submenu>li .item-info{overflow:hidden;} #liproducts .submenu>li .item-info img{transition:all .3s ease-in-out;max-width:100%;display:block;} .header nav div .nav .submenu li .item-con {position:relative;padding-bottom:100%;margin-bottom:8px;} .header nav div .nav .submenu li .item-con img {height:90%;width:90%;position:absolute;top:5%;left:5%;object-fit:contain;} .header nav div .nav .submenu li:nth-child(3) .item-con img {height:100%;width:100%;top:0;left:0;} #liproducts .submenu>li .item-info {width:100%;} .header nav div .nav .submenu li a {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;display:block;text-align:center;box-sizing:border-box;}} @media (max-width:768px){#liproducts .submenu>li .item-info{display:none}} .wmkc-productList-box:nth-of-type(1){background:url(/Content/uploads/2023947035/20230614145124d6391ee0633e474b8143f019ad55f1bf.jpg) center no-repeat;background-size:cover} .wmkc-productList-box:nth-of-type(2){background:url(/Content/uploads/2023947035/202307141745513456fa52b4974566a01de683d5000980.jpg) center no-repeat;background-size:cover} .wmkc-productList-box:nth-of-type(3){background:url(/Content/uploads/2023947035/20230614145123451f64c7cc9d4b0fa4d5602bb24892fc.jpg) center no-repeat;background-size:cover} .wmkc-productList-box:nth-of-type(4){background:url(/Content/uploads/2023947035/20230614145051e0c60fe185244ae0a3539de61d24cae0.jpg) center no-repeat;background-size:cover} .wmkc-productList-box:nth-of-type(5){background:url(/Content/uploads/2023947035/202306141450526e95407360e5423a8fa6efc3f0a73b55.jpg) center no-repeat;background-size:cover} .wmkc-productList-all{max-width:1920px} .wmkc-productList-box{display:flex;justify-content:center} .wmkc-productList-size{padding:310px 0;width:100%;height:100%;background:#00000082;} .wmkc-productList-p p:nth-of-type(1){width:70%;color:#fff;text-align:center;font-weight:700;font-size:52px;line-height:1.5} .wmkc-productList-p p:nth-of-type(2){padding:20px 0;color:#fff;text-align:center;font-weight:400;font-size:24px;line-height:1} .wmkc-productList-p{display:flex;flex-direction:column;justify-content:center;align-items:center} .wmkc-productList-btn a{display:flex;padding:15px 40px;border:1px solid #fff;border-radius:3px;color:#fff;font-weight:400;font-size:16px;line-height:1;justify-content:space-between;align-items:center;letter-spacing:5px;text-transform:capitalize;} .wmkc-productList-btn a img{margin-left:20px} @media (max-width:1366px) { .wmkc-productList-size{padding:170px 0;} .wmkc-productList-p p:nth-of-type(1){font-size:36px;} .wmkc-productList-btn a{padding:10px 15px;font-size:14px;} .wmkc-productList-p p:nth-of-type(2){font-size:20px;} .wmkc-productList-btn a img {margin-left:10px;}} @media (max-width:1366px) { .wmkc-productList-p p:nth-of-type(1){width:80%;font-size:26px;} .wmkc-productList-size{padding:100px 0;}} @media (max-width:768px) {.wmkc-productList-p p:nth-of-type(2){font-size:16px;}} .wmkc-productBanner{display:none;} .productSide .productSideTop .TitleName{display:block;padding:10px 0;background:0 0;color:#000;text-transform:capitalize;font-weight:300;font-size:23px} .productSide .productSideTop .sf-menu .menu-item{position:relative;margin:0;padding:15px 0;border-bottom:1px solid #f4f4f4} .productSide .productSideTop .sf-menu .menu-item a{color:#0b558f;text-transform:uppercase;font-size:14px;line-height:1;cursor:pointer;transition:all .3s ease-in-out} .productSideCenter{display:none} .wmkc-protype-all{display:flex;margin-bottom:50px;padding:0 20px;flex-wrap:wrap;} .pro-bottom{padding:0 15px;margin-bottom:50px;} .wmkc-protype-box{margin-bottom:3%;width:32%;background:#f4f4f4;transition:all .3s ease-in-out;margin-right:2%;} .wmkc-protype-box:hover{z-index:10;background:#0b558f;transform:scale(1.1);} .wmkc-protype-img a{display:flex;justify-content:center;align-items:center} .wmkc-protype-img a img{display:block;max-width:100%} .wmkc-protype-size{display:flex;padding:10px 20px;flex-direction:column;justify-content:center;align-items:center} .wmkc-protype-size a:nth-of-type(1){position:relative;text-decoration:none;font-weight:800;font-size:14px;line-height:1.5;text-align:center;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box;} .wmkc-protype-btn{position:relative;width:100%;height:0;border-top:1px solid #eee} .wmkc-protype-box:hover .wmkc-protype-button{height:70px;background:#0b558f;-webkit-transition:all .3s ease-out;transition:all .3s ease-out} .wmkc-protype-button{position:absolute;top:-1px;right:0;left:0;display:flex;overflow:hidden;padding:0 20px;padding-right:25px;padding-left:25px;height:0;background:#f4f4f4;text-align:center;transition:all .2s ease-out;flex-direction:column;justify-content:center;align-items:center} .wmkc-protype-bt{display:flex;margin:10px 0;width:100%} .wmkc-protype-bt a{display:block;padding:10px 0;width:100%;border:1px solid #fff;color:#fff;text-align:center;font-size:12px;line-height:1;transition:all .3s ease-in-out} .products-add-inquirl{display:flex;width:auto;border:none;border-radius:50%;color:#fff;justify-content:space-between;align-items:center} .products-add-inquirl p{margin-left:10px;font-size:12px;line-height:1;} .wmkc-protype-box:hover .wmkc-protype-size a:nth-of-type(1){color:#fff} .wmkc-protype-box:hover .wmkc-protype-btn{display:block} .wmkc-protype-bt:hover a{border:1px solid #0b558f;background-color:#fff;color:#0b558f} .wmkc-productMain{max-width:1200px;margin:0 auto;} .wmkc-protype-box:nth-of-type(3n){margin-right:0;} .wmkc-productList-btn{position:relative;z-index:1;overflow:hidden;border-radius:5px;} .wmkc-productList-btn::after{content:'';position:absolute;width:100%;height:100%;top:0;right:100%;z-index:-1;transition:all .3s ease-in-out;} .wmkc-productList-btn:hover::after{right:0;background:#fff;} .wmkc-productList-btn:hover a{color:#000;} .wmkc-productList-btn:hover img{filter:grayscale(200%) brightness(0%);} .detailsTable .detailsTableTop{display:none;} .wk-param-top .active{color:#fff;} .productSide .productSideTop .sf-menu .menu-item:hover>ul{display:block} .productSide .productSideTop{padding:0 20px;} .productMain .productSide, .detailsTable .detailsTableTop{display:block;} @media (max-width:768px){.productMain .productSide, .detailsTable .detailsTableTop{display:none;}} .products-add-inquirl{display:none;} .bannervideo{position:relative;width:100%;padding-bottom:40%;} .bannervideo iframe{position:absolute;top:0;left:0;} @media (max-width:768px){.bannervideo{padding-bottom:55%}} @media (max-width:500px){.bannervideo{padding-bottom:65%}} .productSideNews {display:none !important;} .header nav .navNav .nav>li#linewslist-1 .submenu li a{font-size:16px;} .header nav .navNav .nav>li#linewslist-1 .submenu li a:hover{color:#e40000;} .fnav li a{color:#fff;} .fnav li a:hover{color:#e40000} .fnav-flex{display:block} .fnav-flex li{width:100%} .about-inner{max-width:1920px;margin:0 auto;} .about-join-ul-down{overflow:hidden;} .cer-img img{display:block;max-width:100%;} .about-join-down-item.active{display: block;} .wmkc-there-al:after{content:'';width:32%;} .wmkc-there-al{flex-wrap:wrap;} .productBanner .breadcrumbs-nav a br,.detailsSort h1 br{display:none} @media (max-width:500px){.header nav .navNav .nav>li .submenu li{height:auto}.header nav .navNav .nav>li .submenu li a{height:auto;line-height:1.4;padding:5px!important;}} .detailsTopRight .share-btn-list .twitter{display:none;} .detailsTopRight .share-btn-list .pinterest{display:none;} .detailsTopRight .share-btn-list .vk{display:none;} .detailsTopRight .share-btn-list .whatsapp{display:none;} .detailsTopRight .share-btn-list .mail{display:none;} .newsDetail .newsArticle .newsArticleText img{width: auto;display: flex;justify-content: center;align-items: center;margin: 0 auto;} .detailsPage .newsDetail{margin: 0 auto;}