@charset "UTF-8";

@media(min-width:48rem){.c-topnav__main{display:flex}
}.c-topnav__main a,.c-topnav__main__item{color:#222 !important; }
.c-topnav__main a:hover,.c-topnav__main__item:hover{color:#222 !important}

.c-hero__wrapper h1{ margin-top: 174px;}
.u-horizontal-center{max-width:100%;}

.hp-title-underline{ margin:1.5vw auto !important; width:10vw; font-family: Arial;}

.c-products-overview__teaser__content{ width:inherit !important;}

.c-article-category-label, .c-label{ font-weight:normal; line-height:38px;}


.in-tab{ color:#4a4b4a; margin-bottom:7%;}
.in-tab p{ font-size:17px; color:#000; line-height:32px; padding-bottom:24px;}
.in-tab em{color: #000;font-size:1.6vw;padding-right: 10px;float: left; font-family: Arial, Helvetica, sans-serif;}
.in-tab ul{line-height:1.7vw; padding: 0px;margin: 0; font-size:17px; color:#444 margin-top:24px;}
.in-tab ul li{ width: 25%; float: left; margin-bottom:5px;}

.in-tab1 ul{line-height:1.4vw; padding: 0px;margin: 0; font-size:0.9vw; }
.in-tab1 ul li{margin-bottom:0.6vw;}
.in-tab1{ color:#4a4b4a;  margin-bottom:7%}
.in-tab1 p{font-size:1vw; color:#000;}
.in-tab1 em{color: #000;font-size:1.6vw;padding-right: 10px;float: left; font-family: Arial, Helvetica, sans-serif;}

header a{ color:#000;}
header .nav-item:hover .nav-link{ color:#000;}

.navbar-dark .navbar-toggler-icon{filter: grayscale(100%) brightness(1%);}
.navbar-toggler:not(:disabled):not(.disabled){filter: grayscale(100%) brightness(1%);}
.navbar-dark .navbar-toggler-icon{filter: grayscale(100%) brightness(1%);}

.nyby{height: 290px; display: flex; align-items: center; }
.nyby_txt{width: 100%; text-align: center; margin-bottom:5%; padding-top:10.6vw;}
.nyby_txth{font-size:36px; color:#1a1a1a; font-weight:bold; }
.nyby_txtp{font-size: 36px; color: #333333;}

.khflbox{position: relative; display: flex; flex-wrap: wrap;  border: 1px solid #ccc; border-right: none; margin-bottom:8%;}
.khflboxdw{position: absolute; left: 0; bottom: 4px; width: 100%; height:50px; background-color: #f1f1f1; z-index: -1;}
.khflbox .khflbox_item{ width:16.66%; line-height:50px; font-size:15px; color: #333333; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-right: 1px solid #ccc;}
.khflbox .khflbox_item:hover{background-color:#44a27a; color: #fff;}
.khflbox .khflbox_item.cur{background-color:#44a27a; color: #fff;}
.fanrqbox_rbox .content table{padding:2% 0 4% 0;}
.lega{ margin-bottom:14%;}
.lega p strong{ font-size:22px;}


@media (max-width:960px) {
.c-hero__wrapper h1{ margin-top:31%;}
#teaser-solutions-energy-storage{ margin-top:26%;}
.c-heading--c{ padding-top:4%; line-height:1.8rem;font-size: 1.36rem;}
.c-products-overview__teaser__icon__image{max-width:24px; margin-top:24%;}
.c-products-overview__teaser{margin-bottom:12%;}
.gsgk_main6 > .page{margin:0px auto 0;}
.c-products-overview__teaser__content{ padding-top:4%;}
.gsgk_main6{ display:none;}
.c-main-hero{min-height:76vw;}
.in-tab1 p{ font-size:14px;}
.in-tab1 em{ padding-right:5px;}
.in-tab1 ul li{ font-size:12px; line-height:16px; margin-bottom:1.3vw;}
.nyby_txt{ padding-top:27%;}
.nyby_txth{ font-size:2rem;}
.khflbox .khflbox_item{ width: 33.3%; border-bottom:1px solid #ccc; font-size:12px;}
.khflbox{ border-bottom: none;}
.lega p strong{ font-size:18px;}
header .nav-item:hover .nav-link{ color:#fff;}
/*header a{ color:#fff;}
header .nav-item:hover .nav-link{ color:#fff;}*/

}