@charset"utf-8";
:root{color-scheme:light!important;background-color:white!important}
body{background-color:transparent!important}
html,body{background-color:#fafafa!important;filter:none!important}
li{list-style:none}legend{color:#5A5A5A}fieldset,img{border:0}i,em{font-style:normal}ul{margin:0;padding:0}strong{font-weight:700}caption,th{text-align:left}q:before,q:after{content:''}sup{vertical-align:super}sub{vertical-align:sub}del,ins{text-decoration:none}small{font-size:12px;display:block}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select{font-size:100%}input.hidefocus::-moz-focus-inner{border:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}table{border-collapse:collapse;border-spacing:0;empty-cells:show}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;outline:none}*{padding:0;margin:0;}a{text-decoration:none!important;-webkit-tap-highlight-color:transparent;outline:none}strong{font-weight:700}ul{list-style:none}*html.clearfix{zoom:1}*+html.clearfix{zoom:1}.clearfix{zoom:1}*+html .clearfix{zoom:1}.clearfix:after{height:0;visibility:hidden;content:".";display:block;clear:both}

@font-face{font-family:'Karla';font-style:normal;font-weight:400;font-display:swap;src:url(karla.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(rubik.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}


html{font-size:62.5%; /* 10÷16=62.5% */}body{font-size:17px;font-size:1.7rem ; line-height:1.6;font-family:'Karla',sans-serif;color:#171717;background:#fff;}
h1,h2,h3,.bold{font-weight:700;font-family:'Rubik';}img{max-width: 100%;height: auto;display: block;filter: invert(0) !important;mix-blend-mode: normal !important;}a{color:#171717;}.flex{display:flex;flex-wrap: wrap;}.flex_between{justify-content:space-between}.flex_end{align-items: flex-end;}.flex_center{align-items: center;}


@-webkit-keyframes slideLeft{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}}
@keyframes slideLeft{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}}
@-webkit-keyframes slideRight{0%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}
@keyframes slideRight{0%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}
.contentfix{max-width:1300px;margin:0 auto;width:86%;}

@font-face {font-family: "iconfont";src: url('iconfont.ttf?t=1716011658597') format('truetype');font-display:swap;}
.iconfont{font-family: "iconfont" !important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.iconfont.caidan::before {content: "\E62d";}.iconfont.close::before {content: "\e63c";}
.iconfont.left_sanjiao::before {content: "\e5021";}.iconfont.right_sanjiao::before {content: "\e5022";}
.iconfont.wujiaoxing::before {content: "\E634";}
.iconfont.dianzan::before {content: "\e656";}
.iconfont.renzheng::before {content: "\e67a";}
.iconfont.email::before {content: "\e604";}
.iconfont.chuizi::before {content: "\e61d";}
.iconfont.dengpao::before {content: "\e613";}
.iconfont.woshou::before {content: "\e612";}
.iconfont.youtube::before {content: "\e883";}
.iconfont.facebook::before {content: "\e88d";}
.iconfont.instagram::before {content: "\e88f";}
.iconfont.dizhi::before {content: "\e60c";}
.iconfont.huoche::before {content: "\f11a";}
.iconfont.bofang::before {content: "\e628";}
.iconfont.car::before {content: "\e7ef";}
.iconfont.check::before {content: "\e630";}
.iconfont.biaozhang::before {content: "\e6af";}
.iconfont.jianzhu::before {content: "\e698";}
.iconfont.shui::before {content: "\ebd0";}
.iconfont.tel::before {content: "\eb3c";}
.iconfont.xiasanjiao::before {content: "\e502";}
.iconfont.jiageyoushi::before {content: "\e823";}
.iconfont.shangsanjiao::before {content: "\e749";}
.iconfont.kuozhang::before {content: "\e701";}
.iconfont.shezhi::before {content: "\e629";}

.iconfont.bolijia::before {content: "\e5023";}
.iconfont.bolijia1::before {content: "\e610";}
.iconfont.sheetmetal::before {content: "\e774";}
.iconfont.dingzhi::before {content: "\e63b";}
.iconfont.qiche::before {content: "\e650";}
.iconfont.bengti::before {content: "\e679";}
.iconfont.shizhi_right::before {content: "\e556";}
.iconfont.whatsapp::before {content: "\eb73";}

.content-container{transition: opacity 0.5s ease-in-out;}
.content-container.loaded {opacity: 1;}
.lazyload-bg {opacity: 0;transition: opacity 0.5s ease-in-out;}
.lazyload-bg.loaded {opacity: 1;}
.content_up{opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all .6s ease;transition:all .6s ease}
.content_up.in-view{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}


.textcenter{text-align: center;}.marginbottom15{margin-bottom: 15px;}.marginbottom30{margin-bottom: 30px;}
/*header*/
.header_meiti{border-bottom: 1px solid rgb(255 255 255 / .12);color:#fff;text-align: right;font-size:1.7rem;line-height: 45px;}
.header_meiti .contentfix{align-items: center;justify-content:right}
.header_meiti .iconfont{font-size: 3rem;}
.header_meiti a{color:#fff;margin-left: 20px;}

.header_nobanner{background:#131d3b;}
.header{position:fixed;display:block;top:0;left:0;width:100%;height:auto;margin:0 auto;z-index:999;border:0;outline:0;filter: none !important;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.header.header_fix{background: #131d3b;}.header.header_fix .header_meiti{display:none;}
.header_active{background: #161412;padding:1.5rem 0;}
.header .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content: space-between;}
.header-item-center img{border-radius:4px;}
.header .menu>ul>li .a_span{position:relative;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out;color: #fff;}
.header .menu>ul>li .menu-subs{position:absolute;width:100%;height:auto;margin-top:1.75rem;padding:1rem 2rem;border:0;outline:0;z-index:500;opacity:0;visibility:hidden;border-radius:.25rem;background:#131d3b;-webkit-box-shadow:0 4px 6px -1px rgba((255,255,255,0.1)),0 2px 4px -1px rgba(0,0,0,0.06);box-shadow:0 4px 6px -1px rgba((255,255,255,0.1)),0 2px 4px -1px rgba(0,0,0,0.06);-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.header .menu>ul>li .menu-subs>ul>li>a{display:inline-block;font-family:inherit;padding:.75rem 0;border:0;outline:0;color:#fff;text-transform:capitalize;text-rendering:optimizeLegibility;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.header .menu>ul>li .menu-column-1{min-width:16rem;max-width:20rem}
.header .menu>ul>li .menu-column-2{max-width:23rem}
.header .menu>ul>li .menu-subs.menu-mega{left:0;}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li{display:block;}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a{display:inline-block;padding:.5rem 0;border:0;outline:0;color:#fff;text-transform:capitalize;text-rendering:optimizeLegibility;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out}
.header .menu>ul>li .menu-subs.menu-column-4{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1.25rem 1rem;}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item .title{border:0;outline:0;color:#fff;text-rendering:optimizeLegibility;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-bottom:1px solid #dfdfdf;font-weight:700;font-size: 1.8rem;position: relative;}
.header .menu ul li .menu-subs.menu-column-4 .menu-cards .list-item{font-size: 1.8rem;}
.header .menu>ul>li .menu-subs.menu-column-4 .list-item.text-center h4{text-align:center;font-size: 1.6rem;;padding:15px 0}
.header .menu>ul>li .menu-subs.menu-column-4 .list-item h4 a{color:#fff}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item img.responsive{max-width:100%;width:100%;height:auto;margin-top:.75rem;-o-object-fit:cover;object-fit:cover;vertical-align:middle}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a:hover,.header .menu>ul>li .menu-subs>ul>li>a:hover{color:#777}
.header .menu>ul>li:hover>a,.header .menu > ul > li:hover .a_span,.header .menu > ul > li .a_span a,.header .menu>ul>li .menu-subs.menu-column-4>.list-item.text-center h4 a{color:#fff}
.menu-mobile-header,.menu-mobile-trigger{display:none}

/*banner*/
.banner{background-size:cover;color:#fff;align-items: center;display: flex;text-align: center;position: relative;text-align: left;}.banner::before{content:'';background: rgba(19, 29, 59, 0.65);width: 100%;height: 100%;left: 0;top: 0;position: absolute;}
.banner .contentfix{position: relative;z-index: 1;}
.banner h1{line-height: 1.4em;max-width: 1200px;margin-top:30px}.banner p{font-size: 1.8rem;}
.banner_about{background: url(../images/banner-about.webp) no-repeat center center;text-align: center;}
.banner_capacity{background: url(../images/banner-capacity.webp) no-repeat center center;text-align: center;}
.banner_service{background: url(../images/banner-service.webp) no-repeat center center;text-align: center;}
/*about*/
.about1{background: #f8f5f5;}
.about2{background:#131d3b;color:#fff;position: relative;}
.about2::before{background: url(../images/about2-1.webp) no-repeat left center;position: absolute;left: 0;top: 0;height: 100%;opacity: 0.08;content:'';z-index:1;width: 100%;background-attachment: fixed;}
.about2 .contentfix{position: relative;z-index:2;}
.about2 img{transition: transform .5s ease;}.about2 img:hover{transform: translateY(-5px);}
.about2 table,.about2 td,.about2 th{border:none}
.about3 ul li{background:#fff;padding:40px 0;text-align:center;border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,0.05);transition:transform .3s}
.about3 ul li:hover{transform:translateY(-5px)}
.about3 ul li .iconfont{font-size:6rem;color:#cb4154;}
.about3 ul li h3{color:#cb4154;margin-bottom:15px}
.about4{background: #cb4154;color:#fff}
.about4 ul li img{height: 90px;margin:0 auto}
/*testimonials*/
.testimonials-section .testimonial-item{display:flex;padding:40px 0;border-bottom:1px dashed #ddd;justify-content: space-between;}
.testimonials-section .testimonial-item:last-child{border-bottom:0}
.testimonials-section .user-info{width:200px;text-align:center;background: #f7f4f4;border-radius: 6px;padding:20px 3%}
.testimonials-section .avatar{width:80px;height:80px;border-radius:50%;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.testimonials-section .avatar img{height:auto;border-radius: 50%;}
.testimonials-section .user-name{font-weight:800;margin:0 0 5px 0;line-height:1.2;font-size: 2rem;}
.testimonials-section .user-country{color:#999;}
.testimonials-section .rating-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.testimonials-section .stars{color:#cb4154;letter-spacing:2px;font-size: 2rem;}
.testimonials-section .comment-text{margin-top:20px;max-width:900px}
/*certificates*/
.certificates_list ul li{margin-bottom:30px}
.certificates_list ul li .img{border:1px solid #dfdfdf;padding:5px;margin-bottom: 15px;border-radius: 4px;}
.certificates_list ul li .h3{background: #fff;text-align: center;padding:15px 0;font-size:1.8rem;}

.zoom-img{cursor:zoom-in;transition:transform .3s ease}
.zoom-img:hover{opacity:.9}
#zoom-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);display:flex;align-items:center;justify-content:center;z-index:1000;cursor:zoom-out;opacity:0;transition:opacity .4s ease;backdrop-filter:blur(5px)}
#zoom-img-active{max-width:90%;max-height:90%;box-shadow:0 10px 30px rgba(0,0,0,0.5);transform:scale(0.8);transition:transform .4s cubic-bezier(0.165,0.84,0.44,1)}
/*video*/
.video-box{position:relative;aspect-ratio:16 / 9;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,0.1);cursor:pointer}
.cover-layer{position:absolute;inset:0;z-index:10;transition:opacity .8s cubic-bezier(0.4,0,0.2,1),transform .8s cubic-bezier(0.4,0,0.2,1)}
.cover-layer img{width:100%;height:100%;object-fit:cover}
.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:rgba(255,255,255,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,0.2)}
.play-btn::after{content:'';border-style:solid;border-width:10px 0 10px 15px;border-color:transparent transparent transparent #333;margin-left:3px}
.video-box.is-playing .cover-layer{opacity:0;transform:scale(1.1);pointer-events:none}
.video-wrapper{width:100%;height:100%;border:0}
.video_list ul li h3{text-align: center;padding:15px 0}
/*contact us*/
.form_contact p,.contact-side p{margin-bottom: 20px;}.form_contact form p{margin-bottom:0;}
.form_contact label{display:none}
.form_contact input,.form_contact textarea{width:100%;background:#eee;border:none;text-indent:20px;margin-bottom:20px}
.form_contact textarea{padding-top:10px;height: 120px;}
.form_contact .wpforms-submit{background: #be2e33;color: #fff;width: 200px;text-align: center;border:0;line-height: 50px;border-radius: 4px;}
.contact_ul li{display: flex;}
.contact_ul li .li{background: #fff;padding: 20px 20px 40px;box-shadow: 0 10px 20px rgba(0,0,0,0.05);border-radius: 4px;width: 100%;text-align: center;transition:.3s;}
.contact_ul li .li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.contact_ul li .li .title{font-size: 2.2rem;font-weight: bold;text-align: left;}.contact_ul li .li a{color: #000;}
.contact_ul li .li .title::before{content: '';width: 40px;height: 1px;background: #be2e33;display: inline-block;margin-right: 10px;position: relative;top:-6px}
.contact_ul li .li i{font-size: 8rem;color: #be2e33;display: block;}
/*Capacity*/
.table_auto{overflow-x: scroll;}.table_td td{padding:6px}
.investment-casting-2 i{font-size:3rem;background-color: #F0F0F0;color: #212121;padding:6px 14px;border-radius: 5% 5% 5% 45%;display: inline-block;}
.investment-casting-3{padding:60px 0}
.investment-casting-3 ul li{width:16%;}.investment-casting-4 td{padding:.7em 1em;}
.cnc-hf{background:url(../images/cnc-hf.webp) center top;background-size:contain;background-attachment: fixed;color:#fff;}
.cnc_sheet li{margin-bottom: 30px;}.cnc_sheet .li1{position: relative;}.cnc_sheet .li1 h3{position: absolute;width: 100%;text-align: center;top:40%;font-size:3rem;}
.cnc_sheet div{border:1px solid #DFDFDF;padding:10px}.cnc_sheet div h3{text-align: center;line-height: 60px;}
.process1 li{position: relative;}.process1 li em{position: absolute;width: 100%;line-height: 1;height:140px;background: #fff;box-shadow: 5px 5px 10px rgba(0,0,0,0.1);border-radius: 6px;text-align: center;z-index: -1;color:#ebefee;font-family: 'Rubik';font-size: 12rem;}.process1 li h3{text-align: center;line-height: 1.2;padding:20px 0 30px}.process1 li img{width: 180px;display: block;margin: 0 auto;}
.loading-test1{align-items: stretch;}
.loading-test1 .li{background: #cb4154;color: #fff;text-align: center;display:flex;}.loading-test1 .li h3{width: 100%;align-content: center;font-size: 2.2rem;}
.loading-test2{background: #fff;}.loading-test2 li{margin-bottom: 30px;}
.loading-test2 div{border:1px solid #DFDFDF;padding:10px}.loading-test2 div h3{text-align: center;line-height: 60px;}
.loading-test3{background: #cb4154;color: #fff;text-align: center;height: 300px;}.loading-test3 div{width: 100%;}.loading-test3 h2{margin-bottom: 20px;}.loading-test3 a{width: 160px;line-height: 50px;background: rgb(0 0 0 / .12);border-radius: 6px;color: #fff;justify-content: center;display: block;margin:0 auto}
/*Service*/
.service1 .div1{background: #fff;box-shadow: 0 10px 20px rgba(0,0,0,0.1);padding:50px;position: relative;left:-30px}.service1 .div1 h2{position: relative;padding-bottom: 30px;margin-bottom: 30px;}.service1 .div1 h2::before{height: 2px;background: #222;bottom:0;content: '';position: absolute;}
.service2 li{margin-bottom: 30px;}.service2 li div{background: #fff;text-align: center;border-radius: 6px;box-shadow: 0 10px 20px rgba(0,0,0,0.1);padding:60px 0;transition: transform .3s ease,box-shadow .3s ease;}.service2 li:hover div{box-shadow: 0 10px 20px rgba(0,0,0,0.2);}.service2 i{font-size:6rem;color:#69727d}
.service2 li h2{padding:0 20px}
.service3 li{display: flex;}.service3 li h3{margin-bottom:15px;}.service3 i{margin-right: 20px;text-align: center;line-height: 1;}.service3 i::before{color:#0880bc;font-size:3rem;border:2px solid #0880bc;border-radius: 50%;padding:8px;display: block;}.service3 .li4 i::before{padding:8px 10px 8px 6px;}.service3 .li5 i::before{padding:8px 5px;}.service3 .li6 i::before{padding:8px 5px;}
/*faq*/
.faqlist .accordion{border-top:1px solid #f5f5f5;border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5;}
.faqlist .accordion-item{border-bottom:1px solid #f5f5f5;overflow:hidden;transition:all .1s ease}
.faqlist .item-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;cursor:pointer;transition:background .2s;}
.faqlist .question{display:flex;align-items:center;gap:.6rem;}

.faqlist .iconfont{font-size:2rem;transition:transform .25s ease;font-weight: bold;}
.faqlist .item-content{max-height:0;padding:0 1.2rem;overflow:hidden;border-top:0 solid #dfdfdf;transition:max-height .3s cubic-bezier(0.4,0,0.2,1),padding .2s ease;}
.faqlist .accordion-item.active .item-header{color:#cb4154;}
.faqlist .accordion-item.active .item-content{max-height:500px;padding:20px 15px 30px;border-top:1px solid #f5f5f5}
.faqlist .accordion-item.active .iconfont{transform:rotate(180deg)}
/*blog list*/
.blog_list ul li{background:#fff;margin-bottom:40px;padding:50px 6%}
.blog_list ul li h2{margin-bottom: 15px;}.blog_list ul li h2 a{color:#212121;}.blog_list ul li .date{margin-bottom: 20px;}
.blog_list ul li .more{text-align: center;line-height: 50px;color:#fff;background: #cb4154;width: 168px;display: block;border-radius: 6px;margin-top:30px}

.blog_list .load-more-container{text-align:center;margin:30px 0}
.blog_list .load-more-btn{display:inline-block;background:#2c7da0;color:#fff;padding:12px 28px;border-radius:30px;font-size:16px;cursor:pointer;transition:all .3s ease;border:0;font-weight:500}
.blog_list .load-more-btn:hover{background:#1f5e7a;transform:translateY(-2px)}
.blog_list .load-more-btn.disabled{background:#ccc;cursor:not-allowed;transform:none}
.blog_list .loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle;margin-right:8px}
@keyframes spin{to{transform:rotate(360deg)}
}
.no-more-msg{text-align:center;color:#999;padding:15px;font-size:14px}
.lazy-loaded-item{animation:fadeInUp .4s ease}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
/*bolg content*/
.blog_content1{background: #fff;}.blog_content1 p{margin-bottom: 15px;}.blog_content1 .date{margin-bottom: 30px;color: #333;}.blog_content1 iframe{margin-top:30px}.blog_content1 ul{margin-bottom:40px}
/*products terms*/
.products_terms ul li{margin-bottom: 30px;}
.products_terms ul div{background: #fafafa;padding:15px;text-align: center;}.products_terms ul div h2{padding-top:25px;font-size: 2rem;padding-bottom: 10px;}.products_terms ul div p{padding-bottom:25px;color:#666}.products_terms ul div img{width: 100%;}

.products_list h2{font-size: 1.8rem;padding-top: 20px;margin-bottom: 15px;}.products_list .img{border: 1px solid #dfdfdf;}.products_list .img_desc{line-height: 2;}
/*products content*/
.products_content h1{margin-bottom:10px;}
.products_content .excerpt{padding-bottom:20px;border-bottom: 1px solid #dfdfdf;}
.products_content .categories{padding:20px 0 40px;color:#333;}.products_content .categories a{color:#333;}
.products_content .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);backdrop-filter:blur(3px);z-index:9998;display:none;justify-content:center;align-items:center;animation:fadeIn .3s ease}
.products_content .modal-container{background:white;border-radius:12px;width:90%;max-width:500px;max-height:85vh;overflow-y:auto;position:relative;animation:slideUp .3s ease;box-shadow:0 20px 60px rgba(0,0,0,0.3)}
.products_content .modal-header{padding:18px 20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;border-radius:12px 12px 0 0}
.products_content .modal-header h3{margin:0;font-size:18px;color:#333}
.products_content .close-btn{background:0;border:0;font-size:24px;cursor:pointer;color:#999;transition:.2s;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}
.products_content .close-btn:hover{background:#e5e7eb;color:#333}
.products_content .modal-body{padding:20px}
.products_content .inquiry-btn{width: 170px;line-height: 50px;color: #fff;background: #cb4154;border-radius: 6px;border:0;cursor:pointer;transition:.3s}
.products_content .inquiry-btn:hover{transform:translateY(-2px)}
.products_content .form_product input,.products_content .form_product textarea,.products_content .form_product select{width:100%;padding:10px 12px;margin:5px 0 16px;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;}
.products_content .form_product textarea{height: 100px;}
.products_content .form_product label{font-weight:600;display:block;margin-top:5px;}.products_content .form_product label span{color:#cb4154}
.products_content .wpforms-submit{background:#cb4154;color:white;padding:12px 24px;border:0;border-radius:6px;cursor:pointer;width:100%;margin-top:10px;transition:.3s;border:0}
.products_content #wpforms-1312-field_8-container{display: none;}

.products_content .whatsapp{color:#00c451;font-size: 5rem;line-height: 1;margin-left:30px;}
.products_content_1 .title1{border-top:1px solid #dfdfdf;position: relative;}.products_content_1 .title1::before{content: '';width: 100px;height: 2px;background: #131d3b;display: block;position: relative;top:-2px;}
.products_content_1 table td{padding:6px}
@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
@keyframes slideUp{from{transform:translateY(50px);opacity:0}
to{transform:translateY(0);opacity:1}
}
.pagination { text-align: center; margin-top: 20px; }
.pagination a, .pagination span { padding: 8px 12px; border: 1px solid #ddd; margin: 0 4px; }
.pagination .current { background: #131d3b; color: #fff; }

table,td,th{border:1px solid #ddd}.table_marginbottom30{margin-bottom: 30px;}
.h2_title1{position: relative;padding-bottom: 20px;}.h2_title1::after{width:50px;height: 1px;content: '';background: #cb4154;position: absolute;left: 0;right: 0;bottom:0;margin:0 auto}
/*footer*/
.footer_quto{background: #cb4154;color: #fff;height: 260px;}.footer_quto .contentfix{flex-direction: column;justify-content: center;}
.footer_quto a{color: #fff;background: rgb(0 0 0 / .12);border-radius: 6px;line-height: 50px;text-align: center;width: 160px;margin-top:25px}

.footer-slogan{background:linear-gradient(rgba(19,29,59,0.71),rgba(19,29,59,0.71)),url(../images/index-footer-1.jpg) center top;background-size:cover;background-attachment: fixed;color:#fff;height:300px;justify-content: center;letter-spacing: 3px;}


footer{color:#ccc;background-color:#131d3b;}footer a{color:#ccc;}
footer .footer-grid{padding:60px 0 20px}
footer .footer-col{margin-bottom: 30px;}
footer .footer-col h3{color:#cb4154;font-size:2rem;margin-bottom:20px}
footer .footer-col ul li{margin-bottom:12px}
footer .footer-col ul li a{color:#ccc;transition:.3s}
footer .footer-col ul li a:hover{color:#fff}
footer .contact-col p{margin-bottom:12px}
footer .social-icons{display:flex;gap:15px;margin-top:20px}
footer .social-icons a{color:#cb4154;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:4rem;line-height: 1;}
.footer-bottom{background-color:#131d3b;padding:40px 0;border-top:1px solid rgba(255,255,255,0.3);color:#ccc}
.footer-bottom a{color:#ccc;}


@media only screen and (min-width:768px){
.h2_title{margin-bottom:60px;}
.width36{width:36%}.width46{width:46%}.width50{width:50%}.width55{width:55%}.width60{width:60%}
.flex21 li{width: 21%;}.flex24 li{width: 24%;}.flex25 li{width: 25%;}.flex27 li{width:27%;}
.flex3 li{width: 31%;}.flex32 li{width: 32%;}
.flex46 li{width:46%;}.flex49_3 li{width:49.3%;}
.paddingbottom50{padding-bottom:50px}
/*header*/
.header .menu > ul > li.menu-item-has-children .menu-subs{padding: 65px 7%;width: 86%;justify-content: center;}
/*banner*/
.banner{height:410px;}
/*contact us*/
.form_contact input{line-height:60px;}.form_contact input.chac{width:120px;margin-right:5px;line-height:40px;}.form_contact img.chac{height:40px;margin-right:5px;position:relative;top:-2px;}
/*Service*/
.service1 ul{margin-left:7.5%}
.service1 .div1 h2::before{width:110%;left:65px;}
/*blog list*/
.blog_list ul li{flex-direction: row-reverse;}.blog_list ul li h2{font-size:2.8rem;}
/*blog content*/
.blog_content{margin-top:120px}.blog_content h1{font-size: 4rem;line-height: 1.2;margin-bottom:20px;}.blog_content .blog_content1{padding:50px 6%}
/*products terms*/
.products_terms h1,.products_list h1{padding-left:3%;padding-right:3%;}
.products_terms ul,.products_list ul,.products_content > div{padding-left:3%;padding-right:3%;}

.products_list ul li{margin-bottom:40px}
/*products content*/
.products_content h1{font-size: 3rem;}
}
@media only screen and (min-width:992px){
h1{font-size:5.8rem;}h2{font-size:3.6rem;line-height:1.2;}h3{font-size:1.8rem;}h3.fontsize22{font-size:2.2rem;}
.marginbottom50{margin-bottom:50px}.marginbottom100{margin-bottom:100px}
.public80{padding:80px 0}.public120{padding:120px 0}
.nobanner_content{padding-top:260px;padding-bottom:120px;}
/*header*/
.contentfix_header img{padding:1em 0}
.header-item-center{flex: auto;max-width:800px;}.header nav .menu-section{display:flex;flex-wrap:wrap;align-content:center;justify-content:space-between}
.header .menu>ul>li{margin:0 1%}.header .menu>ul>li.menu-item-has-children:hover .menu-subs{margin-top:36px;opacity:1;visibility:visible}.header .menu>ul>li .a_span i.iconfont{transform: rotate(90deg);display: inline-block}
.header .menu > ul > li.menu-item-has-children .menu-subs-zhai{padding:40px 30px;margin-left: -28px;}
header .header-item-right{display: none;}
.header .menu>ul>li .menu-subs.menu-column-4{width:68%;padding:65px 16%;display:flex;justify-content:space-between;}
.header .menu>ul>li .menu-subs.menu-column-4 .list-item .title{margin-bottom: 15px;}
.header .menu>ul>li .menu-subs.menu-column-4 .list-item .title::after{content: '';position: absolute;height: 2px;bottom:-1px;left: 0;width:80px;background:#cb4154;}
.header .menu ul li .menu-subs.menu-column-4 .menu-cards{display: flex;justify-content: space-between;flex-wrap:wrap;max-width:550px;}

.header .menu ul li .menu-subs.menu-column-4 .menu-cards .list-item{width:47%;text-align: center;background:rgba(255, 255, 255, 0.05);border:1px solid rgba(255,255,255,0.1);border-radius:15px;display:flex;flex-direction:column;align-items:center;transition:.3s;cursor:pointer;height: 230px;justify-content:center;}
.header .menu ul li .menu-subs.menu-column-4 .menu-cards .list-item:hover{background:rgba(255, 255, 255, 0.1);}
.header .menu ul li .menu-subs.menu-column-4 .menu-cards .title a{display: flex;align-items: center;flex-wrap: wrap;font-weight: bold;text-align: center;justify-content:center;font-size: 1.8rem;}
.header .menu > ul > li .menu-subs.menu-column-4 > .list-item .title em{font-size:3rem;color: #cb4154;opacity: 0.75;}
.header .menu  ul li .menu-subs.menu-column-4 .menu-cards .list-item .title em{font-size:5rem;color: #cb4154;opacity: 0.75;width: 100%;font-weight: 400;}
/*Capacity*/
.loading-test1 .li1{width:23.9%}.loading-test1 .li{width:49.3%}
}
@media only screen and (min-width:768px) and (max-width:991px){
/*public*/
h1{font-size:3.6rem;}h2{font-size:2.6rem;}h3{font-size:2.2rem;}h4{font-size:1.8rem;}
.flex21 li,.flex24 li{width:46%;}.flex25 li{width: 50%;}
.flex3 li,.flex49_3 li{width: 49%;}.flex32 li{width: 49%;}
.flex li{margin-bottom:30px;}
.public80{padding:50px 0}.public120{padding:60px 0}
.marginbottom100{margin-bottom:60px}
/*shipin*/
.video-box{min-height: 180px;}
/*Capacity*/
.loading-test1 .li1{width:49%}.loading-test1 .li{width:100%;height:150px}
/*blog list*/
.blog_list ul li .width46,.blog_list ul li .width50{width:100%}.blog_list ul li img{margin-bottom: 20px;}

}
@media only screen and (max-width:991px){
a,button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;border:0;outline:0;background:0;text-decoration:none}
/*header*/
.contentfix_header{padding:10px 0}.header .iconfont{font-size: 2rem;color:#fff}
header .shoujinone{display: none;}
.header-item-center{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
.header-item-left,.header-item-right{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}
.header-item-left{max-width:200px}
.header-item-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 17%;flex:0 0 17%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.wrapper{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.header .menu-mobile-trigger{position:relative;display:block;cursor:pointer;width:28px;height:16px;border:0;outline:0;margin-left:1.25rem;background:0;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.35s ease-in-out;-o-transition:.35s ease-in-out;transition:.35s ease-in-out;line-height: 0.6;font-size: 3rem;}

.header-item-right{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header .menu{position:fixed;top:0;left:0;width:32rem;height:100vh;z-index:1099;overflow:visible;background:#161412;-webkit-transform:translate(-100%);-ms-transform:translate(-100%);transform:translate(-100%);-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow-y: auto}
.header .menu.active{-webkit-transform:translate(0%);-ms-transform:translate(0%);transform:translate(0%)}
.header .menu>ul>li .a_span{display:block;line-height:3;padding:0 5rem 0 1rem;border-bottom:1px solid rgba((255,255,255,0.1))}
.header .menu>ul>li .a_span i.iconfont{position:absolute;top:0;right:0;width:5rem;height:5rem;text-align:center;line-height:4.6rem;}.header .menu > ul > li .a_span i.iconfont::before{color:#999;font-size: 1.4rem;}
.header .menu .menu-mobile-header{position:relative;position:-webkit-sticky;position:sticky;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;top:0;height:5rem;z-index:501;border-bottom:1px solid rgba(255,255,255,0.1);background:#161412}
.header .menu .menu-mobile-header .menu-mobile-arrow{display:none;line-height:5rem;width:5rem;height:5rem;cursor:pointer;border-right:1px solid rgba((255,255,255,0.1));text-align:center}
.header .menu .menu-mobile-header.active .menu-mobile-arrow{display:block}
.header .menu .menu-mobile-header .menu-mobile-title{font-family:inherit;font-weight:500;line-height:inherit;text-transform:capitalize;text-rendering:optimizeLegibility;color: #fff;}
.header .menu .menu-mobile-header .menu-mobile-close{cursor:pointer;width:5rem;height:5rem;border-left:1px solid rgba(255,255,255,0.1);text-align:center;color:#fff}
.header .menu .menu-section{height:100%;overflow-y:auto;overflow-x:hidden}
.header .menu>ul>li .menu-subs{position:absolute;display:none;top:0;left:0;max-width:none;min-width:auto;width:100%;height:100%;margin:0;padding:7.5rem 2rem;opacity:1;overflow-y:auto;visibility:visible;-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);-webkit-box-shadow:none;box-shadow:none;}
.header .menu>ul>li .menu-subs.menu-mega{position:absolute;display:none;top:0;left:0;max-width:none;min-width:100%;width:auto;height:100%;margin:0;padding:7.5rem 0;opacity:1;overflow-y:auto;visibility:visible;-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);-webkit-box-shadow:none;box-shadow:none}
.header .menu>ul>li .menu-subs.active{display:block;background: #161412;}.header .menu>ul>li .menu-subs.active div:last-child{padding-bottom:80px}
.header .menu>ul>li .menu-subs.menu-column-4{padding-bottom:40px}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item,.header .menu ul li .menu-subs.menu-column-4 .menu-cards .list-item{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding:0rem 2rem}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item img.responsive{margin-top:0}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item.text-center .title{margin-bottom:1.25rem}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item.text-center:last-child .title{margin-bottom:0rem}
.header .menu ul li .menu-subs.menu-column-4 .list-item .title{padding-bottom: 10px;border-bottom: 1px solid #dfdfdf;}
.header .menu>ul>li .menu-subs>ul>li>a{display:block}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul{margin-bottom:1rem}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a{display:block}
.header .menu > ul > li .menu-subs.menu-column-4 > .list-item.text-center h4{margin-bottom:0}
.overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1098;opacity:0;visibility:hidden;background:rgba(0,0,0,0.55);-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.overlay.active{opacity:1;visibility:visible}
/*banner*/


}
@media only screen and (max-width:767px){
.public80{padding:40px 0}.public120{padding:50px 0}
.marginbottom100{margin-bottom:40px}
.paddingbottom50{padding-bottom:30px}
h1{font-size:3rem;}h2{font-size:2.6rem;}h3{font-size:2rem;}
.sj_marginbottom15{margin-bottom: 15px;}.sj_marginbottom20{margin-bottom: 20px;}
.h2_title{margin-bottom:40px;}
.flex li{width:100%;margin-bottom:40px;}
/*banner*/
.banner{height:380px;}.banner .contentfix{padding-top:70px}.banner h1{margin-bottom:20px;}
.banner_about{background-position: left top;}
/*Review testimonials*/
.testimonials-section{padding:60px 0 40px;}
.testimonials-section .testimonial-item{flex-direction:column;align-items:center;text-align:center;padding:30px 0}
.testimonials-section .user-info{margin-bottom:20px}
.testimonials-section .rating-row{flex-direction:column;gap:5px;margin-bottom:15px}
/*contact us*/
.form_contact input{line-height:40px;}.form_product form textarea{height:90px;}
.form_contact input.chac{width:120px;margin-right:5px;line-height:40px;}.form_contact img.chac{height:40px;margin-right:5px;position:relative;top:-2px;}
.contact_ul li{margin-bottom: 15px;width: 100%;}
/*Capacity*/
.loading-test1 .li{height:150px}
/*Service*/
.service1 .div1{left: 0;}
.service1 ul{margin:0 auto}
.service1 .div1 h2::before{width:100%;}
/*blog list*/
.blog_list ul li img{margin-bottom:30px;}
/*blog content*/
.blog_content{padding-top:160px;background: #fff;padding-left:7%;padding-right: 7%;}.blog_content iframe{width: 100%;height:auto}.blog_content h1{line-height: 1.3;margin-bottom: 20px;}
.blog_content1 ul{margin-bottom:0}
/*products terms*/
.products_list .img{width: 100%;}.products_list .img img{margin:0 auto}
/*products content*/
.nobanner_content{margin-top:150px;background: #fff;}
.modal-container{width:95%;margin:20px}
.products_content .inquiry-btn{width: 120px;line-height: 40px;}.products_content .whatsapp{font-size: 5rem;}
}
@media only screen and (max-width:480px){
footer .footer-grid .footer-col{max-width:320px}

}