@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;}.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";}

.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)}



/*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{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: url(../images/banner.webp) no-repeat center center;background-size:cover;color:#fff;align-items: center;display: flex;text-align: center;position: relative;text-align: left;}.banner::before{content:'';background: rgba(0, 0, 0, 0.6);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;}.banner p{font-size: 1.8rem;}
/*banner--contact*/
.sub-title{display:block;color:#4163CB;font-weight:700;font-size:1.8rem;margin-bottom:15px}
.section-title{text-align:center;}

.service-banner{background-color:#fff;padding:30px 0;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.05)}
.service-banner .banner-left .sub-title{margin:0 0 8px 0}
.service-banner .banner-right{background-color:#cb4154;color:#fff;display:flex;padding:30px 40px;border-radius:10px;min-width:600px}
.service-banner .contact-col{flex:1;display:flex;flex-direction:column;justify-content:center;line-height:1.8}
.service-banner .contact-col p{white-space:nowrap}
.service-banner .indent-email{margin-left:52px}
.service-banner .border-left{border-left:1px solid rgba(255,255,255,0.3);padding-left:30px;margin-left:20px}
.service-banner a{color:#fff;}
/*about*/
.about-section .contentfix{gap:60px}
.about-section .about-images{flex:0.8;position:relative;padding-bottom:100px}
.about-section .img-large{width:85%;position:relative;z-index:1}
.about-section .img-large img{width:100%;display:block;box-shadow:0 10px 30px rgba(0,0,0,0.1)}
.about-section .img-small{width:55%;position:absolute;right:0;bottom:0;z-index:2;box-shadow:0 10px 40px rgba(0,0,0,0.15)}
.about-section .img-small img{width:100%;display:block}
.about-section .sub-title{margin-bottom:15px}
.about-section .about-content{flex:0.72}.about-section .about-content .section-title{text-align: left;padding-bottom: 30px;}
.about-section .description p{margin-bottom:20px;}
.about-section .stats-bar{display:flex;align-items:center;gap:15px;margin:30px 0;}
.about-section .stats-bar i{color:#cb4154;font-size:3rem}
.about-section .read-more-btn{display:inline-block;background-color:#cb4154;color:#fff;padding:6px 30px;border-radius:4px;transition:.5s}
.about-section .read-more-btn:hover{background-color:#cb4154;transform:translateY(-2px)}
/*products*/
.products-section{background-color:#111;padding-bottom:80px;font-family:Arial,sans-serif}
.products-section .feature-item{height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;}
.products-section .feature-item p{font-size:1.4rem;line-height:1.5;opacity:.9}
.products-section .bg-light-red{background-color:#d55e5e}
.products-section .bg-white{background-color:#fafafa}
.products-section .bg-navy{background-color:#131d3b}
.products-section .bg-deep-red{background-color:#b02020}
.products-section .text-dark h3,.products-section .text-dark p{color:#001a3d}
.products-section .products-content{text-align:center}

.products-section h2{color:#fff;}.products-section .sub-title{color:#A8B3FC}
.products-section .product-cards{padding:0 20px}
.products-section .product-card{text-align:center}
.products-section .img-box{border-radius:20px;transition:transform .5s ease;overflow: hidden;}
.products-section .product-card h3{margin-top:20px;margin-bottom: 30px;}.products-section .product-card h3 a{color:#fff;font-weight: bold;}
.products-section .img-box:hover{transform:translateY(-5px);background-color:#f0f0f0}
/*video*/
.video-section{text-align: center;}.video-section video{max-width: 100%;border-radius: 6px;}
/*capacity*/
.capacity-section{background:url(../images/index-capacity.webp) no-repeat center center;background-size: cover;background-attachment: fixed;}
.capacity-section .capacity-grid{margin-bottom:25px}
.capacity-section .capacity-card{position:relative;border-radius:40px;overflow:hidden;background-size:cover;background-position:center;display:flex;transition:transform .5s ease;cursor:pointer;margin-bottom: 30px;}
.capacity-section .capacity-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#424242;z-index:1;opacity: 0.75;}
.capacity-section .capacity-card:hover{transform:translateY(-5px)}
.capacity-section .capacity-card:hover::before{opacity: 0.65;}
.capacity-section .card-content{position:relative;z-index:2;color:#fff;}
.capacity-section .card-content h3{margin-bottom:15px;}
.capacity-section .card-content p{opacity:.9;max-width: 460px;}
/*testimonials*/
.testimonials-section .contentfix{max-width: 1100px;}
.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;}
.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}
.testimonials-section .comment-text{margin-top:20px;max-width:800px}


/*footer*/
.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){
/*header*/
.header .menu > ul > li.menu-item-has-children .menu-subs{padding: 65px 7%;width: 86%;justify-content: center;}
/*banner*/
.banner{height: 695px;}
/*capacity*/
.capacity-section ul li{width:32%;}.capacity-section ul li.height1{height:410px;}.capacity-section ul li.height2{height:310px;width:49%!important}
}
@media only screen and (min-width:992px){
h1{font-size:5.8rem;}h2{font-size:4rem;line-height:1.2;}h3{font-size:1.8rem;}.content6 h3{font-size: 2.2rem;font-weight: 400;}
.flex25 li{width: 25%;}
.flex3 li{width: 31%;}
.section-title{padding-bottom:60px;}
/*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;}
/*banner--contact*/
.service-banner{top: -90px;position: relative;}
.service-banner h2{font-size:3rem;line-height: 1;}
.service-banner .banner-left{margin-left: 3%;}.service-banner .banner-right{margin-right: 3%;}
/*about*/
.about-section{padding:30px 0 220px;}
/*products*/
.products-section .features-grid{position: relative;top: -100px;}
.products-section .feature-item h3{font-size:2.6rem;}
/*video*/
.video-section{padding:120px 0;}
/*capacity*/
.capacity-section{padding:120px 0 80px;}
.capacity-section .capacity-card{margin-bottom: 40px;}
.capacity-section ul li.height1 .card-content{padding:200px 36px 0;}.capacity-section ul li.height2 .card-content{padding:140px 36px 0;}
/*testimonials*/
.testimonials-section{padding:120px 0 80px;}
}
@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;}
.section-title{padding-bottom:40px;}
.flex25 li{width: 50%;}
.flex3 li{width: 49%;}
/*products*/
.products-section{padding:80px 0;}.products-section .features-grid{margin-bottom: 50px;}
.products-section .feature-item{height:180px;width:100%;}
/*video*/
.video-section{padding:80px 0;}
/*capacity*/
.capacity-section{padding:80px 0 60px;}
.capacity-section ul li.height1 .card-content{padding:80px 20px 0;}.capacity-section ul li.height2 .card-content{padding:80px 20px 0;}
/*testimonials*/
.testimonials-section{padding:80px 0 60px;}
/*footer*/

}
@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--contact*/
.service-banner{flex-direction:column;text-align:center;padding:30px;margin: 0 auto 40px}
.service-banner .banner-left{margin-bottom:30px}
.service-banner .banner-right{min-width:auto;flex-direction:column;padding:20px}
.service-banner .border-left{border-left:none;border-top:1px solid rgba(255,255,255,0.3);padding-left:0;margin-left:0;padding-top:15px;margin-top:15px}
.service-banner .indent-email{margin-left:0}
/*about*/
.about-section .contentfix{flex-direction:column;padding-bottom: 40px;}

}
@media only screen and (max-width:767px){
h1{font-size:3rem;}h2{font-size:2.6rem;}h3{font-size:2rem;}
.section-title{padding-bottom:30px;}
/*banner*/
.banner{height:550px;}.banner .contentfix{padding-top:70px}.banner h1{margin-bottom:20px;}
/*about*/
/*products*/
.products-section{padding:60px 0;}.products-section .features-grid{margin-bottom:30px;}
.products-section .feature-item{height:180px;width:100%;}
/*video*/
.video-section{padding:60px 0;}
/*capacity*/
.capacity-section{padding:60px 0 20px;}
.capacity-section ul li{height:310px;align-items: center;}
.capacity-grid{flex-direction:column;gap:15px}
.capacity-card{height:280px!important;border-radius:20px;padding:25px}
/*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{width:100%;padding-right:0;margin-bottom:20px}
.testimonials-section .rating-row{flex-direction:column;gap:5px;margin-bottom:15px}
}
@media only screen and (max-width:480px){
footer .footer-grid .footer-col{max-width:320px}
/*service*/
.service-banner .contact-col p{white-space: wrap;}
/*products*/
.products-section .product-cards{justify-content: center;}.products-section .product-card{max-width: 300px;}
}
@media only screen and (min-width:481px) and (max-width:767px){
/*products*/
.products-section .product-card{width:46%;}
}