:root{--primary-color:#e50015; --primary-bg-color: #e7e0c4}

/* 图片大小 */
.nav-title-img-padding-bottom{padding-bottom: 100%;}
.index-prducts-img-padding-bottom{padding-bottom: 100%;}
.index-banner-img-padding-bottom{padding-bottom: 34%;}
.index-img-smail-padding-bottom{padding-bottom: 133.3333%;}
.elementor-widget-container-padding-bottom{padding-bottom: 40%;}
.brands-growing-padding-bottom{ padding-bottom: 65%;}
.index-blog-img-padding-bottom{padding-bottom: 72%;}
.solution-banner-img-padding-bottom{padding-bottom: 39%;}
.catalogs-img-padding-bottom{padding-bottom: 64%;}
.technology-img-padding-bottom{padding-bottom: 56%;}
.product-servce-img-padding-bottom{padding-bottom: 34%;}
.product-brand-left-padding-bottom{padding-bottom: 100%;}
.products-thing-img-padding-bottom{padding-bottom: 121%;}
.products-thing-img-1-padding-bottom{padding-bottom: 100%;}
.products-details-img-padding-bottom{padding-bottom: 100%;}

.position-re{position: relative;}
.position-ab{position: absolute;}

/* 颜色 */
.color-20{color: #202020;}
.color-white{color: white;}
/* nav */
.nav>li>i{position: absolute; right: 5px;}
nav{position: fixed; top: 0; right: 0; left: 0;}
.nav>li{position: relative; padding: 25px 20px;cursor: pointer;}
.nav>li:last-child{padding: 25px 5px 25px 20px;}
.navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav>li>i,.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: #202020;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color: unset; color: white;}
.navbar-default{background-color: unset; border: unset;}
.lang-list .dropdown-menu>li>a{text-align: center;}
.san_1,.san_2{position: fixed;top: 5%;right: 20px;color: var(--primary-color);z-index: 9998;width: 40px;height: 40px;line-height: 40px;text-align: center;display: none;}
.san_1 i{color: var(--primary-color);font-size: 20px;}
.san_2 i{color: white;font-size: 20px;}
.navbar-brand img{ height: 65px; margin: 2px auto; font-size: 12px;}
.nav-button-contact{background-color: var(--primary-color);margin: 25px 0 25px 20px; padding: 15px 25px !important; border-radius: 25px;}
.nav-button-contact a{padding: unset !important; color: white !important;}
.navbar{position: fixed;z-index: 9997; background-color: transparent;border-radius: 0px !important;}
.nav-title-this a:hover,.nav-title-this a:focus{ color: var(--primary-color);}
.nav-title-this .active{color: var(--primary-color);}

/* index */
.index-banner{overflow: hidden;position: relative;}
.index-banner .swiper-slide img{width: 100%; }
.index-banner .button-next{position: absolute;top: 50%;border-radius: 50px; margin-top: -25px;right: 150px;width: 50px;line-height: 62px;height: 50px;z-index: 10;text-align: center; color: #000000; background-color: white; box-shadow: 0px 0px 10px #9398a0;}
.index-banner .button-prev{position: absolute;top: 50%;border-radius: 50px; margin-top: -25px;left: 150px;width: 50px;line-height: 62px;height: 50px;z-index: 10;text-align: center; color: #000000; background-color: white; box-shadow: 0px 0px 10px #9398a0;}
.index-banner .button-next:hover,.index-banner .button-prev:hover{ color: white; background-color: var(--primary-color);}
#myswiper5 {padding: 15px 20px;margin-left: -20px;margin-right: -20px;}
.index-certificates .button-next{position: absolute;top: 50%;border-radius: 50px; right: 170px;width: 50px;line-height: 62px;height: 50px;z-index: 10;text-align: center; color: #000000; background-color: white; box-shadow: 0px 0px 10px #9398a0;}
.index-certificates .button-prev{position: absolute;top: 50%;border-radius: 50px; left: 170px;width: 50px;line-height: 62px;height: 50px;z-index: 10;text-align: center; color: #000000; background-color: white; box-shadow: 0px 0px 10px #9398a0;}
.index-certificates .button-next:hover,.index-certificates .button-prev:hover{ color: white; background-color: var(--primary-color);}
.index-1 .title{color: #202020; text-align: center; padding: 0 15px;}
.index-1 .intro{color: #666666; text-align: center; padding: 0 15px;}
.mySwiper-2 .swiper-slide{padding-top: 160px;}
.mySwiper-2 .swiper-slide a{display: block; position: relative; background-color: #eee; border-radius: 30px; min-height: 380px; padding-top: 180px; box-sizing: border-box;}
.mySwiper-2 .swiper-slide .pic{width: 300px; border-radius: 50%; height: 300px; position: absolute; top: -150px; left: 50%; transform: translateX(-50%); text-align: center;}
.mySwiper-2 .swiper-slide .pic img{border-radius: 50%; max-width: 300px;}
.mySwiper-2 .swiper-slide .pic .link{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);opacity: 0; transition: all .5s; }
.mySwiper-2 .swiper-slide .pic .link img{border-radius: unset;}
.mySwiper-2 .swiper-slide .text{box-sizing: border-box; padding: 0px 20px; text-align: center;}
.mySwiper-2 .swiper-slide .text .title{color: #0c0c0d; text-align: center;}
.mySwiper-2 .swiper-slide .text .intro{color: #999999; text-align: center;}
.mySwiper-2 .swiper-slide:hover a{background-color: var(--primary-color);}
.mySwiper-2 .swiper-slide:hover .text .title,.mySwiper-2 .swiper-slide:hover .text .intro{color: white;} 
.mySwiper-2 .swiper-slide:hover .pic .link{opacity: 1;}

.swiper-pagination{display: flex; justify-content: center; margin-top: 60px; width: 1260px; bottom: 0;}
.swiper-pagination span{margin: 2px; width: 11px;height: 11px;}
.swiper-pagination-bullet-active{width: 32px !important; border-radius: 5px; background-color: var(--primary-color);}

.index-2-container{display: flex; margin-left: auto; margin-right: auto; position: relative;}
.index-2-left{width: 54% !important;}
.index-2-right{width: 46% !important;}
.index-2-left-wrap{background-color: #e7e0c4; border-top-right-radius: 80px;padding: 0% 10% 0% 20%; align-content: center; align-items: center; display: flex;}
.index-2-left-wrap .left-wrap{width: 100%;margin-bottom: 20px;}
.index-2-left-wrap .title{font-size: 31px;}
.index-2-left-wrap .intro{color: #666666;}
.index-2-right-wrap{position: relative; align-content: flex-end !important; align-items: flex-end;display: flex; min-height: 100% !important;}
.elementor-widget-wrap{position: relative; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start;  align-content: center; min-height: 480px;}
.right-wrap-background{ background-image: url('../images/right.png');background-position: center center;background-size: cover; width: 100%; min-height: 360px;}
.index-2-left-wrap .nav-button-contact{width: auto !important; margin-left: unset !important; border-radius: 30px;margin: 0 0 25px 20px;padding: 12px 25px!important;}
.index-position{display: flex; }
.index-widget-container{margin: 0% auto; background-color: #FFFFFF; border-radius: 200px; box-shadow: 0px 7px 25px -1px rgb(30 35 129 / 14%); width: 140px; height: 140px;text-align: center;line-height: 140px;}
.widget-intro{margin: -100px 0px 0px 0px; border: 2px solid transparent;}
.pp-info-box-container{background-color: #FCFCFF; border-style: solid; border-width: 2px 2px 2px 2px; border-color: #444EE300; border-radius: 30px 30px 30px 30px; padding: 100px 20px 0px 20px; min-height: 300px;}
.pp-info-box{text-align: center;}
.index-widget-z1{z-index: 99;}
.index-widget-z2{z-index: 98;}
.pp-info-box-description{text-align: center;}
.widget-intro:hover{ border: 2px solid var(--primary-color); border-radius: 15px;}
    
.index-3{display: -webkit-box;}
.pp-video-play-ico{top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.pp-video-play-ico img{width: 80px; height: 80px; position: static;}
.index-4 .main_1260{z-index: 99;}
.index-4 .elementor-widget-container{cursor: pointer;}
.index-4 .elementor-widget-container{border-style: solid; border-width: 10px 10px 10px 10px; border-color: var(--primary-color); border-radius: 50px 50px 50px 0px;}
.index-4 .index-4-elementor-element{margin-top: -200px; margin-bottom: 0px;}
.index-4 .index-4-elementor-element .elementor-container{display: flex; margin-right: auto; margin-left: auto; position: relative;box-sizing: border-box;}
.index-4 .index-4-elementor-element .elementor-container .index-2-left{ background-color: #e7e0c4; padding-top: 220px;}
.index-4 .index-4-elementor-element .elementor-container .index-2-left .index-2-left-wrap .intro{ font-size: 18px; color: #666666; }
.index-4 .index-4-elementor-element .elementor-container .index-2-right .elementor-widget-wrap{ background-image: url(../images/index_bg_info_box.jpg); background-position: center right; background-repeat: repeat-y; background-size: cover; padding: 220px 16% 0% 10%; display: flex; height: 100%;}
.index-4 .index-4-elementor-element .elementor-container .index-2-right .elementor-widget-wrap .elementor-section{margin-top: 0px; margin-bottom: 60px; float: left;}
.index-4 .index-4-elementor-element .elementor-container .index-2-right .elementor-widget-wrap .elementor-section .elementor-column{width: 50%; float: left; }
.index-4 .index-4-elementor-element .elementor-container .index-2-right .elementor-widget-wrap .elementor-section .elementor-column .elementor-widget-wrap{padding: 0px 60px 0px 0px; background-image: unset; min-height: unset;}
.index-4 .index-4-elementor-element .elementor-container .index-2-right .elementor-widget-wrap .elementor-section .elementor-column .elementor-widget-wrap .pp-info-box-container{border-style: solid; border-width: 0px 0px 0px 4px; border-color: var(--primary-color); border-radius: 3px 3px 3px 3px; padding: 0px 0px 0px 20px; min-height: unset; background: unset;}
.index-4 .index-4-elementor-element .elementor-container .index-2-right .elementor-widget-wrap .elementor-section .elementor-column .elementor-widget-wrap .pp-info-box-container .intro{text-align: center; color: #333;}
.index-4 .elementor-widget-container .elementor-widget-container-padding-bottom{background-color:black;border-radius: 40px; border-bottom-left-radius: 0;}
.index-4 .elementor-widget-container .elementor-widget-container-padding-bottom iframe{border-radius: 40px; border-bottom-left-radius: 0; position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; opacity: 1 !important;border: unset;}
.pp-info-box-content-wrap{padding: 10% 0% 0% 0%}
.pp-info-box-content-wrap .pp-info-box-icon-wrap{width: 100%; text-align: center;}
.pp-info-box-content-wrap .pp-info-box-icon-wrap .number{text-align: center; color: white; z-index: 99;top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); font-size: 35px;}
.pp-info-box-content-wrap .pp-info-box-content{width: 100%; text-align: center;}
.index-5 .swiper{ background-image: url(../images/each_tool_img.png); background-position: center center; background-repeat: no-repeat; background-size: auto;}
.index-6 .elementor-container{display: flex; margin-right: auto; margin-left: auto; position: relative;box-sizing: border-box;}
.index-6 .elementor-container .elementor-column .elementor-widget-container{margin: 0px 0px -100px 0px;}
.index-6 .elementor-container .elementor-column .elementor-widget-container img{height: auto; max-width: 100%; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 40px; border-bottom-right-radius: 0;}
.index-6 .elementor-container .index-2-left{width: 40% !important; z-index: 100;}
.index-6 .elementor-container .index-2-right{width: 65% !important; margin-left: -5%; background-color: #f1f0f0; padding: 0% 9%; z-index: 99; display: flex; align-content: center; align-items: center; min-height: 620px; border-radius: 30px;}
.index-6 .elementor-container .index-2-right .title{color: #202020;}
.index-6 .elementor-container .index-2-right .intro{font-size: 18px; color: #666666;}
.index-6 .nav-button-contact{margin-left: unset; padding: 10px 35px !important;}
.index-7{background-image: url(../images/index_7_bg.png); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.index-7 .elementor-container{display: flex; margin-right: auto; margin-left: auto; position: relative;box-sizing: border-box;}
.index-7 .elementor-container  .index-7-left-title{width: 25%; display: flex; align-items: center; align-content: center;}
.index-7 .elementor-container .index-7-right-intro{width: 75%;}
.index-8 .title{text-align: center;}
.index-8 .pp-post-content{padding: 30px; box-shadow: 0 0 10px #f1f1f1;}
.index-8 .pp-post-content .title{ color: #000000; text-align: left;}
.index-8 .pp-post-content .intro,.index-8 .pp-post-content u{ color: #999999;}
.index-8 .pp-post-content u:hover{color: var(--primary-color); cursor: pointer;}

/* .product-details-intro table{max-width: 100%; }
.product-details-intro table tr td{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.product-details-intro table tr td div{width: 40vw !important; overflow:hidden;} */

.table-responsive { width: 100%;margin-bottom: 15px;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;border: 1px solid #ddd;}
.table-responsive {min-height: .01%;overflow-x: auto;}
.table-responsive table{margin: 0 auto;}
.table {width: 100%;max-width: 100%;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 8px;line-height: 1.42857143;vertical-align: top;border-top: 1px solid #ddd;}
.pp-info-box-container .pp-info-box-content{flex-grow: 1;}
.product-details-intro table{max-width: 100%; }
.nav .social-links .open a{background-color: transparent;}
.notranslate a img{margin-right: 5px;}

/* footer */
footer{padding: 50px 0px 0px;background-color: #202020;}
footer .link .img{background-size: auto 12px; float: left;width: 30px;height: 30px;border-radius: 50px;background-repeat: no-repeat;background-position: center;display: grid;align-items: center;text-align: center;border: 1px #000000 solid;margin-right: 5px;}
footer .link .img img{margin: 0px auto;width: 12px; -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */filter: grayscale(100%);}
footer .link .img:hover{background-color: #1b1a1a;border-color: #ffffff;}
footer .link .img:hover img{opacity: 0;}
footer .title{font-size: 21px; color: #ffffff;font-weight: 500; }
footer .title i{margin-right: 30px; float: right; margin-top: 5px;}
footer .foot_nav{font-size: 15px;color: #ababab;font-weight: 300;margin-bottom: 10px;}
footer .blog_list{background-position: left top;background-repeat: no-repeat;padding-left: 78px;background-size: 66px auto;}
footer .foot_nav .foot_nav_2{color: #ffffff;font-family: 'poppins-light';}
footer .foot_nav .foot_nav_2 .email{color: #ffffff;transition: all 0.2s;}
footer .foot_nav .foot_nav_2 .email:hover{color: var(--primary-color);}
footer .zh_foot{border-top: 1px #3f3f3f solid;line-height: 56px;color: #ababab;overflow: hidden;clear: both;margin-top: 30px;}
footer .zz_foot{text-align: right;}
footer .zz_foot a{color: #ababab;}
footer .zz_foot a:nth-child(2){margin-left: 10px;margin-right: 10px;}
footer .zz_foot a:last-child{margin-right: unset;}
footer .zz_foot a{margin-right: 10px;}
footer .zz_foot a:last-child{margin-left: 10px;}
footer a:hover .foot_nav{color: var(--primary-color);}
.form-control{padding: 17px 0 17px 10px;font-size: 13px;}
footer textarea.form-control {height: 108px;padding: 15px 0 19px 10px;}
select.form-control{padding: 6px 0 6px 10px;height: unset;}
.getCenter{text-align: center; background-color: white; padding: 10px 0; margin: 0;}
.form-horizontal .form-group { margin-left: unset; margin-right: unset; }
.fa_i{margin: 40px 0 117px 0;}
.fa_i_aria img{width: 19px;height: 19px;filter: grayscale(1);filter: grayscale(100%) brightness(230%) contrast(400%);margin-top: 3px;}
.fa_i_aria.twitter{display: flex;align-items: center;justify-content: center;}
.fa_i_aria.twitter:hover img{filter: unset;} 
.fa_i_aria.tiktok{display: flex;align-items: center;justify-content: center;}
.fa_i_aria.tiktok img{width: 22px;height: 22px;filter: grayscale(150%) brightness(204%) contrast(70%);}
.fa_i_aria.tiktok:hover img{filter: unset;} 
.fa_i_aria{width: 40px; height: 40px; text-align: center; color: #999999; float: left; margin-right: 3%; margin-bottom: 10px;border: 1px solid #353535; border-radius: 50%;}
.fa_i_aria i{font-size: 20px; line-height: 42px;}
.fa_i_aria:hover{background-color: white; color: var(--primary-color);}
.tingbu{z-index: 999; cursor: pointer; position: fixed;width: 40px;height: 40px;border-radius: 50%;bottom: 100px;right: 20px;background-color: var(--primary-color);color: #ffffff;text-align: center;line-height: 40px;font-size: 26px;}
.tingbu i{line-height: 40px;}
.foot_nav_1{color: #999999;}
.primary-btn i{line-height: 50px;}

/* solution */
.solution-1 .title{color: #000; text-align: center;}
.solution-1 .intro{width: 66%; margin: 0 auto; color: #666666; text-align: center;}
.solution-1 .main_1260 .solution-banner-img-padding-bottom img{z-index: 9;}
.solution-elementor-section{ background-color: var(--primary-bg-color); border-radius: 30px; margin-top: -60px; margin-bottom: 0px; z-index: 10; display: flex; justify-content: space-evenly;}
.solution-elementor-element{width: 140px;}
.solution-elementor-element .solution-info-box-icon{width: 100%; text-align: center; color: #202020;}
.solution-elementor-element .solution-info-box-icon img{width: 100px; height: 100px; border-radius: 50%;}
.solution-2 .title{padding: 0 15px; text-align: center;}
.solution-2 .swiper-slide{padding-top: 160px; margin-bottom: 80px;}
.solution-2 .swiper-slide a{display: block; position: relative; background-color: #eee; border-radius: 30px; min-height: 320px; padding-top: 160px; box-sizing: border-box;}
.solution-2 .swiper-slide .pic{width: 300px; border-radius: 50%; height: 300px; position: absolute; top: -150px; left: 50%; transform: translateX(-50%); text-align: center;}
.solution-2 .swiper-slide .pic img{border-radius: 5%; max-width: 300px; transition: all .5s;}
/* .solution-2 .swiper-slide .pic img{border-radius: 50%; max-width: 300px; transition: all .5s;} */
.solution-2 .swiper-slide .text{box-sizing: border-box; padding: 0px 15px; text-align: center;}
.solution-2 .swiper-slide .text .title{color: #0c0c0d; text-align: center;}
.solution-2 .swiper-slide .text .intro{color: #999999; text-align: center;}
.solution-2 .swiper-slide:hover a{background-color: var(--primary-color);}
.solution-2 .swiper-slide:hover .text .title,.solution-2 .swiper-slide:hover .text .intro{color: white;} 
.solution-2 .swiper-slide:hover .pic img{transform: scale(0.95);}
.solution-2 .nav-button-contact{float: left; color: white; text-align: center; width: 40%; cursor: pointer; margin: 25px 30%;}
.hjRemoteVarsFrame{position:fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: none; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.5); z-index: 9999;}
.hjRemoteVarsFrame .elementor-section-wrap{padding: 20px 30px 30px 30px; background-color: var(--primary-bg-color); width: 39%; border-radius: 25px;}
.hjRemoteVarsFrame .elementor-section-wrap .elementor-widget-wrap{padding: 40px;}
.hjRemoteVarsFrame .elementor-section-wrap .title{color: #000000;font-size: 25px;}
.hjRemoteVarsFrame .elementor-section-wrap input{width: 100%; border: unset; height: 30px; border-radius: 15px; padding: 20px 15px; color: #666666;}
.hjRemoteVarsFrame .elementor-section-wrap select{width: 100%; border: unset; border-radius: 15px; padding: 9px 15px;color: #666666;}
.hjRemoteVarsFrame .elementor-section-wrap textarea{width: 100%; min-height: 160px; border: unset; padding: 20px 15px; border-radius: 20px;}
.hjRemoteVarsFrame .elementor-section-wrap .nav-button-contact{float: left; width: 100%; margin: unset;padding: 10px 25px !important;}
.hjRemoteVarsFrame .elementor-section-wrap .nav-button-contact a{float: left; width: 100%; text-align: center;}
.hjRemoteVarsFrame .elementor-section-wrap .nav-button-contact .nav-button-btn{font-size: 18px;}
.hjRemoteVarsFrame .elementor-widget-container{float: left; color: #707290;}
.hjRemoteVarsFrame .elementor-section-wrap i{position: absolute; right: 20px; top: 20px; cursor: pointer; font-size: 25px; z-index: 9999;}
.hjRemoteVarsFrame .item{padding-left: 7.5px;padding-right: 7.5px;}
.solution-4{background-color: #f4f4f4;}
.solution-4 .title,.solution-5 .title,.solution-7 .title{color: #0c0c0d; text-align: center; padding: 0 15px;}
.solution-5{ transition: all .5s;}
.solution-5 .elementor-container .elementor-widget-wrap{padding: 80px 0; background-image: url(../images/solution_program.jpg);background-position: center right;background-repeat: repeat-y;background-size: cover;}
.solution-5 .elementor-element{border-left: 2px solid var(--primary-color); margin-bottom: 100px;}
.solution-5 .elementor-element .title{ color: #202020; text-align: center;}
.solution-5 .elementor-element .intro{ color: #333333; text-align: center; height: 100px;}
.solution-6 .index-2-right .swiper{width: 100%;}
.solution-6 .index-2-right .swiper .swiper-pagination{width: 100%; bottom: 20px;}
.solution-7 .elementor-container{ margin-right: auto; margin-left: auto; position: relative;flex-wrap: wrap;}
.solution-7 .elementor-container .solution-elementor-widget-wrap{background-color: #f4f4f4; border-radius: 30px 30px 30px 30px;border: 2px solid transparent; margin: 10px 10px 10px 10px; --e-column-margin-right: 10px; --e-column-margin-left: 10px; padding: 30px 30px 30px 30px;}
.solution-7 .elementor-container .active,.solution-7 .elementor-container .solution-elementor-widget-wrap:hover{border-style: solid; border-width: 2px 2px 2px 2px; border-color: var(--primary-color); box-shadow: 0px 20px 34px -12px rgb(18 22 77 / 42%);}
.solution-7 .elementor-container .solution-elementor-widget-wrap .pp-info-box{text-align: left;}
.solution-7 .solution-elementor-widget-wrap .pp-info-box-title{color: #000; min-height: 60px;}
.solution-8 .title{ color: #000000;}
.solution-8 .elementor-container{display: flex; margin-right: auto; margin-left: auto; position: relative;}
.solution-8 .elementor-container .elementor-column-left{width: 74%;}
.solution-8 .elementor-container .elementor-column-right{width: 26%;}
.solution-8 .elementor-container .elementor-column-right .elementor-widget-container{margin: 0px 0px 0px 0px; padding: 20px; background-color: #f8d9dc; border-radius: 500px 500px 500px 500px;}
.solution-8 .elementor-container .elementor-column-right .elementor-widget-container a{fill: white; color: white; background-color: var(--primary-color); border-radius: 100px 100px 100px 100px; padding: 15px 0;}
.solution-8 .elementor-container .elementor-column-right .elementor-widget-container a .elementor-button-text{width: 100%; text-align: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; display: inline-block; }
.elementor-column-right .elementor-widget-container a:hover{transform: scale(0.9);}

/* catalogs */
.catalogs-1 .title{text-align: center; color: #202020; padding: 0 15px;}
.catalogs-1 .main_1260 .container-fluid .title{padding: 0 15px;min-height: 60px;}
.catalogs-1 .main_1260 .container-fluid .elementor-container{display: flex;margin-right: auto;margin-left: auto;position: relative; justify-content: space-evenly;}
.catalogs-1 .main_1260 .container-fluid .elementor-container .elementor-button-text a{color: #202020;}
.catalogs-1 .main_1260 .container-fluid .elementor-container .elementor-button-text{background-color: #eeeeee; cursor: pointer; padding: 10px 20px; border-radius: 20px;}
.catalogs-1 .main_1260 .container-fluid .elementor-container .elementor-button-text:hover a{ color: white;}
.catalogs-1 .main_1260 .container-fluid .elementor-container .elementor-button-text:hover{background-color: var(--primary-color);}

/* faq */
.faq-1{overflow: hidden;}
.faq-1 .elementor-element .elementor-toggle{padding: 20px 30px; background-color: #f4f4f4; color: #202020; cursor: pointer;}
.faq-1 .elementor-element .elementor-toggle i{float: right;margin-top: 5px;}
.faq-1 .elementor-element .elementor-tab-content{color: #202020; width: 96%; margin: 0 2%; display: none;}

/* technology */
.technology-1 .elementor-container{display: flex; position: relative; flex-direction: row-reverse}
.technology-1 .elementor-container-1{display: flex; position: relative; flex-direction: row;}
.technology-1 .elementor-widget-wrap{min-height: auto;}
.technology-1 .elementor-widget-wrap .elementor-element{color: #202020;}
.technology-1 .elementor-widget-text-editor{color: #202020; line-height: 1.5;}
.technology-1 .elementor-container .elementor-widget-right,.technology-1 .elementor-container-1 .elementor-widget-right{display: flex; align-content: center; align-items: center;}

/* product */
.product-1 .title,.product-4 .title{ text-align: center; color: #000; padding: 0 15px;}
.product-1 .intro,.product-4 .intro{ text-align: center; color: #666666; padding: 0 15px;}
.product-1 .container-fluid .swiper-slide{margin-bottom: 120px; height: auto;}
.product-2{ background-image: url('../images/product_bg_img.png'); background-position: bottom left; background-repeat: no-repeat; background-size: auto 100%;}
.product-2 .title{color: white; text-align: center;}
.product-2 .intro{color: white; text-align: center;}
.product-2 .nav-button-contact{ color: white; text-align: center; width: 10%; cursor: pointer; margin: 25px 45%;}
.product-2-m{ background-image: url('../images/product_bg_img_m.jpg'); background-position: bottom left; background-repeat: no-repeat; background-size: 100% auto;}
.product-2-m .title{color: white; text-align: center;}
.product-2-m .intro{color: white; text-align: center; padding: 0 15px;}
.product-2-m .nav-button-contact{ color: white; text-align: center; width: 10%; cursor: pointer; margin: 25px 45%;}
.product-3 .title{color: #000000; text-align: center; padding: 0 15px;}
.product-3 .intro{color: #666666; text-align: center; padding: 0 15px;}
.product-3 .elementor-widget-container{ border-style: solid; border-width: 10px 10px 10px 10px; border-color: var(--primary-color); border-radius: 0px 50px 50px 50px; margin: 0 15px;}
.product-3 .elementor-widget-container img{border-radius: 0px 40px 40px 40px;}
.product-4 .elementor-container{display: flex; margin-right: auto; margin-left: auto; position: relative;}
.product-4 .elementor-container .ele-widget-left{width: 36%;}
.product-4 .elementor-container .ele-widget-right{width: 50%; margin-left: 14%;}
.product-4 .elementor-container .elementor-widget-wrap .pp-info-box-container{ width: 50%; height: 60px; float: left; min-height: auto; padding: 0 !important;display: flex;align-items: center; justify-content: center;}
.product-4 .elementor-container .elementor-widget-wrap .pp-info-box-container .pp-info-box-content .pp-info-box-title-wrap{color: var(--primary-color); float: left; text-align: center; width: 100%; margin-bottom: 5px;}
.product-4 .elementor-container .elementor-widget-wrap .pp-info-box-container .pp-info-box-icon-wrap{float: left;}
.product-5 .elementor-container{display: flex; margin-right: auto; margin-left: auto; position: relative;box-sizing: border-box;}
.product-5 .elementor-container .index-2-left{background-color: var(--primary-bg-color); border-radius: 50px 50px 0px 50px;padding: 50px 80px;}
.product-5 .elementor-container .index-2-left .title{color: #202020; }
.product-5 .elementor-container .index-2-left input{width: 100%; border: unset; height: 30px; border-radius: 5px; padding: 20px 15px; color: #666666;}
.product-5 .elementor-container .index-2-left select{width: 100%; border: unset; height: unset; border-radius: 5px; padding: 9px 15px;color: #666666;}
.product-5 .elementor-container .index-2-left textarea{width: 100%; min-height: 140px; border: unset; padding: 20px 15px; border-radius: 2px;}
.product-5 .elementor-container .index-2-left .nav-button-contact{float: left; width: 100%; margin: unset; border-radius: 2px; padding: 8px 25px !important; text-align: center; color: white; cursor: pointer;}
/* .product-5 .elementor-container .index-2-left .nav-button-contact a{float: left; width: 100%; text-align: center;} */
.product-5 .elementor-container .index-2-left .elementor-widget-container{float: left; color: #707290;}
.product-5 .elementor-container .index-2-right .elementor-section{background-color: #f1f0f0; border-radius: 50px; padding: 50px 80px; text-align: center;}
.product-5 .elementor-container .index-2-right .elementor-section .elementor-testimonial__text{color: #202020; text-align: center; padding: 0 10%;}
.elementor-testimonial__image img{width: 100px !important; height: 100px !important; border-radius: 50%;}
.product-5 .elementor-container .index-2-right .elementor-section .elementor-testimonial__name{color: var(--primary-color);}
.product-5 .elementor-container .index-2-right .elementor-section  .elementor-testimonial__title{color: #202020; }
.product-6-title{color: #000; text-align: center;}
.product-7 .elementor-section{background-color: var(--primary-bg-color); padding: 80px 10%; border-radius: 25px;}
.product-7 .title{color: #000; text-align: center;}
.product-7 .elementor-container{ display: flex; margin-right: auto; margin-left: auto; position: relative;}
.product-7 .elementor-container .elementor-column{width: 50%; }
.product-7 .elementor-container .elementor-column .elementor-widget-wrap{display: flex;position: relative; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; flex-direction: column;}
.product-7 .elementor-container .elementor-column .elementor-widget-wrap .elementor-element{text-align: center;}
.product-7 .elementor-container .elementor-column .elementor-widget-wrap .elementor-element .pp-info-box-title-containe{color: #202020;}
.product-7 .elementor-container .elementor-column .elementor-widget-wrap .elementor-element .pp-info-box-divider-wrap{border-bottom-style: solid; width: 30px; border-bottom-width: 2px; border-bottom-color: var(--primary-color); display: inline-block;}
.product-7 .elementor-container .elementor-column .elementor-widget-wrap .elementor-element .pp-info-box-description{color: #202020;}
.product-8 .elementor-container{display: flex; margin-right: auto; margin-left: auto; position: relative;}
.product-8 .elementor-container .elementor-widget-wrap{width: 33%; }
.product-8 .elementor-container .elementor-column{width: 65%; margin-left: 2%;}
.product-8 .elementor-container .elementor-widget-wrap .title{color: #000000;}
.product-8 .elementor-container .elementor-widget-wrap .elementor-element ul li {padding: 20px 0; border-bottom: 1px solid #eeeeee;}
.product-8 .elementor-container .elementor-widget-wrap .elementor-element ul li a{color: #202020; }
.product-8 .elementor-container .elementor-widget-wrap  .elementor-element ul li a span{color: var(--primary-color);}
.product-8 .elementor-container .elementor-column .elementor-widget-container .title{color: #000000; }
.product-8 .elementor-container .elementor-column .elementor-widget-container .intro{color: #000000;}

.products-swiper-ab{position: relative;padding: 0 45px; margin: 10px 0px 0 0px;}
.products-swiper-ab .button-prev { width: 40px; height: 100%; display: grid; align-items: center; position: absolute; left: 0px;  bottom: 0px; text-align: center; background-color: #f4f4f4; border-radius: unset;}
.products-swiper-ab .button-next { width: 40px; height: 100%; display: grid; align-items: center; position: absolute; right: 0px; bottom: 0px; text-align: center; background-color: #f4f4f4; border-radius: unset;}
.products-swiper-ab .swiper-slide{border: 1px solid #dfdddd; cursor: pointer;}
.products-swiper-ab .button-prev i,.products-swiper-ab .button-next i{font-size: 26px;}
.products-swiper-ab .button-prev:hover,.products-swiper-ab .button-next:hover{background-color: var(--primary-color); color: white;}
.product-button-contact{background-color: var(--primary-color); color: white; padding: 8px 25px !important; border-radius: 5px; float: left; font-size: 18px;}
.product-button-contact:hover,.product-button-contact:focus{background-color: var(--primary-color) !important;color: white !important; }
.porduct-bg-padding{padding: 36px 40px;}
.swiper-slide-thumb-active{border: 1px solid var(--primary-color) !important;}
#mySwiper-1 .swiper-slide img{object-fit: contain;}
#mySwiper-2 .swiper-slide{padding-left:1px;padding-right:1px;border-color: transparent;}
#mySwiper-2 .swiper-slide img{border: 1px solid #dfdddd;object-fit: contain;}
#mySwiper-2 .swiper-slide.swiper-slide-thumb-active img{border:1px solid var(--primary-color);}
.product-details-1 .swiper-slide-thumb-active{border: 1px solid transparent!important;}
.product-details-1 .title{border-bottom: 1px solid #ededed; color: #000000;}
.product-details-1 .intro{color: #000000;}
.product-details-1 .nav-button-contact{color: white; float: left; border-radius: 5px; padding: 8px 18px !important; margin-left: 0; cursor: pointer;}
.product-details-row{display: flex; justify-content: space-evenly;}
.product-details-row .product-details-tab{color: #202020; font-size: 20px; cursor: pointer; border-bottom: 2px solid transparent;padding-bottom: 20px;}
.product-details-row .active{border-bottom: 2px solid var(--primary-color); color: var(--primary-color);}
.product-details-intro .product-intro-details{min-height: 300px; background-color: #f4f4f4; display: none; padding: 20px;}
.product-details-intro .active{display: block;}
.foot_logo{width: 140px;}
.mySelect option {color: #202020;}
.footerSelect{color: #aba3a3;}
.footerSelect option {color: #555;}
#sideinq{
    opacity: 0;
    border-radius: 25px;
    position: fixed;
    top: 85%;
    right: 18px;
    transform: translateY(-50%);
    padding: 5px;
    background-color: var(--primary-color);
    z-index: 999;
    transition: all 0.75s;
}
#sideinq .item{
    position: relative;
    width: 35px;
    height: 35px;
    padding: 7px;
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    transition: all 0.5s;
}
#sideinq .open_inquriy{
    display: inline;
}
#sideinq .close_inquriy{
    display: none;
}
.contact-nav{
    display: flex;
    align-items: center;
    height: 42px;
    background: #f5f5f5;
    box-shadow: 0px 5px 10px 2px #EDEDED;
}
.contact-nav .main_1580{
    width: 1575px;
}
.contact-nav .box{
    display: flex;
    justify-content: space-between;
}
.contact-nav .box .info,.contact-nav .box .search{
    display: flex;
    align-items: center;
    color: #202020;
}
.contact-nav .box .info .item:nth-child(2){
    margin-left: 10px;
}
.contact-nav .box .info a:hover{
    color: var(--primary-color);
}
.contact-nav .box .search .item img{
    width: 36px;
    margin-left: 6px;
}
.contact-nav .box .search .item .full-twitter{
    width: 28px;
}
.contact-nav .box .search .item form{
    position: relative;
}
.contact-nav .box .search .item input{
    width: 200px;
    border-radius: 10px;
    border: 1px solid #4d4d4d;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    padding: 0 10px;
}
.contact-nav .box .search .item i{
    font-size: 20px;
    border: none;
    position: absolute;
    right: 6px;
    top: 5px;
    background: none;
    cursor: pointer;
}
.contact-nav .box .search .item input:focus{
    border: 2px solid #4d4d4d;
}
.contact-nav .box .search .item .first-child{
    margin-left: 16px;
}
@media (max-width: 768px) {
    .row{margin: unset;}
    /* nav */
    nav{height: 90px;}
    .nav>li{padding: 10px; float: left; width: 100%;}
    .navbar{ margin-bottom: unset; background-color: white;}
    .navbar-right{margin-right: 0;}
    .navbar-collapse{position: fixed; width: 70%; height: 100%; right: -100%;top: 0;}
	.san_1,.san_2{top: 30px;}
    .san_1{display: block;}
    .dropdown .dropdown-menu{width: 100%; position: static; top: unset; left: unset; border: unset; box-shadow: unset; background-color: #e7e0c4;}
    .collapse{display: block; background-color: #e7e0c4;}
    .navbar-nav{margin-top: 50px;}
    .nav>li>i{top: 23px; right: 40px; color: black !important;}
    .nav-button-contact{width: auto !important;padding: 10px 20px;}
    .navbar-default .navbar-nav>li>a,.navbar-nav>li>a:focus,.navbar-nav>li>a:hover{color: black !important;}
    .navbar-collapse.collapse{height: 100% !important; overflow: auto;}
    .nav-title-this{width: 100%;}
    .nav-second-level-padding{padding-left:7.5px;padding-right:unset;}
    /* index */
    .swiper-pagination{width: 100%;}
    .mySwiper-2 .swiper-slide a{margin: 0 10px;}
    .index-2-container{display: block;}
    .index-2-left{width: 100% !important;}
    .index-2-right{width: 100% !important;}
    .index-2-left-wrap{padding: 30px 30px 0px 30px;}
    .index-2-left-wrap .font-xs-30{font-size: 25px;}
    .index-2-right{min-height: auto;}
    .index-banner .button-next{right: 0; box-shadow: unset;background-color: unset;}
    .index-banner .button-prev{left: 0; box-shadow: unset;background-color: unset;}
    .index-banner .button-next:hover,.index-banner .button-prev:hover{background-color: unset; color: var(--primary-color);}
    .index-4 .main_1260{ padding: 10px;}
    .index-2-left-wrap .intro{font-size: 13px;}
    .index-4 .index-4-elementor-element .elementor-container{display: block;}
    .index-4 .index-4-elementor-element .elementor-container .index-2-right .elementor-widget-wrap .elementor-section{margin-bottom: unset;}
    .index-4 .index-4-elementor-element .elementor-container .index-2-right .elementor-widget-wrap .elementor-section .elementor-column{width: 100%;}
    .index-4 .index-4-elementor-element .elementor-container .index-2-right .elementor-widget-wrap{padding: 0px 20px 0px 20px;}
    .index-4 .index-4-elementor-element .elementor-container .index-2-right .elementor-widget-wrap .elementor-section .elementor-column .elementor-widget-wrap{padding: 0px 10px 0px 0px; margin-bottom: 20px;}
    .index-4 .index-4-elementor-element .elementor-container .index-2-left{padding-top: 160px;}
    .index-5 .main_1260{padding-bottom: 50px;}
    .pp-info-box-content-wrap{padding: 4% 0 0 0;}
    .pp-info-box-content-wrap .pp-info-box-content{padding: 0 15px;}
    .index-6 .elementor-container,.index-7 .elementor-container{display: block;}
    .index-6 .elementor-container .index-2-left,.index-7 .elementor-container .index-7-right-intro{width: calc(100% - 30px) !important; margin: 0 15px; min-height: auto;}
    .index-6 .elementor-container .index-2-right,.index-7 .elementor-container .index-7-left-title{width: 100% !important; margin: unset; padding: 0 15px; text-align: center; margin-top: 65px;}
    .index-6 .elementor-container .index-2-right .title{width: 100%; text-align: center;}
    .index-6 .nav-button-contact{margin: 0 auto;}
    .index-6 .elementor-container .elementor-column .elementor-widget-container{text-align: center;}
    .index-7 .elementor-container .index-7-left-title{display: block;}
    .index-8 .title{padding: 0 15px;}
    .index-8 .pp-post-content{padding: 10px 15px;}
    .index-8 .pp-post-content .title{padding: unset; min-height: 46px; margin-bottom: 10px;}
    .index-8 .pp-post-content .intro{ min-height: 54px;}
    /* footer */
	footer .zz_foot{text-align: left;}
	footer .zh_foot{padding: 20px 0px;}
	footer .zh_foot div{ line-height: 30px;font-weight: 300;}
    .footer-i-style{margin-bottom: 20px; float: left; text-align: center;}
    .footer-i-style a{ width: 100%; text-align: left;}
    .footer-i-style .foot_nav_1,.footer-i-style .foot_nav_2{text-align: left;}
    /* solution */
    .solution-1 .title,.solution-1 .intro{padding: 0 15px; width: 100%; }
    .solution-elementor-section{width: calc(100% - 30px); margin: -20px 15px 0 15px;flex-wrap: wrap;}
    .solution-elementor-section .solution-elementor-element{width: 50%;}
    .solution-2 .swiper-slide{margin-bottom: 30px;}
    .solution-2 .swiper-slide{margin-bottom: 30px;}
    .solution-2 .nav-button-contact{margin: 0 15px;}
    .hjRemoteVarsFrame .elementor-section-wrap{width: calc(100% - 30px); margin: 0 15px; padding: 20px 0;}
    .hjRemoteVarsFrame .elementor-section-wrap .nav-button-contact{width: 100% !important;}
    .hjRemoteVarsFrame .elementor-section-wrap .elementor-widget-wrap{padding: 0 15px;}
    .hjRemoteVarsFrame .elementor-section-wrap .title {color: #000000;font-size: 20px;}
    .hjRemoteVarsFrame .elementor-section-wrap textarea{min-height: 150px;}
    .solution-4 .nav-button-contact,.solution-2 .nav-button-contact{width: calc(100% - 30px) !important;}
    .solution-5 .elementor-element{margin-bottom: 30px;}
    .solution-5 .elementor-container .elementor-widget-wrap{padding: 30px 0;}
    .solution-6 .index-2-container .index-2-right .right-wrap-background{min-height: 200px;}
    .solution-7 .elementor-container{display: block;}
    .solution-7 .elementor-container .active, .solution-7 .elementor-container .solution-elementor-widget-wrap:hover{box-shadow: 0px 0px 34px -12px rgb(18 22 77 / 42%);}
    .solution-7 .solution-elementor-widget-wrap .pp-info-box-title{height: 108px; overflow: hidden;}
    .solution-8 .elementor-container{display: block;}
    .solution-8 .elementor-container .elementor-column-left{width: 100%;}
    .solution-8 .elementor-container .elementor-column-right{width: 100%;}
    .solution-8 .elementor-container .title{text-align: center;}
    .solution-8 .elementor-container .elementor-column-right .elementor-widget-container{width: 60%; margin: 0 auto;}

    /* catalogs */
    .catalogs-1 .main_1260 .container-fluid .title{min-height: 43px;}

    /* technology */
    .technology-1 .elementor-container,.technology-1 .elementor-container-1{display: block; flex-direction: row;}

    /* product */
    .product-2 .nav-button-contact{width: 50%; margin: 0 25%;}
    .product-2-m .nav-button-contact{width: 50%; margin: 0 25%; padding: 6px 25px !important;}
    .product-4 .elementor-container{display: block;}
    .product-4 .elementor-widget-wrap {min-height: auto;}
    .product-4 .elementor-container .ele-widget-left{padding: 0 15px; width: 100%;}
    .product-4 .elementor-container .ele-widget-right{padding: 0 15px; width: 100%; margin: 20px 0 0 0;}
    .product-4 .elementor-container .elementor-widget-wrap .pp-info-box-container{float: unset; width: 100%; height: 40px;}
    .product-5 .elementor-container{display: block;}
    .product-5 .elementor-container .index-2-left{padding: 20px 0;}
    .product-5 .elementor-container .index-2-left .elementor-widget-container{text-align: center; width: 100%;}
    .product-5 .elementor-container .index-2-left .nav-button-contact{width: 100% !important;}
    .product-5 .elementor-container .index-2-right .elementor-section{padding: 30px 15px; border-radius: unset;}
    .product-5 .elementor-container .index-2-right .elementor-section .elementor-testimonial__text{width: 100%; padding: 0 15px;}
    .product-7 .elementor-container{display: block;}
    .product-7 .elementor-container .elementor-column{width: 100%;}
    .product-7 .elementor-section{padding: 40px 15px; border-radius: unset;}
    .product-8 .elementor-container{display: block;}
    .product-8 .elementor-container .elementor-widget-wrap{width: 100%; padding: 0 15px; min-height: auto;}
    .product-8 .elementor-container .elementor-column{width: 100%; padding: 0 15px; margin: unset;}

    /* product */
    .product-button-a{display: block;}
    .products-swiper-ab .button-prev{left: 0;}
    .products-swiper-ab .button-next{right: 0;}
    .porduct-bg-padding{padding: 20px 15px;}
    .faq-1 .elementor-element .elementor-toggle{padding: 30px 15px ;}
    .product-details-2 .product-details-intro .product-intro-details iframe {
        height: 300px;
    }
    .social-links{padding: 0 15px;}
    .hjRemoteVarsFrame .elementor-section-wrap .item{margin-bottom: 15px;padding-left: 5px;padding-right: 5px;}
    .hjRemoteVarsFrame .elementor-section-wrap textarea{min-height: 100px;}
    .hjRemoteVarsFrame .elementor-section-wrap .nav-button-contact .nav-button-btn {font-size: 16px;}
    .hjRemoteVarsFrame .elementor-section-wrap .nav-button-contact {padding: 8px 25px !important;}
    .head-logo{transform: scale(0.95);}
    .navbar-brand img{height: 50px;margin-top: 7px;margin: unset;}
    /* nav product */
    .product-sy{width: 100%; padding: 0 20px 0 25px;}
    .product-sy .index-nav-products .nav-title-product .nav-title-this a{display: inline;}
    .product-sy .index-nav-products .nav-title-product .nav-title-this i{float: right; margin-right: 10px;}
    .product-sy .index-nav-products { display: flex; flex-wrap: wrap;}
    .product-sy .index-nav-products .nav-title-product{width: 100%;}
    .product-sy .index-nav-products .nav-title-product .dropdown-menu-ul{margin-bottom: 5px;}
    .product-sy .index-nav-products .nav-title-product .dropdown-menu-ul .nav-title-this{margin-bottom: 8px;}
    .product-sy .index-nav-products .nav-title-product .dropdown-menu-ul .nav-title-this a{display: list-item;}

    #myswiper5{padding: 10px 50px;margin-left: 0;margin-right: 0;}
    .index-certificates .button-prev,.index-certificates .button-next{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;}
    .index-certificates .button-prev{left: 15px;}
    .index-certificates .button-next{right: 15px;}
}

@media (min-width: 769px) {
    /* nav */
    .nav>li>i{top: 40px;}
    .navbar-nav>li>a{padding-left: 5px; padding-right: 5px;}
    .dropdown.active .fa-caret-down:before{content: "\f0d8";}
    .dropdown-menu{width: 100%; position: fixed; top: 141px; left: 0;background-color: #F4F4F4 !important; box-shadow: unset; border: unset;}
    .dropdown-menu-list{position: absolute; top: 100%; left: 0; -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%); box-shadow: 0 6px 12pxrgba(0,0,0,.175); background-color: #fff !important;}
    .navbar-form{margin-right: -25px;}
    /* .dropdown:hover .dropdown-menu{display: block;} */
    .nav-title-a .nav-title-this{width: 50% ;}
    .nav-title-product .nav-title-this{width: 100% ;}
    .nav-title-this a{width: 100%; color: #202020;}
    .nav-title-this .active{width: 100%; color: var(--primary-color);}
    .index-right-this div{font-size: 14px; height: 62px; overflow: hidden;}
    .index-right-this div a{color: #202020;}
    .index-products-learn{width: 100%; float: left;}
    .index-products-learn div{width: 140px; padding: 6px 0; border-radius: 20px; background-color: var(--primary-color); text-align: center; margin-left: 15px;}
    .index-products-learn div a{color: white;}
    .index-nav-products .col-lg-9{border-left: 1px solid #e1e1e1;}
    /* .navbar-right .dropdown-menu{right: -28px;} */
    .social-links{ padding: 8px 0;}
    /* index */
    .index-2-left-wrap .intro{font-size: 18px;}
    .index-8 .pp-post-content .title{ min-height: 60px;}
    .index-8 .pp-post-content .intro{ min-height: 69px;}

    /* product */
    .product-5 .elementor-container .index-2-left{width: 40% !important;}
    .product-5 .elementor-container .index-2-right{width: 64% !important; margin-left: -4%;}
    /* nav product */
    .product-sy{width: auto ; right: unset !important; padding: 10px 0; display: block !important;}
    .product-sy .nav-title-product{position: relative;}
    .product-sy .nav-title-product .nav-title-this{padding:0 30px 0 20px;}
    .product-sy .nav-title-product .nav-title-this.font-xs-15 a{font-size: 19px;}
    .product-sy .nav-title-product .nav-title-this.font-xs-12 a{font-size: 16px;}
    .product-sy .nav-title-product .dropdown-menu-ul{width: max-content; top: -10px; right: unset; left: 100%;  padding: 10px 0; display:  block; position: absolute; border-radius: unset;}
    .product-sy .nav-title-product .dropdown-menu-ul .nav-title-this{padding: 5px 10px;}

    .dropdown .product-sy{visibility: hidden; opacity: 0; transition: all 0.3s;}
    .dropdown:hover .product-sy{visibility: visible; opacity: 1; transition: all 0.3s;}
    .product-sy .nav-title-product .dropdown-menu-ul{visibility: hidden !important; opacity: 0 !important; transition: all 0.3s;}
    .product-sy .nav-title-product:hover .dropdown-menu-ul{visibility: visible !important; opacity: 1 !important; transition: all 0.3s;}
}
@media screen and (min-width: 768px) and (max-width:1400px) {
    .hjRemoteVarsFrame .elementor-section-wrap {
        width: 50%;
        padding: 30px 40px;
    }

    .hjRemoteVarsFrame .elementor-section-wrap .elementor-widget-wrap {
        padding: 10px 0;
    }

    .hjRemoteVarsFrame .elementor-section-wrap textarea {
        width: 100%;
        min-height: 150px;
    }
}

@media (min-width: 1024px) and (max-width: 1600px) {
    .contact-nav .container-fluid{
        width: 100%;
    }
    .contact-nav .main_1580{
        width: 100%;
        max-width: 100%;
    }
    .navbar-nav>li>.dropdown-menu .main_1260 .container-fluid{
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .navbar-nav>li>.dropdown-menu .main_1260 .container-fluid .nav-title-this{
        font-size: 18px;
        margin-bottom: 13px;
    }
}