﻿@charset "utf-8"; 
:root{--color:#BE0000}
header::before{display:none}
.swiper-box.index-swiper{position: relative;left:0;top:0;transform:none;}
.swiper-box.index-swiper img{display:block}
.swiper-index {height:auto;}
main.index {margin-top:0;}

.banner2-box {height:auto;min-height:inherit;position:static;}
.tabs {margin:0;}
.banner2-box img {display:block;}
header .top-box{top:0}
header {top:0;}
header .top-box .info .right ul.sj li a,header .top-box .info .left span,header .top-box .info .left > span:nth-of-type(1),header .top-box .info .left span a {color:var(--fontcolor);}
header .top-box .nav-box{background:var(--color)}
@media screen and (max-width:1024px){body {padding-top:62px;}}
@media screen and (max-width:680px){body {padding-top:0;}}
footer,.copyright{background:var(--fontcolor)}
main.page-template-1 .max-width-box aside ul.nav1.contact-us li:nth-of-type(1) a {font-size:var(--fontsize18)}
main.page-template-1 .max-width-box aside ul.nav1 li{line-height:30px;padding-top:10px;padding-bottom:10px}
.about-us .item-aboutus .article,.solutions .item-aboutus .article{font-size:var(--fontsize17)}

@media (min-width:1025px) {
header .top-box .info .right ul.sj li a,header .top-box .info .left span,header .top-box .info .left > span:nth-of-type(1),header .top-box .info .left span a {color:var(--headercolor)}
body{margin-top: 102px;}
header {position: fixed !important;z-index: 999;}
header .top-box .info .left{margin-top: 0;}
.l-wrap {width: 100%;padding: 0 70px;margin: 0 auto;max-width: 1600px;}
header .l-wrap {height: 100%;display: flex;align-items: center;justify-content: space-between;}
header .top-box{height: 100%;}
header .top-box .info{background: #000;}
header .top-box{width: 100%;position: static;max-width: 100%;}
header .top-box .nav-box{width: 100%;position: static;max-width: 100%;}

header .top-box .nav-box .right ul.nav1>li:hover>a{color: #fff;}
header .top-box .nav-box .right ul.nav1>li .inmenu_1{color: #fff;}
header .top-box .nav-box.top-0{padding: 0;}
header .top-box .nav-box .right ul.nav1>li ul li a{color: #fff;}
header.is-active .info{display: none;}
header::before{display: none;}
.swiper-box {position: static;transform: inherit;max-width: 100%;left: auto;}
header .top-box .nav-box .right{height: 100%;}
}
@media (min-width:1201px){main.page-template-1 .max-width-box article{width:calc(100% - 358px);}}
main.page-template-1 .max-width-box .productsDetails article{width:100%;}
.table-wrap .table td {text-align: center;}