.page_main img{
 max-width:100%;
 height:auto;
}

.page_main .fl-photo-img{
 display:block;
 max-width:100%;
 height:auto;
}

.page_main .fixpic img{
 display:block;
 max-width:100%;
 height:auto;
}

.page_main .fl-animation{
 opacity:1!important;
 filter:alpha(opacity=100)!important;
 transform:none!important;
}

.page_main .fl-animated{
 opacity:1!important;
 filter:alpha(opacity=100)!important;
 transform:none!important;
}

.page_main .fl-row-bg-photo > .fl-row-content-wrap{
 background-size:cover;
 background-position:center center;
 background-repeat:no-repeat;
}

.page_main .nei-banner > .fl-row-content-wrap{
 background-size:cover;
 background-position:center center;
}

.navbar-brand>img{
 max-height:54px;
 width:auto;
}

.homeHero{
 background:#000;
 overflow:hidden;
 position:relative;
 height:39.375vw;
 min-height:360px;
 max-height:760px;
}

.homeHero .swiper-container,
.homeHero .swiper-wrapper,
.homeHero .swiper-slide{
 width:100%;
 height:100%;
}

.homeHero .swiper-slide img{
 display:block;
 width:100%;
 height:100%;
 object-fit:contain;
 object-position:center center;
 background:#000;
}

.homeHero .swiper-button-prev,
.homeHero .swiper-button-next{
 color:#fff;
 width:54px;
 height:54px;
 top:50% !important;
 margin-top:-27px !important;
 background:rgba(0,0,0,0.26);
 border-radius:50%;
 z-index:10;
 transition:background 0.2s;
}

.homeHero .swiper-button-prev:hover,
.homeHero .swiper-button-next:hover{
 background:rgba(0,0,0,0.48);
}

.homeHero .swiper-button-prev:after,
.homeHero .swiper-button-next:after{
 font-size:24px;
 font-weight:700;
}

.homeHero .swiper-button-prev{
 left:30px;
}

.homeHero .swiper-button-next{
 right:30px;
}

.homeHero .swiper-pagination-bullet{
 width:34px;
 height:4px;
 border-radius:0;
 background:#fff;
 opacity:0.55;
}

.homeHero .swiper-pagination-bullet-active{
 opacity:1;
 background:#0799ee;
}

.slideProdBox .bd ul{
 display:none;
}

.slideProdBox .bd ul:first-child{
 display:block;
}

.slideProdBox:has(.hd li:nth-child(2):hover) .bd ul{
 display:none;
}

.slideProdBox:has(.hd li:nth-child(2):hover) .bd ul:nth-child(2){
 display:block;
}

.slideProdBox:has(.hd li:nth-child(3):hover) .bd ul{
 display:none;
}

.slideProdBox:has(.hd li:nth-child(3):hover) .bd ul:nth-child(3){
 display:block;
}

.slideProdBox:has(.hd li:nth-child(4):hover) .bd ul{
 display:none;
}

.slideProdBox:has(.hd li:nth-child(4):hover) .bd ul:nth-child(4){
 display:block;
}

.slideProdBox .bd li a.fixpic{
 height:260px;
 background:#f7f7f7;
}

.slideProdBox .bd li a.fixpic img{
 display:block;
 width:100%;
 height:100%;
 object-fit:contain;
 object-position:center;
 background:#fff;
}

@media (max-width:767px){
 .homeHero{
  height:56vw;
  min-height:220px;
  max-height:none;
 }
}

@media (min-width:768px){
 .homeHero{
  height:39.375vw;
  min-height:360px;
  max-height:760px;
 }
}

.page_main .adv-box > .fl-row-content-wrap{
 background-size:cover;
 background-position:center center;
}

.page_main .fl-photo{
 max-width:100%;
 overflow:hidden;
}

.page_main .fl-photo-content{
 max-width:100%;
}

.page-product-view .bigpic{
 background:#fff;
 overflow:hidden;
}

.page-product-view .bigpic a{
 display:flex;
 align-items:center;
 justify-content:center;
 width:100%;
 height:100%;
 background:#fff;
}

.page-product-view .bigpic img{
 display:block;
 width:100%;
 height:auto;
 max-height:100%;
 object-fit:contain;
}

.page-product-view .picright{
 overflow:hidden;
}

.page-product-view .midpic{
 height:100%;
 overflow:hidden;
}

.page-product-view .midpic .swiper-wrapper{
 flex-direction:column;
 height:100%;
}

.page-product-view .midpic .swiper-slide{
 width:100%!important;
 height:calc((100% - 30px) / 4)!important;
 margin-bottom:10px;
 background:#fff;
 cursor:pointer;
 overflow:hidden;
}

.page-product-view .midpic .swiper-slide:last-child{
 margin-bottom:0;
}

.page-product-view .midpic .swiper-slide a{
 display:flex;
 align-items:center;
 justify-content:center;
 width:100%;
 height:100%;
}

.page-product-view .midpic .swiper-slide img{
 display:block;
 width:100%;
 height:100%;
 object-fit:contain;
}

.page-video .video-item{
 margin-bottom:25px;
}

.page-video .video-frame{
 position:relative;
 display:block;
 width:100%;
 aspect-ratio:16/9;
 overflow:hidden;
 background:#111;
}

.page-video .video-frame iframe{
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 border:0;
 z-index:2;
}

.page-video .proditem-name{
 height:70px;
 line-height:1.45;
 overflow:hidden;
}

.page-products .prodlistbox{
 display:flex;
 flex-wrap:wrap;
 align-items:stretch;
 margin-left:-15px;
 margin-right:-15px;
}

.page-products .prodlistbox > [class*="col-"]{
 display:flex;
 float:none;
 padding-left:15px;
 padding-right:15px;
 margin-bottom:30px;
}

.page-products .proditem{
 display:flex;
 flex-direction:column;
 width:100%;
 height:100%;
 margin:0;
 background:#fff;
}

.page-products .proditem-pic{
 display:block;
 width:100%;
 aspect-ratio:1/1;
 background:#fff;
 overflow:hidden;
}

.page-products .proditem-pic a{
 display:flex;
 align-items:center;
 justify-content:center;
 width:100%;
 height:100%;
}

.page-products .proditem-pic img{
 display:block;
 width:100%;
 height:100%;
 object-fit:contain;
}

.page-products .proditem-name{
 display:flex;
 align-items:center;
 height:76px;
 padding:12px 15px;
 background:#f8f8f8;
 line-height:1.35;
}

.page-products .proditem-name a{
 display:-webkit-box;
 width:100%;
 max-height:48px;
 overflow:hidden;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical;
}

.page-products .proditem:hover .proditem-name{
 background:var(--main-color);
}

.page-products .nei-menu > ul > li{
 position:relative;
}

.page-products .nei-menu > ul > li > span.iconfont{
 cursor:pointer;
 position:absolute;
 right:10px;
 top:13px;
 z-index:2;
}

.page-products .nei-menu > ul > li > a{
 display:block;
 padding-right:30px;
}

@media (min-width:768px){
 .page-product-view .bigpic{
  float:left;
  width:78.5%;
  height:421px;
  margin:0;
 }

 .page-product-view .picright{
  float:right;
  width:18%;
  height:421px;
 }
}

@media (min-width:1200px){
 .page-product-view .bigpic{
  height:512px;
 }

 .page-product-view .picright{
  height:512px;
 }
}

@media (min-width:1300px){
 .page-product-view .bigpic{
  height:559px;
 }

 .page-product-view .picright{
  height:559px;
 }
}

@media (min-width:1400px){
 .page-product-view .bigpic{
  height:605px;
 }

 .page-product-view .picright{
  height:605px;
 }
}

@media (min-width:1500px){
 .page-product-view .bigpic{
  height:648px;
 }

 .page-product-view .picright{
  height:648px;
 }
}

@media (min-width:1600px){
 .page-product-view .bigpic{
  height:695px;
 }

 .page-product-view .picright{
  height:695px;
 }
}

@media (max-width:767px){
 .page_main .fl-module-content{
  margin-left:10px;
  margin-right:10px;
 }

 .page_main .fl-row-content-wrap{
  padding-left:15px;
  padding-right:15px;
 }

 .page_main .fl-photo-img{
  width:100%;
 }

 .page-product-view .midpic .swiper-wrapper{
  flex-direction:row!important;
  flex-wrap:wrap;
  gap:8px;
  height:auto!important;
 }

 .page-product-view .midpic .swiper-slide{
  width:calc(25% - 6px)!important;
  height:80px!important;
  margin-bottom:0;
 }
}
.page-sonicplus-about .company-hero{
 background:#f1f3f6;
 background-image:linear-gradient(90deg, rgba(5,18,38,0.82), rgba(5,18,38,0.42)), url("../images/company/sonicplus-building.png");
 background-position:center;
 background-size:cover;
 color:#fff;
 padding:120px 0 110px;
}

.page-lingke-about .lingke-hero{
 background:#101820;
 background-image:linear-gradient(90deg, rgba(5,18,38,0.82), rgba(5,18,38,0.36)), url("../images/2023-4-21?든쭛鸚뽬뉨塋?2_81.jpg");
 background-position:center;
 background-size:cover;
 color:#fff;
 padding:120px 0 110px;
}

.page-lingke-about .lingke-hero__inner{
 max-width:780px;
}

.page-lingke-about .lingke-hero__inner span{
 color:#16a3f5;
 display:block;
 font-size:18px;
 font-weight:700;
 margin-bottom:12px;
}

.page-lingke-about .lingke-hero__inner h1{
 color:#fff;
 font-size:46px;
 font-weight:700;
 line-height:1.25;
 margin:0 0 18px;
}

.page-lingke-about .lingke-hero__inner p{
 color:#fff;
 font-size:22px;
 line-height:1.6;
 margin:0;
}

.page-lingke-about .lingke-overview{
 background:#fff;
 padding:88px 0;
}

.page-lingke-about .lingke-overview-grid{
 align-items:center;
 display:grid;
 gap:54px;
 grid-template-columns:minmax(0, 0.95fr) minmax(0, 1.05fr);
}

.page-lingke-about .lingke-overview-copy h2,
.page-lingke-about .lingke-production-box h2{
 color:#101820;
 font-size:34px;
 font-weight:700;
 line-height:1.35;
 margin:0 0 24px;
}

.page-lingke-about .lingke-overview-image{
 overflow:hidden;
}

.page-lingke-about .lingke-overview-image img{
 display:block;
 height:auto;
 width:100%;
}

.page-lingke-about .lingke-capability{
 background:#f5f7fa;
 padding:82px 0;
}

.page-lingke-about .lingke-feature-grid{
 display:grid;
 gap:24px;
 grid-template-columns:repeat(4, minmax(0, 1fr));
}

.page-lingke-about .lingke-feature-item{
 background:#fff;
 min-height:100%;
 padding:0 0 24px;
}

.page-lingke-about .lingke-feature-item img{
 display:block;
 height:190px;
 object-fit:cover;
 width:100%;
}

.page-lingke-about .lingke-feature-item p{
 color:#4d5968;
 font-size:16px;
 line-height:1.75;
 margin:0;
 padding:22px 22px 0;
}

.page-lingke-about .lingke-production{
 background:#fff;
 padding:82px 0;
}

.page-lingke-about .lingke-production-box{
 align-items:flex-start;
 display:grid;
 gap:42px;
 grid-template-columns:340px minmax(0, 1fr);
 margin-bottom:36px;
}

.page-lingke-about .lingke-production-box p{
 color:#4d5968;
 font-size:17px;
 line-height:1.9;
 margin:0;
}

.page-lingke-about .lingke-production-images{
 display:grid;
 gap:18px;
 grid-template-columns:repeat(4, minmax(0, 1fr));
}

.page-lingke-about .lingke-production-images img{
 display:block;
 height:180px;
 object-fit:cover;
 width:100%;
}

@media (max-width:991px){
 .page-lingke-about .lingke-hero{
  padding:92px 0 84px;
 }

 .page-lingke-about .lingke-hero__inner h1{
  font-size:38px;
 }

 .page-lingke-about .lingke-hero__inner p{
  font-size:19px;
 }

 .page-lingke-about .lingke-overview-grid{
  gap:34px;
  grid-template-columns:1fr;
 }

 .page-lingke-about .lingke-feature-grid,
 .page-lingke-about .lingke-production-images{
  grid-template-columns:repeat(2, minmax(0, 1fr));
 }

 .page-lingke-about .lingke-production-box{
  gap:18px;
  grid-template-columns:1fr;
 }
}

@media (max-width:767px){
 .page-lingke-about .lingke-hero{
  padding:74px 0 68px;
 }

 .page-lingke-about .lingke-hero__inner h1{
  font-size:32px;
 }

 .page-lingke-about .lingke-hero__inner p{
  font-size:17px;
 }

 .page-lingke-about .lingke-overview,
 .page-lingke-about .lingke-capability,
 .page-lingke-about .lingke-production{
  padding:58px 0;
 }

 .page-lingke-about .lingke-overview-copy h2,
 .page-lingke-about .lingke-production-box h2{
  font-size:26px;
 }

 .page-lingke-about .lingke-feature-grid,
 .page-lingke-about .lingke-production-images{
  grid-template-columns:1fr;
 }
}

.page-sonicplus-about .company-hero__inner{
 max-width:760px;
}

.page-sonicplus-about .company-hero__inner span{
 color:#16a3f5;
 display:block;
 font-size:18px;
 font-weight:700;
 letter-spacing:0;
 margin-bottom:12px;
}

.page-sonicplus-about .company-hero__inner h1{
 color:#fff;
 font-size:46px;
 font-weight:700;
 line-height:1.25;
 margin:0 0 18px;
}

.page-sonicplus-about .company-hero__inner p{
 color:#fff;
 font-size:22px;
 line-height:1.6;
 margin:0;
}

.page-sonicplus-about .company-intro-section{
 background:#fff;
 padding:88px 0;
}

.page-sonicplus-about .company-intro-grid{
 align-items:center;
 display:grid;
 gap:54px;
 grid-template-columns:minmax(0, 0.94fr) minmax(0, 1.06fr);
}

.page-sonicplus-about .company-kicker{
 color:#129be8;
 font-size:17px;
 font-weight:700;
 margin:0 0 14px;
}

.page-sonicplus-about .company-intro-copy h2{
 color:#101820;
 font-size:34px;
 font-weight:700;
 line-height:1.35;
 margin:0 0 28px;
}

.page-sonicplus-about .company-body p{
 color:#4d5968;
 font-size:17px;
 line-height:1.9;
 margin:0 0 14px;
}

.page-sonicplus-about .company-sign{
 color:#101820;
 font-size:18px;
 font-weight:700;
 margin:28px 0 0;
 text-align:right;
}

.page-sonicplus-about .company-intro-image{
 overflow:hidden;
}

.page-sonicplus-about .company-intro-image img{
 display:block;
 height:auto;
 width:100%;
}

.page-sonicplus-about .company-value-section{
 background:#f5f7fa;
 padding:82px 0;
}

.page-sonicplus-about .company-section-title{
 margin-bottom:36px;
 text-align:center;
}

.page-sonicplus-about .company-section-title span{
 color:#129be8;
 display:block;
 font-size:16px;
 font-weight:700;
 margin-bottom:10px;
}

.page-sonicplus-about .company-section-title h2{
 color:#101820;
 font-size:32px;
 font-weight:700;
 line-height:1.35;
 margin:0;
}

.page-sonicplus-about .company-value-grid{
 display:grid;
 gap:24px;
 grid-template-columns:repeat(3, minmax(0, 1fr));
}

.page-sonicplus-about .company-value-item{
 background:#fff;
 border-top:4px solid #139ced;
 min-height:240px;
 padding:34px 30px;
}

.page-sonicplus-about .company-value-item strong{
 color:#139ced;
 display:block;
 font-size:15px;
 font-weight:700;
 margin-bottom:14px;
}

.page-sonicplus-about .company-value-item h3{
 color:#101820;
 font-size:22px;
 font-weight:700;
 line-height:1.35;
 margin:0 0 16px;
}

.page-sonicplus-about .company-value-item p{
 color:#5b6675;
 font-size:16px;
 line-height:1.8;
 margin:0;
}

.page-sonicplus-about .company-message-band{
 background:#0799ee;
 padding:48px 0;
}

.page-sonicplus-about .company-message-band p{
 color:#fff;
 font-size:24px;
 font-weight:700;
 line-height:1.55;
 margin:0;
 text-align:center;
}

@media (max-width:991px){
 .page-sonicplus-about .company-hero{
  padding:92px 0 84px;
 }

 .page-sonicplus-about .company-hero__inner h1{
  font-size:38px;
 }

 .page-sonicplus-about .company-hero__inner p{
  font-size:19px;
 }

 .page-sonicplus-about .company-intro-grid{
  gap:34px;
  grid-template-columns:1fr;
 }

 .page-sonicplus-about .company-value-grid{
  grid-template-columns:1fr;
 }
}

@media (max-width:767px){
 .page-sonicplus-about .company-hero{
  padding:74px 0 68px;
 }

 .page-sonicplus-about .company-hero__inner h1{
  font-size:32px;
 }

 .page-sonicplus-about .company-hero__inner p{
  font-size:17px;
 }

 .page-sonicplus-about .company-intro-section{
  padding:58px 0;
 }

 .page-sonicplus-about .company-intro-copy h2{
  font-size:26px;
 }

 .page-sonicplus-about .company-body p{
  font-size:15px;
 }

 .page-sonicplus-about .company-value-section{
  padding:58px 0;
 }

 .page-sonicplus-about .company-section-title h2{
  font-size:26px;
 }

 .page-sonicplus-about .company-value-item{
  min-height:0;
  padding:28px 24px;
 }

 .page-sonicplus-about .company-message-band p{
  font-size:19px;
 }
}
.page-contact-us .fa{
 font-family:Arial, sans-serif;
 font-style:normal;
 font-weight:700;
}

.page-contact-us .fa:before{
 font-family:Arial, sans-serif;
 font-weight:700;
 line-height:1;
}

.page-contact-us .fa-map-marker:before{
 content:"?? !important;
}

.page-contact-us .fa-envelope:before{
 content:"?? !important;
}

.page-contact-us .fa-phone:before{
 content:"?? !important;
}

.page-contact-us .fa-clock-o:before{
 content:"?? !important;
}

.page-contact-us .contact-icon-symbol{
 display:inline-block;
 font-family:Arial, sans-serif;
 font-size:54px;
 font-weight:700;
 line-height:1;
}

.page-contact-us .contact-info-map iframe{
 display:block;
 width:100%;
 min-height:360px;
}

.page-contact-us .contact-info-main .fl-col-content,
.page-contact-us .contact-info-map .fl-col-content{
 height:100%;
}

@media (max-width:767px){
 .page-contact-us .contact-info-main,
 .page-contact-us .contact-info-map{
  width:100% !important;
 }

 .page-contact-us .contact-info-map{
  margin-top:20px;
 }

 .page-contact-us .contact-info-map iframe{
  min-height:300px;
 }
}

.contact-local-form{
 background:#fff;
 padding:32px;
}

.contact-local-form h3{
 color:#111;
 font-size:26px;
 font-weight:700;
 margin:0 0 10px;
}

.contact-local-form p{
 color:#666;
 font-size:15px;
 line-height:1.7;
 margin:0 0 18px;
}

.contact-local-form input,
.contact-local-form textarea{
 border:1px solid #ddd;
 display:block;
 font-size:15px;
 margin-bottom:12px;
 padding:12px 14px;
 width:100%;
}

.contact-local-form button{
 background:#0799ee;
 border:0;
 color:#fff;
 font-size:16px;
 font-weight:700;
 padding:13px 28px;
}

.page-product-view .prodinfobox{
 background:#fff;
 padding:0 15px;
}

.page-product-view .prodtitle{
 color:#111;
 font-weight:400;
 line-height:1.3;
 border-bottom:1px solid #ddd;
}

.page-product-view .prodinfobox h3{
 color:#111;
 font-weight:700;
}

.page-product-view .prodinfo{
 color:#666;
 line-height:1.8;
 max-height:none;
 overflow:visible;
}

.page-product-view .prodinfo p{
 margin:0 0 9px;
}

.page-product-view .prodSub{
 display:block;
}

.page-product-view .prodSub a{
 align-items:center;
 color:#fff;
 display:inline-flex;
 justify-content:center;
}

.page-product-view .prodSub a:last-child{
 background:#050505;
}

.page-product-view .nextprod{
 border-top:1px solid #ddd;
 color:#222;
 line-height:1.6;
 list-style:none;
 margin:0;
 padding:16px 0 0;
}

.page-product-view .nextprod li{
 margin-bottom:4px;
}

.page-product-view .entry table{
 max-width:100%;
 width:100%;
}

.page-product-view .entry img{
 height:auto;
 max-width:100%;
}

@media (max-width:767px){
 .page-product-view .bg-hui2.home-box{
  padding:20px 0;
 }

 .page-product-view .bigpic{
  height:320px;
 }

 .page-product-view .bigpic img{
  max-height:320px;
 }

 .page-product-view .picright{
  height:auto;
  margin-top:10px;
 }

 .page-product-view .midpic{
  height:84px;
 }

 .page-product-view .midpic .swiper-wrapper{
  display:flex;
 }

 .page-product-view .midpic .swiper-slide{
  height:80px !important;
  width:80px !important;
 }

 .page-product-view .prodinfobox{
  margin-top:18px;
  min-height:0;
  padding:18px 15px;
 }

 .page-product-view .prodtitle{
  font-size:22px;
 }

 .page-product-view .prodSub{
  gap:10px;
 }

 .page-product-view .prodSub a{
  flex:1;
  min-width:0;
 }
}

.page-about-us .nei-banner .fl-rich-text{
 width:100%;
 text-align:center;
}

.page-about-us .lingke-about-title{
 margin:0;
 text-align:center;
 color:#fff;
 font-size:32px;
 font-weight:700;
 line-height:1.3;
 letter-spacing:0;
}

.page-about-us .lingke-about-title span{
 display:inline-block;
}

@media (max-width:767px){
 .page-about-us .lingke-about-title{
  font-size:24px;
 }
}
body.page-about-us .nei-banner .lingke-about-title{
 width:100%;
 max-width:none;
 text-align:center !important;
}

body.page-about-us .nei-banner .fl-module-content,
body.page-about-us .nei-banner .fl-rich-text{
 width:100%;
 text-align:center !important;
}
.contact-page-clean{
 padding-top:40px;
}

.page-contact-us .nei-banner{
 display:none !important;
}

.contact-info-cards .contact-card{
 margin-bottom:20px;
}

.contact-card-inner{
 min-height:190px;
 padding:34px 18px;
 background:#fff;
 border:1px solid #e8e8e8;
 text-align:center;
 box-shadow:0 8px 24px rgba(0,0,0,0.04);
}

.contact-card-inner .contact-icon-symbol{
 display:block;
 margin-bottom:15px;
 color:#0096ff;
 font-size:34px;
 line-height:1;
}

.contact-card-inner h3{
 margin:0 0 12px;
 color:#111;
 font-size:20px;
 font-weight:700;
}

.contact-card-inner p{
 margin:0;
 color:#555;
 font-size:15px;
 line-height:1.7;
 word-break:keep-all;
}

.contact-panel{
 min-height:450px;
 padding:42px 36px;
 background:#f5f5f5;
}

.contact-panel h2{
 margin:0 0 24px;
 color:#111;
 font-size:26px;
 font-weight:700;
}

.contact-panel p{
 margin:0 0 18px;
 color:#333;
 font-size:16px;
 line-height:1.75;
}

.contact-info-map iframe{
 display:block;
 width:100%;
 min-height:450px;
}
/* header desktop alignment */
@media (min-width:768px){
 body{
  padding-top:120px!important;
 }

 .header_layout .topline{
  display:block!important;
  height:40px!important;
  line-height:40px!important;
 }

 .header_layout.fixnav .topline{
  display:none!important;
 }

 .header_layout > .container.clearfix,
 .header_layout.fixnav > .container.clearfix{
  width:1180px!important;
  max-width:calc(100vw - 40px)!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  position:relative!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  grid-template-columns:230px minmax(0, 1fr)!important;
  align-items:center!important;
  justify-content:normal!important;
  height:80px!important;
 }

 .header_layout.fixnav > .container.clearfix{
  height:70px!important;
 }

 .header_layout .navbar-header,
 .header_layout.fixnav .navbar-header{
  position:relative!important;
  grid-column:1!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:230px!important;
  height:80px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  transition:none!important;
  z-index:3!important;
 }

 .header_layout.fixnav .navbar-header{
  height:70px!important;
 }

 .header_layout .navbar-brand,
 .header_layout.fixnav .navbar-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  height:80px!important;
  padding:0!important;
  margin:0!important;
  line-height:1!important;
  transition:none!important;
 }

 .header_layout.fixnav .navbar-brand{
  height:70px!important;
 }

 .header_layout .navbar-brand > img,
 .header_layout.fixnav .navbar-brand > img{
  display:block!important;
  width:250px!important;
  height:auto!important;
  max-width:2500px!important;
  max-height:none!important;
  transition:none!important;
 }

 .header_layout .navbar-collapse,
 .header_layout.fixnav .navbar-collapse{
  position:relative!important;
  grid-column:2!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:80px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding-left:0!important;
  padding-right:0!important;
  margin-left:0!important;
  margin-right:0!important;
  transform:none!important;
  overflow:visible!important;
 }

 .header_layout.fixnav .navbar-collapse{
  height:70px!important;
 }

 .header_layout .navbar-nav,
 .header_layout.fixnav .navbar-nav{
  position:relative!important;
  float:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
 }

 .header_layout .navbar-nav > li,
 .header_layout.fixnav .navbar-nav > li{
  float:none!important;
  display:block!important;
 }

 .header_layout .navbar-nav > li > a,
 .header_layout.fixnav .navbar-nav > li > a{
  padding-top:0!important;
  padding-bottom:0!important;
  padding-left:19px!important;
  padding-right:19px!important;
  line-height:80px!important;
  font-size:18px!important;
  font-weight:600!important;
 }

 .header_layout.fixnav .navbar-nav > li > a{
  line-height:70px!important;
 }
}

@media (min-width:768px) and (max-width:1199px){
 .header_layout > .container.clearfix,
 .header_layout.fixnav > .container.clearfix{
  width:960px!important;
  max-width:calc(100vw - 30px)!important;
  grid-template-columns:200px minmax(0, 1fr)!important;
 }

 .header_layout .navbar-header,
 .header_layout.fixnav .navbar-header{
  width:200px!important;
 }

 .header_layout .navbar-brand > img,
 .header_layout.fixnav .navbar-brand > img{
  width:170px!important;
  max-width:170px!important;
 }

 .header_layout .navbar-nav > li > a,
 .header_layout.fixnav .navbar-nav > li > a{
  padding-left:9px!important;
  padding-right:9px!important;
  font-size:16px!important;
 }
}

@media (max-width:767px){
 .header_layout .navbar-brand > img,
 .header_layout.fixnav .navbar-brand > img{
  width:auto!important;
  max-width:180px!important;
  max-height:44px!important;
 }
}
@media (min-width:1600px){
 .header_layout > .container.clearfix,
 .header_layout.fixnav > .container.clearfix{
  width:1570px!important;
  max-width:calc(100vw - 40px)!important;
  grid-template-columns:260px minmax(0, 1fr)!important;
 }

 .header_layout .navbar-header,
 .header_layout.fixnav .navbar-header{
  width:300px!important;
 }
}

/* sonic contact form */
.contact-pop-mask{
 display:none;
 position:fixed;
 left:0;
 top:0;
 width:100%;
 height:100%;
 background:rgba(0,0,0,.46);
 z-index:998;
}

.sonic-contact-modal{
 width:620px;
 max-width:calc(100vw - 32px);
 padding:0;
 background:transparent;
 border-radius:10px;
 box-shadow:none;
 overflow:visible;
}

.sonic-contact-modal .fixinqclose{
 position:absolute;
 right:14px;
 top:10px;
 width:34px;
 height:34px;
 color:#fff;
 font-size:30px;
 line-height:34px;
 text-align:center;
 z-index:4;
}

.sonic-contact-card{
 overflow:hidden;
 background:#fff;
 border-radius:8px;
 box-shadow:0 22px 55px rgba(15,23,42,.28);
}

.sonic-contact-head{
 padding:28px 34px 24px;
 background:linear-gradient(135deg,#0798ef,#006ec5);
 color:#fff;
}

.sonic-contact-head span{
 display:block;
 margin-bottom:8px;
 font-size:12px;
 font-weight:700;
 letter-spacing:1px;
 opacity:.86;
}

.sonic-contact-head h3{
 margin:0;
 color:#fff;
 font-size:28px;
 font-weight:700;
 line-height:1.25;
}

.sonic-contact-head p{
 margin:10px 0 0;
 color:rgba(255,255,255,.88);
 font-size:14px;
 line-height:1.65;
}

.sonic-contact-grid{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:16px;
 padding:26px 34px 10px;
}

.sonic-contact-grid p{
 margin:0;
}

.sonic-contact-grid label{
 display:block;
 margin-bottom:8px;
 color:#334155;
 font-size:14px;
 font-weight:700;
}

.sonic-contact-grid label em{
 color:#0798ef;
 font-style:normal;
}

.sonic-contact-grid input,
.sonic-contact-grid textarea{
 width:100%;
 height:48px;
 padding:0 14px;
 border:1px solid #d8e0eb;
 border-radius:6px;
 background:#f8fafc;
 color:#111827;
 font-size:14px;
 outline:none;
 transition:border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.sonic-contact-grid textarea{
 height:138px;
 padding-top:13px;
 resize:vertical;
}

.sonic-contact-grid input:focus,
.sonic-contact-grid textarea:focus{
 border-color:#0798ef;
 background:#fff;
 box-shadow:0 0 0 3px rgba(7,152,239,.12);
}

.sonic-contact-full{
 grid-column:1 / -1;
}

.sonic-contact-actions{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:16px;
 padding:12px 34px 30px;
}

.sonic-contact-actions p{
 margin:0;
 color:#64748b;
 font-size:13px;
 line-height:1.5;
}

.sonic-contact-actions button,
.sonic-contact-actions input[type="submit"]{
 min-width:150px;
 height:48px;
 padding:0 24px;
 border:0;
 border-radius:6px;
 background:#0798ef;
 color:#fff;
 font-size:15px;
 font-weight:700;
 cursor:pointer;
 transition:background .2s ease, transform .2s ease;
}

.sonic-contact-actions button:hover,
.sonic-contact-actions input[type="submit"]:hover{
 background:#006ec5;
 transform:translateY(-1px);
}

#contform .sonic-contact-card{
 box-shadow:0 12px 30px rgba(15,23,42,.12);
}

#contform .sonic-contact-modal,
#contform .wpcf7{
 width:100%;
 max-width:100%;
}

@media (max-width:767px){
 .sonic-contact-grid{
  grid-template-columns:1fr;
  padding:22px 20px 8px;
 }

 .sonic-contact-head{
  padding:24px 20px 20px;
 }

 .sonic-contact-head h3{
  font-size:24px;
 }

 .sonic-contact-actions{
  display:block;
  padding:10px 20px 24px;
 }

 .sonic-contact-actions p{
  margin-bottom:14px;
 }

 .sonic-contact-actions button,
 .sonic-contact-actions input[type="submit"]{
  width:100%;
 }
}
/* index company section removed */
.page-home .home-bg-box{
 padding:50px 0 40px;
 overflow:hidden;
}
.page-home .home-bg-box .tecpic{
 padding:20px 10%;
 text-align:center;
}
.page-home .home-bg-box .tecpic img{
 width:auto;
 max-width:100%;
 max-height:380px;
 object-fit:contain;
}
.page-home .slideProdBox{
 margin-top:0;
}