*{margin:0;padding:0;box-sizing:border-box}
@font-face{font-family:montserrat-regular;src:url(font/Montserrat-Regular-8.otf)}
@font-face{font-family:montserrat-light;src:url(font/Montserrat-Light-6.otf)}
@font-face{font-family:poppins-bold;src:url(font/Poppins-SemiBold.ttf)}

html{overflow-x: hidden;}
html[lang="arab"] body{direction: rtl;}
body{--color:#ff2121;--header-height:126px;padding-top:var(--header-height);color:#1d1d1f;font:400 14px/1.5 montserrat-regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;overflow-x: hidden;}

a{color:#1d1d1f;text-decoration:none;transition: all .3s;}
a:hover{color: var(--color);}
li{list-style:none}
img{max-width: 100%;}

@keyframes fade-up{0%{opacity:0;transform:translateY(5px)}100%{opacity:1;transform:translateY(0)}}
@keyframes breathing{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}

.cursor-pointer{cursor:pointer}
.font-size-0{font-size:0}
.shadow{filter:drop-shadow(0 0 5px rgba(0,0,0,.2))}
.montserrat-light{font-family:montserrat-light}
.text-center{text-align:center}

.top-triangle{--size:16px;position:relative}
.top-triangle::before{content:'';position:absolute;bottom:100%;left:calc(50% - var(--size)/ 2);height:var(--size);width:var(--size);background-color:#fff;-webkit-clip-path:polygon(50% 50%,0 100%,100% 100%);clip-path:polygon(50% 50%,0 100%,100% 100%)}

.button{background-color:var(--color);display:inline-flex;align-items:center;justify-content: center;border:none;color:#fff;font-size:16px;height:48px;text-align:center;padding:0 30px;white-space:nowrap;cursor:pointer;transition:all .2s;}
.button-icon{background-size:22px;background-repeat:no-repeat;background-position:20px center;padding-left:50px!important;}
.button-icon-gap{padding-left: 55px;}
.button-link{font-family:montserrat-light;}
.button-link::after{content:'';display:inline-block;width:24px;height:24px;margin-left:5px;background-image:url(img/arrow.svg);background-size:100%;background-repeat:no-repeat;background-position:right center;transition:transform .3s}
.button-link:not([disabled]):hover::after{transform:rotate(45deg)}
.button-link[disabled]{opacity:.5;cursor: default;}
.button-black{background-color: #1d1d1f;color: #fff;}
.button-line{background-color: #fff;color: #1d1d1f!important;border:solid 1px #1d1d1f;}
.button-line:not([disabled]):hover{background-color: rgb(0 0 0 / 2%);opacity: 1!important;}
.button-wx{background-image: url(./img/wx.svg);}
.button-phone{background-image: url(./img/phone.svg);}
.button-phone-b{background-image: url(./img/phone-b2.svg);}
.button-cart{background-image: url(./img/cart.svg);}
.button-quote{background-image: url(./img/quote.svg);}
.button:not([disabled]):hover{opacity:.8;color:#fff}

.a-line{position:relative;display:inline-block}
.a-line::after{content:"";position:absolute;width:0;height:3px;left:50%;bottom:0;background-color:var(--color);transition:all .3s ease-out}
.a-line:hover,.a-line.active{color:var(--color)}
.a-line.active::after,.a-line:hover::after{width:100%;left:0}

.fade-up{animation:fade-up .3s ease-in-out}
.uppercase{text-transform: uppercase;}

.container{position:relative;height:100%;max-width:1600px;margin:0 auto}

.header{background-color:#fff;box-shadow:0 4px 10px 0 rgba(0,0,0,.1);position: fixed;top:0;width:100%;height:var(--header-height);z-index: 100;}
.header.not-shadow{box-shadow:none;}
.header .header-in{padding:0 20px;display:flex;align-items:center;justify-content:space-between;}
.header .header-in .actions{margin-top: 20px;}
.header .logo img{width:180px;height:64px}
.header .site-badge .sub{color:#1d1d1f}
.header .button-inquiry{background-image:url(img/cart.svg);height:36px;font-size:18px;}
.header .button-inquiry.in{-webkit-animation:breathing .5s;animation:breathing .5s}
.header .fn{display:flex;align-items:center;gap:35px;justify-content: flex-end;}
.header .inquiry{position: relative;}
.header .inquiry .list{position: absolute;padding-top:10px;left:50%;transform: translateX(-50%); display: none;z-index: 100;}
.header .inquiry .list .in{background-color: #fff;padding:10px;}
.header .inquiry:hover .list{display: block;}
.header .inquiry .products{max-height:500px;min-width:300px;padding-right:10px;overflow-y:auto}
.header .inquiry .products .empty{text-align:center}
.header .inquiry .products .item{display:flex;align-items:center;gap:20px}
.header .inquiry .products .item+.item{padding-top:5px;margin-top:5px;border-top:solid 1px #f1f1f1}
.header .inquiry .products .item .img{flex:0 0 80px;width:80px;font-size:0}
.header .inquiry .products .item .name{flex:0 0 150px;font-size:14px}
.header .inquiry .products .item .name .cate{font-size:12px;color:#666}
.header .inquiry .products .item .name .title{font-size:16px}
.header .inquiry .products .item .quantity-input input{height:35px}
.header .inquiry .products .item .remove svg{cursor:pointer}
.header .inquiry .fn{margin-top:10px;padding-top:10px;border-top:solid 1px #f1f1f1}
.header .inquiry .fn .button{height:30px;padding:0 15px}
.header .menu-btn{display: none;}

.menu-btn{width:3em;height:3em;float:right;position:relative;transform: translateX(.5em);}
.menu-btn span{display:block;width:2em;border:1px solid #999;position:absolute;left:.5rem;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;transition:.4s}
.menu-btn span.m_1{top:.8em}
.menu-btn span.m_2{top:1.5em}
.menu-btn span.m_3{bottom:.7em}
.menu-btn.click span.m_1{-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;-o-transform-origin:left;transform-origin:left;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.menu-btn.click span.m_3{-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;-o-transform-origin:left;transform-origin:left;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.menu-btn.click span.m_2{opacity:0;filter:Alpha(opacity=0)}

.oauth{display:flex;align-items:center;gap:12px}
.oauth .item .icon{font-size:0;height:28px;width:28px;background-position: center;background-repeat: no-repeat;background-image: var(--icon); background-size: cover; cursor: pointer;}
.oauth .item .icon a{display: inline-block;width: 100%;height: 100%;}

.refresh-effect{position:relative;overflow:hidden;--refresh-effect-opacity:.7}
.refresh-effect::after{content:'';background-image:-webkit-gradient(linear,left top,right top,from(transparent),to(rgba(255,255,255,var(--refresh-effect-opacity))));background-image:linear-gradient(to right,transparent,rgba(255,255,255,var(--refresh-effect-opacity)));position:absolute;display:block;width:50%;height:100%;top:0;left:-75%;z-index:2;-webkit-transform:skewX(-25deg);transform:skewX(-25deg);pointer-events:none}
.refresh-effect:hover::after{-webkit-animation:shine .85s;animation:shine .85s}
@keyframes shine{100%{left:125%}}

.language{position:relative}
.language:hover .list{display:block}
.language .down{background-image:url(img/down.svg);background-size:8px;background-repeat:no-repeat;background-position:center;width:8px;height:8px}
.language .select{display:flex;align-items:center;gap:7px}
.language .select > img{width: 24px;}
.language .list{display:none;position:absolute;right:0;top:100%;padding-top:10px;z-index:10}
.language .list .language-list-in{position:relative;background-color:#fff;padding:5px 0}
.language .list .language-list-in::before{right:20px;left:auto}
.language .list .item a{display:flex;align-items:center;gap:5px;padding:5px 10px;white-space:nowrap;cursor:pointer}
.language .list .item a:hover,.language .list .item.current a{background-color:#f5f5f5;color:var(--color)}
.language .list .icon{font-size:0;width: 24px;}
.language .list .icon img{width:24px;height:24px}

.header-nav{margin-top:10px;white-space: nowrap;}
.header-nav .root-nav{display:flex;justify-content:flex-end;font-size:20px;gap:35px;text-transform: uppercase;}
.header-nav .root-nav>li{position:relative}
.header-nav .root-nav>li>a{line-height:60px;display: inline-block;}
.header-nav .root-nav .sub{display:none;position:absolute;left:50%;transform:translateX(-50%);z-index:100}
.header-nav .root-nav .sub ul{background-color:#fff;padding:5px 0}
.header-nav .root-nav .sub ul a{line-height:30px;display:block;padding:5px 15px;font-size: 16px;}
.header-nav .root-nav .sub ul a:hover{background-color:var(--color);color:#fff}
.header-nav .root-nav .down{display: none;}

.search-in{position:relative;display: flex;}
.search-in .search-form{display:none;position:absolute;left:50%;top:calc(100% + 10px);transform:translateX(-50%);z-index:10}
.search-in.show .search-form{display:block}

.search-form-in{display:flex;gap:10px;padding:10px;justify-content:center;background-color:#fff}
.search-form-in button,.search-form-in input{height:38px;padding:0 10px}
.search-form-in input{border: solid 1px #a3a3a3;outline: none;}
.search-form-in input:focus{border-color: #626262;}

.swiper{position:relative;overflow:hidden}

.index-swiper{height:calc(100vh - var(--header-height))}
.index-swiper .swiper-slide{position:relative;height:100%;width:100%;background-size:cover;background-image:var(--image);background-size: cover;background-image: var(--image);background-position: center;background-repeat: no-repeat;}
.index-swiper .swiper-slide::before,.index-swiper .swiper-slide::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;}
.index-swiper .swiper-slide::before{background-image: var(--image);background-size: 100%;z-index: -2;}
.index-swiper .swiper-slide::after{backdrop-filter: blur(100px); z-index: -1;}
.index-swiper .swiper-slide .title{font-size:48px;font-weight:700;line-height:1.25;color:var(--color)}
.index-swiper .swiper-slide .swiper-in{height:100%;width:100%;padding-top:160px;display: inline-block;color:#1d1d1f}
.index-swiper .swiper-slide .swiper-in .fn{margin-top:200px}
.index-swiper .swiper-pagination{bottom:20px!important}
.index-swiper .swiper-pagination .swiper-pagination-bullet{background:0 0;opacity:1;padding:0 20px;color:var(--color);opacity:.5;font-size:16px;cursor:pointer}
.index-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}

.index-products-nav{border-bottom:solid 1px #eee}
.index-products-swiper .swiper{margin:0 50px}
.index-products-swiper .swiper-slide{width:auto}
.index-products-swiper .swiper-slide a{line-height:100px;font-size:18px}
.index-products-swiper .swiper-slide a::after{height:6px}
.index-products-swiper .swiper-slide a.active{font-weight:700;}
.index-products-swiper .swiper-button-next,.index-products-swiper .swiper-button-prev{width:28px;height:28px;top:58%}
.index-products-swiper .swiper-button-next::after,.index-products-swiper .swiper-button-prev::after{font-size:22px;color:var(--color)}
.index-products-swiper .swiper-button-disabled{opacity:1}
.index-products-swiper .swiper-button-disabled::after{color:#222}
.index-products-swiper .swiper-button-prev{left:-35px}
.index-products-swiper .swiper-button-next{right:-35px}

section{padding:70px 0}
section .head{margin-bottom:70px;word-wrap: break-word;}
section .head .name{font-size:24px;font-weight:700;color:var(--color)}
section .head .name:empty{display:none}
section .head .name + .sub{margin-top:20px}
section .head .sub{display:flex;align-items:flex-end;justify-content:space-between;font-size:34px;}
section .head .sub .intro{font-weight:700;line-height:1.27;word-wrap:break-word;text-transform: uppercase}
section .head.text-center .sub{justify-content:center}

.product-poster{position:relative;width:435px;flex:0 0 435px;padding:60px 20px 50px 40px;display:flex;flex-direction:column}
.product-poster::before{content:'';background-image:var(--poster-img);background-size:auto 100%;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;}
.product-poster .title{font-size:24px;font-weight:700}
.product-poster .intro{font-size:18px;line-height:30px;color:#666;margin-top:15px}
.product-poster .image{position:absolute;bottom:50px;right:0;width:280px;z-index:-1}
.product-poster .image img{width:100%}
.product-poster .price{font-size:24px;font-weight:700;color:var(--color);margin-top:50px}
.product-poster .fn{margin-top:auto}

.index-products-section .body{display:flex;padding-bottom:30px;--bottom:30px}
.index-products-section .body .product-poster{margin-right:30px;height:calc(100% - var(--bottom) - 8px)}
.index-products-section .body .right{overflow-x: auto;}
.index-products-section .body .cards{display:flex;padding-bottom:var(--bottom);}
.index-products-section .product-card+.product-card{border-left:none}

.theme-scrollbar::-webkit-scrollbar{height:8px}
.theme-scrollbar::-webkit-scrollbar-thumb{background:var(--color)}
.theme-scrollbar::-webkit-scrollbar-track{background:#d8d8d8}

.product-card{border:solid 1px #ececec;width:375px;flex:0 0 375px;transition:all .3s ease-in-out}
.product-card:hover{box-shadow:0 4px 20px 0 rgba(0,0,0,.1);z-index:10}
.product-card:hover .fn{opacity:1;transform:translateY(0)}
.product-card:hover .bottom .bottom-in{border-color:transparent}
.product-card .swiper-slide{position: relative;}
.product-card .swiper-slide::before{content: '';display: block;padding-top: 100%;}
.product-card .swiper-slide a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.product-card .swiper-slide a img{width: 100%;height: 100%;object-fit: contain;}
.product-card .fn{position:absolute;bottom:0;width:100%;display:flex;opacity:0;transform:translateY(100%);transition:all .3s ease-in-out;z-index: 10;}
.product-card .fn .cart{background-image:url(img/cart.svg);background-color:#1d1d1f}
.product-card .fn .quote{background-image:url(img/quote.svg)}
.product-card .fn .button{flex:1;text-transform: uppercase;}
.product-card .bottom .bottom-in{border-top:solid 1px #ccc;padding:10px;font-size:24px;transition:border-color .3s}
.product-card .bottom .series{font-size:18px;color:#999}
.product-card .bottom .title{line-height:35px;color:#1d1d1f;margin-top:10px}
.product-card .bottom .price{color:var(--color);margin-top:6px;display:flex;align-items:center}
.product-card .bottom .price s{font-size:18px;color:#999;margin-left:15px;font-weight:200}
.product-card .bottom .series,.product-card .bottom .title,.product-card .bottom .price{margin: 10px;}
.product-card .swiper .swiper-button-next,.product-card .swiper .swiper-button-prev{width:40px;height:40px;background-color:#e1e1e1;border-radius:50%;visibility:hidden}
.product-card .swiper .swiper-button-next::after,.product-card .swiper .swiper-button-prev::after{color:#fff;font-size:20px}
.product-card:hover .swiper .swiper-button-next,.product-card:hover .swiper .swiper-button-prev{visibility:visible}
.product-card:hover .swiper .swiper-button-disabled{pointer-events:auto}

.index-about{background-color:#f9f9f9}
.index-about .in{display:flex;align-items: center; gap:185px}
.index-about .about-main{flex:1}
.index-about .about-main .content{line-height:1.8}
.index-about .about-main .fn{margin-top:70px}
.index-about .video{flex:0 0 690px;width: 690px ;}

.company-statistics{display:flex;gap:50px;text-align:center;margin-top:80px}
.company-statistics .item{display:flex;flex-direction:column;align-items:center}
.company-statistics .number{position:relative;font-size:48px;font-weight:700;color:#ff2121;line-height:72px;font-family:poppins-bold}
.company-statistics .number::after{content:"+";position:absolute;top:0;right:-20px;font-size:24px;font-family:auto;line-height:1}

.silent-video{position:relative;cursor:pointer}
.silent-video::before{content:'';position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;background-image:url(img/play.svg);width:82px;height:82px;animation:breathing 1.8s infinite}
.silent-video video{width: 100%;}

.index-competitiveness{background-image:url(img/competitiveness-bg.svg);background-size:cover;background-position:center}
.index-competitiveness .body{display:flex;gap:90px}
.index-competitiveness .body .image{flex:0 0 525px;width: 525px;}
.index-competitiveness .body .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.index-competitiveness .body .cards .item{background-color:#f9f9f9;padding:40px 30px;transition:all .3s}
.index-competitiveness .body .cards .item:hover{background-color:#fff;box-shadow:15px 15px 20px 0 rgba(29,29,31,.1)}
.index-competitiveness .body .cards .item .icon img{width:80px;height:80px}
.index-competitiveness .body .cards .item .name{font-size:24px;font-weight:700;margin-bottom:10px}

.why-choose-us{background-color:#f9f9f9}
.why-choose-us .swiper{margin:-60px 70px;padding:60px 30px 130px;}
.why-choose-us .swiper .swiper-slide{background-color: #fff;transition: box-shadow .3s ease-in-out;}
.why-choose-us .swiper .swiper-slide:hover{box-shadow: 8px 8px 30px 0px rgba(0, 0, 0, 0.1);}
.why-choose-us .swiper .swiper-slide img{width: 100%;}
.why-choose-us .swiper .swiper-slide .bottom{padding:40px;display: flex;flex-direction: column;align-items: center;text-align: center;gap:30px}
.why-choose-us .swiper .swiper-slide .bottom .title{font-size: 28px;line-height: 1.2;}
.why-choose-us .swiper .swiper-slide .bottom .intro{font-size: 16px;color: #999;}
.why-choose-us .swiper-button-next,.why-choose-us .swiper-button-prev{top:57%;color:#333;}
.why-choose-us .swiper-pagination{bottom:60px!important}

.swiper-pagination.theme .swiper-pagination-bullet{border-radius: 4px;transition: all .3s ease-in-out;}
.swiper-pagination.theme .swiper-pagination-bullet.swiper-pagination-bullet-active{background: var(--color);width: 36px;}

.oem{background-image:url(img/global-map.svg);background-size:cover;background-position:center}
.oem .oem-line-outer{overflow-x: auto;margin-bottom: 30px;}
.oem .oem-line{height: 0;display: flex;justify-content: space-between;border-top:solid 1px var(--color);text-align: center;padding: 0 75px;margin: 210px 0 220px;min-width: 1200px;}
.oem .oem-line .step{width:0;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top:44px}
.oem .oem-line .step .index{position:relative;width: 32px;height: 32px;background-color: var(--color);color:#fff;line-height: 32px;border-radius: 50%;margin: 35px 0 90px;}
.oem .oem-line .step .index::after{content:'';width: 1px;height: calc(90px + 32px / 2);border-left:dashed 1px var(--color);position: absolute;left: 50%;top: 50%;z-index: -1;}
.oem .oem-line .step .icon{height: 66px;width: 66px;flex:0 0 66px;outline:solid 7px rgba(255, 33, 33, 0.2);background-color: var(--color);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.oem .oem-line .step .name{font-size: 20px;font-weight: bold;white-space: nowrap;height:32px;display: flex;align-items: flex-end;}
.oem .oem-line .step:nth-child(even){flex-flow: column-reverse;margin-top: -88px;}
.oem .oem-line .step:nth-child(even) .index{margin: 90px 0 35px}
.oem .oem-line .step:nth-child(even) .index::after{top:auto;bottom:50%}
.oem .oem-line .step:nth-child(even) .name{align-items: flex-start;}
.oem .fn{display: flex;gap:40px;justify-content: center;}

.linear-gradient-image::before,.linear-gradient-image::after{content: '';position: absolute;width: 100%;height: 100%;left: 0;top:0}
.linear-gradient-image::before{background-image: linear-gradient(133deg, #ffffff, #ffffff, #ffffff, #ffffff, transparent);z-index: -1;}
.linear-gradient-image::after{background-image: var(--bg);background-position: bottom right;background-repeat: no-repeat;z-index: -2;}

.certificate{position: relative;}
.certificate::after{--bg: url(./img/certificate-bg.jpg);}
.certificate .swiper{margin:-150px 15px -80px;padding:150px 45px}
.certificate .swiper .image{padding:30px;height:413px;display:flex;align-items:center;box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.1);background-color: #fff; }
.certificate .swiper .name{margin-top: 50px;font-size: 18px;font-weight: bold;text-align: center;}
.certificate .swiper-button-next,.certificate .swiper-button-prev{top:57%;color:#333;}
.certificate .swiper-button-next{right:-30px}
.certificate .swiper-button-prev{left:-30px}
.certificate .swiper-pagination{bottom: 70px!important;}

.index-news{background-color:#f9f9f9}
.index-news .body{display:flex;gap:20px;overflow-x:auto;clip-path:inset(-20px -20px -20px -20px);padding-bottom:40px}
.index-news .news-card{flex:0 0 calc((100% - 40px)/ 3)}

.news-card{background-color:#fff;box-shadow:8px 8px 30px 0 rgba(0,0,0,.05)}
.news-card .image{height:316px;overflow:hidden}
.news-card .image img{width:100%;height:100%;object-fit:cover;transition:all .3s ease-in-out}
.news-card .image:hover img{transform:scale(1.05)}
.news-card .info{padding:20px}
.news-card .info .title a{font-size:22px;line-height:30px;font-weight:700}
.news-card .info .intro{font-size:16px;line-height:25px;color:#999;margin-top:10px}
.news-card .info .meta{display:flex;align-items:flex-end;justify-content:space-between;margin-top:25px}
.news-card .info .meta .date{font-weight:700;color:#999}
.news-card .info .meta .date .day{font-size:24px}
.news-card .info .meta .date .year{font-size:16px}
.news-card .info .meta .fn a{background-color:transparent;color:var(--color);text-decoration:underline;padding:0;height:auto}
.news-card .info .meta .fn a::after{background-image:url(img/arrow-red.svg)}
.news-card .info .meta .fn a:hover{text-decoration:none}

.partners{display:grid;grid-template-columns:repeat(6,1fr)}
.partners .item{height:147px;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out}
.partners .item:hover{box-shadow:5px 5px 30px 0 rgba(0,0,0,.05)}

.contact{background-image:url(img/global-map.svg);background-size:cover;background-position:center;background-color: #f8f8f8;}
.contact .body{padding:0 40px;display:flex;gap:50px}
.contact .body .consultants{flex:1;width:0}
.contact .body .form{background-color:#fff;box-shadow:10px 10px 20px 0 rgba(0,0,0,.1);flex:0 0 930px;width:930px;padding:60px}
.form .light{border-color: var(--color);animation: border-light 3s ease-in-out;box-shadow: 0 0 5px 0 var(--color);}
@keyframes border-light{0%{border-color: var(--color)}100%{border-color: #ccc;box-shadow: 0 0 0 0 var(--color);}}

.form input,.form select,.form textarea{padding:0 24px;width:100%;background-color:#f4f4f4;border:solid 1px #ccc;font-family:montserrat-regular}
.form input::placeholder,.form select,.form textarea::placeholder{color:#999}
.form input,.form select{height:56px}
.form textarea{height:110px;padding:20px 24px}
.form select{-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url('./img/select-down.svg');background-repeat: no-repeat;background-position: right 15px center;}
.form .row{display:flex;gap:13px;margin-bottom:24px}
.form .submit{justify-content:center;margin-top:28px}
.form .submit button{height:60px;width:230px}

.consultants .swiper{margin:-15px;padding:30px;padding-bottom:65px;}
.consultants .swiper-slide{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.consultants .swiper-slide .item{display: flex;justify-content: center;}
.consultants .personal{display:inline-flex;flex-direction:column;align-items:center;gap:8px;margin:-15px;padding:15px;cursor: pointer;transition: all .3s;}
.consultants .personal:hover{background-color: rgba(255, 255, 255, 0.2);box-shadow: 0 0 20px 0 rgba(0,0,0,.1);backdrop-filter: blur(10px);}
.consultants .personal .photo{width:118px;height:118px;border-radius:50%;display:flex;overflow:hidden;}
.consultants .personal .photo img{object-fit: cover;}
.consultants .personal .name{font-size:16px;font-weight:700;}
.consultants .personal .position{color:#999}
.consultants .personal .email,.consultants .personal .phone{display:flex;align-items:center;gap:7px}
.consultants .personal .email::before,.consultants .personal .phone::before{content:'';display:inline-block;width:16px;height:16px;background-position:center;background-size:cover;background-repeat:no-repeat}
.consultants .personal .email::before{background-image:url(img/email-b.svg)}
.consultants .personal .phone::before{background-image:url(img/phone-b.svg)}

.footer{background-color:#1d1d1f;padding:100px 0 18px;color:#fff}
.footer .footer-in{display:flex;gap:90px}
.footer .footer-in .right{flex:1;display:flex;gap:30px;justify-content: space-between;}
.footer .logo img{height:64px}
.footer .sub{font-size:16px;line-height:25px;font-weight:700;margin-top:15px}
.footer .qr-code{display:flex;gap:40px;margin-top:60px}
.footer .qr-code img{width:107px;height:107px}
.footer a{color:#fff}
.footer a:hover{color:var(--color)}
.footer .nav:not(.contacts){text-transform: uppercase;}
.footer .nav .name{font-size:18px;margin-bottom:20px;font-weight: bold;}
.footer .nav a{line-height:30px}
.footer .share{display:flex;justify-content:flex-end;margin-top:40px}
.footer .share .oauth .item .icon{background-image:var(--w-icon, var(--icon))!important}
.footer .copyright{display:flex;justify-content:space-between;padding:20px 0;margin-top:10px;color:#a2a2a2}
.footer .copyright a{color:#a2a2a2}
.footer .copyright a:hover{color:var(--color)}
.footer .contacts li.phone::before{background-image:url(img/phone-w.svg)}
.footer .contacts li.email::before{background-image:url(img/email-w.svg)}
.footer .contacts li.fax::before{background-image:url(img/fax-w.svg)}
.footer .contacts li.address::before{background-image:url(img/address-w.svg)}

.contacts{flex:0 0 250px;width:250px}
.contacts li{display:flex;align-items:flex-start;margin-bottom:20px}
.contacts li::before{content:'';display:inline-block;width:24px;height:24px;flex:0 0 24px;background-position:center;background-repeat:no-repeat;margin:3px 10px 0 0}
.contacts li.phone::before{background-image:url(img/phone-b2.svg)}
.contacts li.email::before{background-image:url(img/email-b2.svg)}
.contacts li.fax::before{background-image:url(img/fax.svg)}
.contacts li.address::before{background-image:url(img/address.svg)}
.contacts li.phone a{font-size:24px;color:var(--color)}
.contacts li a{line-height: 30px;}

.banner{position:relative;height:550px;overflow: hidden;}
.banner::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-image:var(--bg);background-size:cover;background-repeat:no-repeat;background-position:center;animation: banner-zoom 1s ease-in-out;z-index:-1}
.banner[onclick]{cursor:pointer}
.banner .banner-in{display:flex;flex-direction:column;justify-content:center;height:100%;color:var(--color)}
.banner .banner-in .name{font-size:56px;animation: banner-name-slide 1s ease-in-out;}
.banner .banner-in .intro{margin-top:8px;font-size:16px;animation: banner-name-slide 1s ease-in-out 0.2s forwards;opacity: 0;}
@keyframes banner-zoom{from{transform: scale(1.1);}to{transform: scale(1);}}
@keyframes banner-name-slide{from{transform:translateY(30px);opacity:0;}to{transform:translateY(0);opacity:1;}}

.inside-nav.fixed{position: fixed;left:0;box-shadow: 0 10px 10px 0 rgba(0,0,0,.1);border-top:solid 1px #f0f0f0;background-color: #fff; z-index: 50;}
.inside-nav{width:100%;}
.inside-nav-in{height:100px;display:flex;justify-content:space-between;align-items:center;}
.inside-nav-in .links a{font-size:18px;margin:0 15px;line-height:30px}
.inside-nav-in .links a+a::before{content:'';position:absolute;width:0;height:60%;left:-15px;top:0;bottom:0;margin:auto 0;border-left:solid 1px #1d1d1f}
.inside-nav-in .links a:first-child{margin-left:0}
.inside-nav-in .links a::after{height:5px;bottom:-15px}
.inside-nav-in .breadcrumb{margin-left: auto;}

.breadcrumb{font-size:12px;}
.breadcrumb a{color:#999}
.breadcrumb a:hover{color:var(--color)}
.breadcrumb a::after{content:'';display:inline-block;height:8px;width:8px;background-image:url(img/breadcrumb-arrow.svg);background-size:100% 100%;background-repeat:no-repeat;margin:0 5px}

.about-company-profile{padding:80px 0}
.about-company-profile .in{display:flex;align-items:center;gap:90px}
.about-company-profile .about-main{flex:1}
.about-company-profile .about-main .name{font-size:26px;color:#000;margin-bottom: 20px;}
.about-company-profile .about-main .intro p{line-height:30px;color:#333}
.about-company-profile .video{flex:0 0 690px;width:690px}

.about-case{background-image:url(img/global-map.svg);background-size:cover;background-position:center}
.about-case .in{display:flex;justify-content:space-between;gap:180px}
.about-case .head .sub .intro{font-size:24px}
.about-case .content{line-height:30px}
.about-case .right{flex:0 0 400px;margin-right:110px}
.about-case .right .company-statistics{display:grid;grid-template-columns:repeat(2,1fr)}

.about-spirit{position:relative;padding:0}
.about-spirit::before{background-image:linear-gradient(133deg,#fff,#fff,#fff,transparent)}
.about-spirit::after{--bg:url(img/handshake.jpg)}
.about-spirit .in{display:flex;height:530px}
.about-spirit .in .item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 100px}
.about-spirit .in .item+.item{border-left:solid 1px #ccc}
.about-spirit .in .item .name{font-size:24px;margin:50px 0 24px}
.about-spirit .in .item .intro{font-size:16px;height:26px}

.about-manufacturing-environment{background-color:#f5f5f5}
.about-manufacturing-environment .list .item{position: relative;box-shadow:5px 5px 20px 0 rgba(0,0,0,.1)}
.about-manufacturing-environment .list .item .name{position: absolute;bottom: 0;left: 0;width: 100%;padding:5px;text-align: center;font-size:20px;color:#fff;text-shadow: 0 0 3px rgba(0,0,0,.5);transition: all .3s;}
.about-manufacturing-environment .list .item:hover .name{backdrop-filter:blur(5px)}
.about-manufacturing-environment .list img{width:100%;height:100%;object-fit:cover}

.about-history .album{position:relative;width:1000px;height:300px;margin:120px auto 0}
.about-history .album .item{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;gap:50px;opacity:0;transition:opacity .3s ease-in-out}
.about-history .album .item .picture{flex:0 0 500px;width: 500px;}
.about-history .album .item img{width:100%;object-fit: cover;}
.about-history .album .item .year{font-size:48px;color:var(--color);line-height:1}
.about-history .album .item .intro{margin-top:40px;font-size:20px;font-weight:700;  display: -webkit-box;-webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.about-history .album .item.active{opacity:1}
.about-history .timeline{--offset:0px;--mark-width:418px;--outer-width:10000px;width:var(--outer-width);position:relative;background-image:linear-gradient(90deg,#ccc 0,#ccc 2px,#fff 2px,#fff 10px);background-size:12px 10px;height:10px;margin:100px 0 50px;margin-left:calc(var(--outer-width)/ -2 + var(--offset) - var(--mark-width)/ 2);transition:all .3s ease-in-out;z-index:0}
.about-history .timeline.disabled-transition{transition:none}
.about-history .timeline .mark{position:absolute;left:calc(var(--outer-width)/ 2);width:var(--mark-width);bottom:-25px;display:flex;flex-direction:column;align-items:center;padding-top:20px}
.about-history .timeline .mark::after{content:'';position:absolute;bottom:25px;width:100%;height:10px;background-image:url(img/timeline.svg)}
.about-history .timeline .mark .dot{width:6px;height:6px;border-radius:50%;background-color:var(--color)}
.about-history .timeline .mark .line{width:2px;height:70px;background-color:var(--color)}
.about-history .timeline .mark .arrow{width:14px;height:14px;margin-top:-5px;background-color:var(--color);-webkit-clip-path:polygon(50% 0,6% 70%,93% 70%);clip-path:polygon(50% 0,6% 70%,93% 70%)}
.about-history .swiper{margin:20px 100px;padding:20px 90px}
.about-history .swiper .swiper-slide{display:flex}
.about-history .swiper .swiper-slide .year{flex:1;font-size:32px;font-weight:700;line-height:25px;cursor:pointer;user-select:none;text-align:center;transition:all .3s ease-in-out;white-space: nowrap;}
.about-history .swiper .swiper-slide .year.active{font-size:48px;color:var(--color)}
.about-history .swiper-button-prev{left:10px}
.about-history .swiper-button-next{right:10px}
.about-history .swiper-button-next,.about-history .swiper-button-prev{width:40px;top:55%;height:40px;background-color:var(--color);color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.25)}
.about-history .swiper-button-next::after,.about-history .swiper-button-prev::after{font-size:20px}
.about-history .swiper-button-disabled{color:#1d1d1f;background-color:#f5f5f5;opacity:1!important}

.products-main-in{display:flex;gap:110px}
.products-main-in .main{flex:1;width:0;}
.products-side{flex:0 0 300px;text-transform: uppercase;}
.products-side .name{font-size:24px;font-weight:700;margin-bottom:24px}
.products-side .root-name{display:flex;justify-content:space-between;align-items:center}
.products-side .root-name>a{font-size:16px;}
.products-side .root-name .icon{display:inline-block;background-image:url(img/down.svg);background-size:100%;background-repeat:no-repeat;width:16px;height:16px;transform:rotate(0);transition:all .3s;cursor:pointer}
.products-side .list>ul>li{padding:20px 0;border-top:solid 1px #ccc}
.products-side .list>ul>li.active>.root-name > a{color: var(--color);}
.products-side .list>ul>li.active>.root-name .icon{transform:rotate(180deg)}
.products-side .list>ul>li.active .sub{height:auto}
.products-side .list .sub{height:0;transition:all .3s;overflow:hidden}
.products-side .list .sub ul{padding:32px 20px 0}
.products-side .list .sub a{color:#999;line-height:32px;display:inline-block}
.products-side .list .sub a.current,.products-side .list .sub a:hover{color:var(--color);text-decoration:underline}

.pagebar{margin-top:70px}
.pagebar a{margin-bottom: 10px;}
.pagebar a{display:inline-block;line-height:50px;width:50px;text-align:center;border:1px solid #d6d6d6;margin-right:16px;font-size:16px}
.pagebar a.current,.pagebar a:hover{background-color:var(--color);color:#fff;border-color:var(--color)}

.product-base{padding-top: 0;}
.product-base-in{display:flex;gap:64px}
.product-base .left{flex:0 0 752px;width: 752px;}
.product-base .info{flex:1}
.product-base .show .review,.product-base .show .silent-video{display: flex;position: relative;}
.product-base .show .video video{width:100%}
.product-base .show .review{display:none}
.product-base .show .review .close{position: absolute;right: 10px;top:10px;width:30px;height:30px;cursor: pointer;background-image:url(./img/close-w.svg);background-size: 100%;background-color: var(--color); z-index: 2;}
.product-base .show .review::before,.product-base .images .item::before{content:'';display:block;padding-bottom:100%;}
.product-base .images{display:grid;grid-template-columns: repeat(5, 1fr);gap:30px;margin-top: 28px;}
.product-base .images .item{position: relative;border:solid 1px #ccc;cursor: pointer;transition: all .3s ease-in-out;}
.product-base .show .review .swiper{border:solid 1px #ccc}
.product-base .show .review .swiper,.product-base .images .item img{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.product-base .show .review .swiper img{width: 100%;height: 100%;object-fit: contain;}
.product-base .show.no-video .review{display: block;}
.product-base .show.no-video .close{display: none;}
.product-base img{object-fit: contain;}
.product-base .images .item.active,.product-base .images .item:hover{border-color: var(--color);}
.product-params,.product-base .head{padding-bottom:32px;margin-bottom:20px;border-bottom:solid 1px #ccc}
.product-base h1{font-size:32px;font-weight:700;text-transform: uppercase;color:var(--color)}
.product-base .series{font-size:16px;margin-top:16px;color:#999}
.product-base .prices{margin-top:30px;display:flex;align-items:center;gap:20px}
.product-base .prices .price{color:var(--color);font-size:32px;font-weight:700}
.product-base .prices .price s{font-size:22px;color:#333}
.product-base .fn{display:flex;gap:30px;margin:40px 0;flex-wrap: wrap;}
.product-base .fn .button{text-transform: uppercase;}
.product-params{margin-top:30px}
.product-params .item{margin:10px 0;display:flex}
.product-params .label{flex:0 0 180px;width:200px;color:#999}
.product-case{background-color:#f9f9f9}
.product-related .list{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding-bottom:10px;overflow-x: auto;}

.pdf-files a{display:inline-block;background-image:url(img/file-on.svg);color:var(--color);;background-size:20px;background-repeat:no-repeat;background-position:center left;line-height:30px;padding-left:25px;margin:0 10px 10px 0}
.pdf-files a:hover{background-image:url(img/file-on.svg);color:var(--color);}

.quantity{display:flex;align-items:center;gap:50px;margin:40px 0}
.quantity .label{font-size:16px}
.quantity-input{border:solid 1px #999;display:inline-flex}
.quantity-input input{height:40px;width:50px;border:none;outline:0;text-align:center;font-size:16px}
.quantity-input .set{display:inline-block;width:40px;flex:0 0 40px;background-size:18px;background-repeat:no-repeat;background-position:center;cursor:pointer}
.quantity-input .minus{background-image:url(img/input-l.svg)}
.quantity-input .plus{background-image:url(img/input-h.svg)}


.waterfall{column-count:5;column-gap:20px}
.waterfall-item{position:relative;break-inside:avoid;margin-bottom:15px;background:#fff;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s ease}
.waterfall-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}
.waterfall-item img{width:100%;display:block}
.waterfall-item .desc{position:absolute;bottom:0;left:0;background:rgba(0,0,0,.7);width:100%;padding:6px;font-size:12px;text-align:center;color:#fff;transform:translateY(100%);transition:all .3s ease;opacity:0}
.waterfall-item:hover .desc{transform:translateY(0);opacity:1}

.innovatio-a{background-image:url(img/innovatio-a-bg.jpg);background-position: left top;background-repeat: no-repeat;}

.picture-parade .pic{display:flex;align-items: center;}
.picture-parade .item{display:flex}
.picture-parade .item > *{flex:1;}
.picture-parade:not(.tight) .item+.item{margin-top:60px}
.picture-parade .item:nth-child(even){flex-direction:row-reverse}
.picture-parade .item .content .in{position:relative;padding:80px;line-height:1.6;height: 100%;}
.picture-parade .item .content .name{font-size:26px;font-weight:700;margin-bottom:24px}
.picture-parade .item .content .intro{font-size:18px}
.picture-parade.tight .item .content .in{padding:80px 140px;background-color:#f9f9f9}
.picture-parade.tight .item .content .name{position:relative;font-size:32px}
.picture-parade.tight .item .content .name::before{position:absolute;content:'';display:inline-block;width:5px;height:40px;background-color:var(--color);margin-right:25px;top:5px;left:-30px}
.picture-parade.tight .item .content .in::before{content:'';position:absolute;width:30px;height:30px;left:-15px;top:90px;transform:rotate(45deg);background-color:inherit}
.picture-parade.tight .item:nth-child(even) .content .in::before{left:auto;right:-15px}

.product-narrow{display:flex;gap:80px}
.product-narrow .item+.item{margin-top:30px}
.product-narrow .text .name{font-size:24px;line-height:40px;font-weight:700;color:var(--color)}
.product-narrow .text .intro{line-height:30px;margin-top:16px}
.product-narrow .pic{flex:0 0 945px;width:945px}

.category-news{padding-top:0}
.category-news .pagebar{text-align:center;margin:100px 0 30px}

.products-list,.news-list,.about-manufacturing-environment .list{--g:30px;--col:3;display:flex;gap:var(--g);flex-wrap: wrap;}
.products-list .product-card, .news-list .news-card,.about-manufacturing-environment .list .item{--w:calc((100% - calc(var(--col) - 1) * var(--g)) / var(--col));width:var(--w);flex:0 0 var(--w);}

[data-template=single]{background-color:#f8f8f8}

.single-entry .head h1{font-weight:700;font-size:36px;color:#1d1d1f}
.single-entry .head .meta{display:flex;justify-content:center;align-items:center;margin-top:20px;gap:90px}
.single-entry .head .meta .oauth-container{display:flex;gap:20px;align-items:center}
.single-entry .single-main{background-color:#fff;padding:60px 130px}
.single-entry .single-main .content{font-size:18px}
.single-entry .single-main .content p{line-height:1.7}
.single-entry .single-main .content p+p{margin-top:20px}
.single-entry .siblings{display:flex;justify-content:space-between;align-items:center;margin:64px 0 48px;font-size:16px}
.single-entry .siblings a{display:flex;align-items:center;gap:15px}
.single-entry .siblings a::before{content:'';display:inline-block;width:20px;height:17px;background-image:url(img/prev.svg);background-repeat:no-repeat;background-position:left center;background-size:100% 100%}
.single-entry .siblings .next a{flex-flow:row-reverse}
.single-entry .siblings .next a::before{transform:rotate(180deg)}

.category-download{padding-top:0}
.download-item{position:relative;cursor:pointer;overflow: hidden;display: flex;}
.download-item .badge{display:none;position:absolute;top:0;left:100px;width:225px;height:235px;background-image:url(img/download-city.svg);background-color:var(--color);background-position:top 20px center;background-repeat:no-repeat;background-size:100% auto}
.download-item .badge-in{position:absolute;width:100%;bottom:0;text-align:center;background-color:#93181b;padding:25px 0 20px;color:#fff}
.download-item .badge-in .name{font-size:12px}
.download-item .badge-in .intro{font-size:8px;margin-top:8px}
.download-item .title{position:absolute;bottom:36px;left:100px;font-size:40px;color:#fff}
.download-item img,.download-item .title,.download-item .click{transition: all .8s ease;}
.download-item+.download-item{margin-top:70px}
.download-item .click{position:absolute;bottom:32px;right:48px;width:56px;height:56px;background-image:url(img/download.svg)}
.download-item:hover img,.download-item:hover .title{transform: scale(1.05);}
.download-item:hover .click{animation:breathing 1.8s infinite}

.contact-main .top{display:flex;gap:85px}
.contact-main .top>*{flex:1}
.contact-main .top .left .name{font-size:32px;font-weight:700;margin-bottom:32px;color:var(--color)}
.contact-main .top .left .content{font-size:18px}
.contact-main .top .left .content p+p{margin-top:24px}
.contact-main .contact-card{background-color:#f5f6f8;padding:50px 40px}
.contact-main .contact-card .name{font-size:24px;padding-bottom:30px;margin-bottom:30px;border-bottom:solid 1px #eee}
.contact-main .contact-card .contacts{width: 100%;}
.contact-main .map{height:540px;margin-top:80px}
.contact-main .map img{height:100%;width:100%;object-fit:cover}

.popup-inquiry .light-popup-in{position:relative;border-radius:47px;padding:70px 120px;width:1030px}
.popup-inquiry .light-popup-head{height:auto!important}
.popup-inquiry .light-popup-in .light-popup-head-title{font-size:40px;font-weight:700;margin-bottom:30px;text-transform:uppercase}
.popup-inquiry .light-popup-close{position:absolute;right:30px;top:30px}
.popup-inquiry .light-popup-close svg{width:36px!important}
.popup-inquiry .light-popup-in .form .submit{justify-content:flex-start;align-items:center;gap:50px}
.popup-inquiry .light-popup-in .form .submit span{color:#999}

.single-entry{padding-top:0}

.product-fly{position:fixed;left:var(--x);top:var(--y);transition:all var(--t) ease;width:var(--size);height:var(--size);overflow:hidden;pointer-events:none;box-shadow:0 0 5px 0 rgba(0,0,0,.3);z-index:500}
.product-fly img{transition:inherit;width:inherit;height:inherit;object-fit:cover}

[data-template=inquiry]{background-color:#f1f1f1}
[data-template=inquiry] .contact{background-color:transparent;background-image:none}
[data-template=inquiry] .contact .head{display:none}
[data-template=inquiry] .contact .body{background-color:#fff;margin-top:-70px;padding:30px 0}
[data-template=inquiry] .contact .body .form{box-shadow:none}

.section-inquiry.is-empty{margin-bottom:70px}
.section-inquiry.is-empty+.contact{display:none}
.section-inquiry .form{background-color:#fff;padding:20px}

table{width:100%;border-collapse:collapse;border-left:solid 1px #eee}
table thead th{background-color:#f1f1f1}
table td,table th{padding:5px;border-right:solid 1px #eee;border-bottom:solid 1px #eee}
table td{padding:5px 15px}
table .img img{height:100px}
table .img,table .index,table .remove{text-align:center}
table .name .cate{color:#999}
table .name .title{font-size:18px;margin-top:5px}
table .quantity-input input{width:100px}
table .remove svg{cursor:pointer}

.section-inquiry .form .empty{text-align:center;font-size:20px;padding:50px 0;font-weight:100}

.friends{display:flex;gap:15px;margin-top:20px}
.friends .links{display:flex;flex:1;gap:10px}

.zoom-block{position:absolute;background-color:rgb(0,0,0,20%);width:var(--size);height:var(--size);pointer-events:none;z-index:1}
.zoom-view{position:absolute;top:0;left:100%;width:100%;height:100%;border:solid 1px #ccc;pointer-events:none;background-size:var(--zoom-size);background-repeat:no-repeat;background-color:#fff;cursor:pointer}

.go-top{position:fixed;right:30px;bottom:50px;width:40px;height:40px;background-color:var(--color);opacity:0;visibility:hidden;transition:all .3s;cursor:pointer;z-index: 100;}
.go-top.show{opacity:1;visibility:visible}
.go-top::before{content:'';position:absolute;transform:rotate(-45deg);background-image:url(img/arrow.svg);background-position:center;background-repeat:no-repeat;width:100%;height:100%}

.search-page{padding-top:0}
.search-page .search-form-in{margin-top:20px}
.search-page .pagebar{text-align:center}
.search-page .product-list{display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}
.search-page .empty{text-align: center;font-size: 24px;}

html[lang="arab"] .inside-nav-in .breadcrumb{margin-left: unset;}
html[lang="arab"] .inside-nav-in .links a::before{left:auto;right:-15px}
html[lang="arab"] .inside-nav-in .links a:first-child{margin-left: 15px;}
html[lang="arab"] .about-history .swiper-button-next{right: auto;}
html[lang="arab"] .button-link::after{transform: rotate(-90deg);}
html[lang="arab"] .button-link:hover::after{transform: rotate(-135deg);}
html[lang="arab"] .zoom-view{left: auto;right:100%;}

@media (max-width: 1700px) {
    .index-products-swiper .swiper-button-prev{left:0}
    .index-products-swiper .swiper-button-next{right:0}
    .certificate .swiper-button-prev{left:0}
    .certificate .swiper-button-next{right:0}
}

@media (max-width: 1600px) {
    .container{padding: 0 20px;}
}

@media (max-width: 1440px) {
    .index-about .in{flex-direction:column;gap:100px}
    .index-about .video{flex:1;width:auto}
    .index-competitiveness .body .image{display:none}
    .contact .body{padding:0 20px;flex-direction:column}
    .contact .body .consultants{width:100%}
    .contact .body .form{width:100%;padding:20px;flex:1}
    .footer .footer-in{flex-direction:column;align-items:center}
    .footer .footer-in .left{text-align:center}
    .footer .qr-code{justify-content:center}
    .footer .share{justify-content:center}
}

@media (min-width: 1366px) {
    .header-nav .root-nav>li:hover>a,.header-nav .root-nav>li.active>a{color:var(--color)}
    .header-nav .root-nav>li:hover .sub{display:block}
}
@media (max-width: 1366px) {
    .header-nav .root-nav {font-size: 18px;gap: 20px;}
    .banner{height:300px}
    .products-side{flex:0 0 250px}
    [data-template=about] .breadcrumb{display:none}
    [data-template="about"] .inside-nav-in{height:auto}
    .inside-nav-in .links{overflow-x:auto;white-space:nowrap;padding:10px 0}
    .inside-nav-in .links a::after{height:2px;bottom:0}
    .about-case .in,.about-company-profile .in{flex-direction:column;gap:50px}
    .about-company-profile .video{flex:auto;width:100%}
    .about-case .right{flex:auto;margin-right:0}
    .about-case .right .company-statistics{margin-top:20px;gap:20px}
    .products-main-in{gap:50px}
    .product-base .left {flex: 0 0 550px;width: 550px;}
    .about-history .album{width:100%}
    .about-spirit .in .item{padding:0 30px}
    .about-history .swiper{margin:20px 0;padding:20px 0}
    .about-history .swiper .swiper-slide .year{font-size:22px}
    .about-history .swiper .swiper-slide .year.active{font-size:28px}
    .single-entry .single-main {padding: 60px 50px;}
    .footer .copyright{flex-direction:column;text-align:center;gap:10px}

}

@media (max-width: 1200px) {
    body{padding-top: 137px;}
    .header{padding-top:55px;height:auto}
    .header .menu-btn{display:block}
    .header .header-in{padding:10px 0;background-color:#fff}
    .header .logo img{width:auto;height:30px}
    .header .site-badge .sub{font-size:12px;line-height:1}
    .header .header-in .actions>.fn{position:absolute;top:-55px;left:0;width:100%;margin-top:0;height:55px;display:flex;padding:0 20px;align-items:center;border-bottom:solid 1px #f1f1f1}
    .header-nav{display:none;position:absolute;top:100%;left:0;width:100%;margin-top:0;border-top:solid 1px #f1f1f1;background-color:#fff;box-shadow:0 10px 10px 0 rgba(0,0,0,.1);transition:all .3s;overflow:hidden}
    .header-nav .root-nav{display:flex;flex-direction:column;padding:20px;gap:10px}
    .header-nav .root-nav>li>a{line-height:40px}
    .header-nav .root-nav>li::after{display:none}
    .header-nav .root-nav .down{display:block;position:absolute;top:0;right:10px}
    .header-nav .root-nav .down::after{content:'';display:inline-block;background-image:url(img/down.svg);background-size:16px;background-repeat:no-repeat;background-position:center;width:16px;height:16px;transition:all .3s}
    .header-nav .root-nav .sub{position:relative}
    .header-nav .root-nav .sub ul{filter:none;background-color:#f1f1f1}
    .header-nav .root-nav>li.slide-down .sub{display:block}
    .header-nav .root-nav>li.slide-down .down::after{transform:rotate(180deg)}
    .index-products-section .body .left{display:none}
    .products-main{padding-top: 0;}
    .products-side{display: none;}
    .product-base-in {flex-direction:column;}
    .product-base .left {flex: auto;width: 100%;}
}

@media (max-width: 768px) {
    .button{font-size:14px;height:38px;padding:0 15px}
    .header .header-in .actions .fn .oauth{display:none}
    .index-swiper{height:300px}
    .index-swiper .swiper-slide .swiper-in{padding-top:50px;display:flex}
    .index-swiper .swiper-slide .title{font-size:24px;font-weight:400}
    .index-products-swiper .swiper{margin:0 10px}
    .index-products-swiper .swiper-slide a{line-height:60px}
    .index-products-swiper .swiper-button-next::after,.index-products-swiper .swiper-button-prev::after{font-size:14px}
    .index-products-swiper .swiper-button-next,.index-products-swiper .swiper-button-prev{top:63%}
    .index-products-section .body{flex-direction:column;gap:30px}
    .index-products-section .body .product-poster{width:100%;padding:30px}
    .index-products-section .body .left{display:block}
    .company-statistics{display:grid;grid-template-columns:1fr 1fr;gap:0}
    section .head{margin-bottom:30px}
    section .head .sub{display:block;margin-top:10px!important;font-size:18px}
    section .head .sub .intro{margin-bottom:20px}
    section .head .name{font-size:24px;line-height:1.2}
    .index-about .about-main .fn{display:flex;justify-content:center}
    .oem .fn{flex-direction:column;gap:20px;max-width:300px;margin:0 auto}
    .index-competitiveness .body .cards{grid-template-columns:repeat(1,1fr);gap:20px}
    .why-choose-us .swiper{margin:-60px 0;padding:60px 0 130px}
    .why-choose-us .swiper-button-next,.why-choose-us .swiper-button-prev{display:none}
    .certificate .swiper-button-next,.certificate .swiper-button-prev{display:none}
    .certificate .swiper{margin:-150px -25px -80px;padding:150px 25px}
    .certificate .swiper .image{justify-content:center;height:auto}
    .index-news .news-card{flex:0 0 100%}
    .partners{grid-template-columns:repeat(2,1fr)}
    .contact .body{padding:0}
    .consultants .swiper{padding:15px 0 50px}
    .consultants .swiper-slide{padding:20px}
    .about-manufacturing-environment .list,.news-list,.products-list{--g:20px;--col:2}
    .form .row{flex-direction:column;margin-bottom:13px}
    .form .submit{flex-direction:row;justify-content:center}
    .banner{height:220px}
    .banner .banner-in .name{font-size:32px}
    .picture-parade .item{flex-direction:column!important}
    .picture-parade .item .content .in{padding:20px}
    .download-item .title{top:20px;bottom:auto;left:20px;font-size:20px}
    .download-item .click{bottom:20px;right:28px;width:36px;height:36px;background-size:100%}
    .about-spirit .in{flex-direction:column;height:auto}
    .about-spirit .in .item{padding:30px 10px}
    .about-spirit .in .item+.item{border-top:solid 1px #ccc;border-left:none}
    .about-spirit .in .item .intro{height:auto}
    .about-history .album{height:550px;margin-top:50px}
    .about-history .album .item{flex-direction:column;height:auto}
    .about-history .album .item .picture{flex:auto;width:100%}
    .about-history .swiper{padding-bottom:100px}
    .about-history .swiper-button-next,.about-history .swiper-button-prev{top:70%}
    .about-history .swiper-button-next{right:35%}
    .about-history .swiper-button-prev{left:35%}
    .contact-main .top{flex-direction:column;gap:30px}
    .section-inquiry .form{overflow-x:auto}
    .section-inquiry .form table{min-width:800px}
    .product-base-in {gap: 30px;}
    .product-base .images {gap: 10px;margin-top: 18px;}
    .product-params .item {flex-direction: column;}
    .product-params .label {flex: auto;color: #999;}
    .product-base .fn {gap: 10px;}
    .single-entry .single-main {padding: 30px 20px;}
    .single-entry .head .meta{flex-direction: column;gap:10px;}
    .footer .footer-in .right{display:none}
}

@media (max-width: 500px) {
    .header .inquiry .list{position:fixed;left:10px;padding-top:15px;transform:unset;width:calc(100vw - 20px)}
    .banner{height:200px}
    .about-manufacturing-environment .list,.news-list,.products-list{--col:1}
    .pagebar{margin-top:30px}
    .pagebar a{line-height:30px;width:30px;font-size:14px}
    .about-history .swiper .swiper-slide .year{font-size:16px}
    .about-history .swiper .swiper-slide .year.active{font-size:20px}
}