﻿@charset "utf-8"; 
:root{--fontfamily:arial, sans-serif;--color:#1288E3;--footercolor:#fff}
table tr:nth-child(odd){background-color: #efefef;}
table tr:nth-child(even){background-color: #fff;}
footer,.copyright{background: var(--color);}
footer .footer-info h4{color:#fff;}
footer .footer-info .nav1 ul>li>a:hover, footer .footer-info .nav2 ul>li>a:hover{color:#fff;}
header .top-box .nav-box{background: #fff;}
footer .footer-info p:hover{color:#fff;}
@media (min-width:1025px){header .top-box .nav-box .right ul.nav1>li a{color:var(--fontcolor)}
header .top-box .nav-box .right ul.nav1>li:hover>a,header .top-box .nav-box .right ul.nav1>li .inmenu_1{color:#fff;}
header .top-box .nav-box .right ul.nav1>li .submenu{background: #fff;}
header .top-box .nav-box .right ul.nav1 li ul li:hover a{color:#fff;}}
@media (max-width:1024px){header .top-box .nav-box .right .search-box .search, header .top-box .nav-box .mob-nav{color:var(--fontcolor)}}
aside .last-products li img, aside .last-products li img, aside .last-products li img, aside .last-products li img, aside .last-products li img{max-height:inherit;}
.banner2-box{height:auto;min-height: inherit;position:initial}
.pagesbanner video, .pagesbanner img{min-height: inherit;}
.tabs{margin-top:0;}
@media (min-width:1025px){#liproducts:hover>ul{display:flex!important;}
#liproducts .submenu{padding:10px;list-style:none;width:1350px;display:flex;flex-wrap:wrap;left:-845px}
#liproducts .submenu>li{padding:0;position:relative;min-height:80px;width:19%;margin:10px 1% 10px 0}
#liproducts .submenu>li:nth-child(5n){margin-right:0}
#liproducts .submenu>li em,#liproducts .submenu>li i{display:none}
#liproducts .submenu>li>a{display:inline-block;text-decoration:none;height:auto;padding:0 0 3px 100px;display:block;font-weight:bold;}
#liproducts .submenu>li .cate-con{padding-left:100px}
#liproducts .submenu>li .cate-con ul{position:static;display:block;background:0 0;padding:0}
#liproducts .submenu>li .cate-con ul li{padding:0}
#liproducts .submenu>li .cate-con ul a{font-size:14px;opacity:.8;padding:0}
#liproducts .submenu>li .cate-img{width:80px;height:80px;position:absolute;left:0;top:0}
#liproducts .submenu>li .cate-img a{padding:0;}
#liproducts .submenu>li .cate-img img{width:100%;height:100%;object-fit:cover}
#liproducts .submenu li:hover{background:none}
#liproducts .submenu li:hover a{color:var(--fontcolor)}
#liproducts .submenu li a:hover{color:var(--color)}}
@media (min-width:1025px) and (max-width:1280px){#liproducts .submenu{width:1100px;left:-650px}
#liproducts .submenu>li{width:32%;}}
@media (max-width:1024px){#liproducts .submenu{margin:0;padding:0;width:100%;display:none}
#liproducts .submenu>li{margin:0;padding-left:20px;min-height:inherit;width:100%}
#liproducts .submenu>li .cate-img{display:none}
#liproducts .submenu>li>a{padding-left:0}
#liproducts .submenu>li .cate-con{padding-left:20px}}
@media (min-width:1025px){#liproducts .submenu>li .cate-img{height:unset;aspect-ratio:4 / 3}}
 @media (min-width:1024px){header .top-box .nav-box .right ul.nav1>li .inmenu_1,header .top-box .nav-box .right ul.nav1>li:hover{background:#fff}
header .top-box .nav-box{background-color:var(--color)}
header .top-box .nav-box .right ul.nav1>li>a{color:#fff}
header .top-box .nav-box .right ul.nav1>li:hover>a,header .top-box .nav-box .right ul.nav1>li .inmenu_1{color:var(--fontcolor)}
}
.swiper-box.index-swiper{position: static;transform:none}
.swiper-box.index-swiper img{display:block}
.swiper-index {height:auto;}
main.index {margin-top:0;padding-top:40px}
.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;}
@media screen and (max-width:1024px){body {padding-top:62px;}
.swiper-box.index-swiper{top:62px;}}
@media screen and (max-width:680px){body {padding-top:0;}
.swiper-box.index-swiper{top:0;}
main.index {padding-top:20px}}
main.index section.products .item ul li>div .rule-box{max-height:inherit;height:auto}
@media (max-width:1475px){.productsDetails-article .details .right .btn-groups{justify-content:left}}
@media (max-width:768px){main.page-template-1 .max-width-box article .item ul li .box .left img{max-width:100%;object-fit:contain}
.productsDetails-article .details .right{padding-top:380px}}
header nav ul.nav1>li:not(#liproducts):hover .submenu{display:block}
@media (max-width:768px){.productsDetails-article .details .right{padding-top:100%;}}
@media (max-width:700px){.productsDetails-article .details .left .swiper-box .swiper-container{top:0;}}
main.color-coated-corrugated-steel-sheet{background: #fff;}