﻿@charset "utf-8"; 
:root{--hovercolor:#fff;}
body{font-family: calibri;}
@media (min-width:1281px){:root{--fontsize12:16px;--fontsize13:17px;--fontsize14:18px;--fontsize15:19px;--fontsize16:20px;--fontsize17:21px;--fontsize18:22px;--fontsize20:24px;--fontsize22:26px;--fontsize24:28px;--fontsize26:30px;--fontsize28:32px;}}
.detailsTableContent .table-responsive .table tr:nth-child(even) {  background: #fff; }  
.detailsTableContent .table-responsive .table tr:nth-child(odd) {  background: #eee;  } 
.kche-t70>.kche-template-title>h5{text-transform: capitalize !important;}
.NewsTopHotList div{height:auto}
.NewsTopHotListimg{max-height:200px;object-fit:contain}
@media(max-width:768px){.Feedback .page-box p{overflow:visible;max-height:100%}}
.productMain .newsList .content-list0 li>a{flex-direction: row-reverse;}
.newsJgg li .newsJggimg{margin-right: 0;  margin-left: 40px;}
.introduction .hellobtn a,.case ul li a, .case .caseItem ul li a{background:#FBbd36;border-color:#FBbd36;}
.product .productItem ul li .more{background:rgb(21 33 53 / 30%)}
@media (min-width:1025px){.productSide .productSideTop .sf-menu .menu-item:hover>a{color:var(--color) !important}}
.productSideCenter ul li:hover .text p,.productSide .newsViewd ul li:hover p,.newsJgg li:hover .newsJggitem .newsJggB p, .newsJgg li:hover .newsJggitem .newsJggB span{color:var(--color)}
@media (max-width:768px){.header nav div .nav>li a.inmenu_1{color:var(--color)}}
#wmkc .wmkc-itemcont a{text-transform: initial;width:230px;}
.product .productItem ul li div span{background:#FBbd36;color:var(--fontcolor)}
.product .statistics ul li span,.latestNews .latestNewsList ul li .latestNewsListT p,.latestNews .latestNewsList ul li .latestNewsListT span{color:#FBbd36}
footer .footerRight span a{background:#FBbd36;border-color:#FBbd36}
@media (min-width:769px){.header .header-top>ul{margin:0 auto;display:flex;}
.header .header-top>ul li{width:30px;height:30px;display:flex;justify-content: center;align-items: center;margin-right:5px;}}
.header .header-top .mailclock{margin-left:30%}
.header nav div .nav>li a.inmenu_1,.header nav div .nav li a:hover{color:#FBbd36}
 .home-market-map {margin: 50px auto;width: 80%; }
 footer .footerBottom{background-color: #fbbd36;}
.home-market-map p{margin: 0px auto;color: var(--fontcolor);font-size: var(--fontsize30);text-transform: capitalize;text-align: center;}
@media screen and (max-width: 500px){.home-market-map p{font-size: var(--fontsize24);}}
@media (min-width:1025px){.header .header-top{position:relative;display:flex;align-items:center;justify-content:space-between}
.header .header-top .mailclock{margin-left:20%;z-index:111}
.header .header-top>ul{margin:0;margin-right:20%}.header .header-top .mailclock .clock{display: none;}}
@media (min-width:1024px) {.product .productItem ul li{margin-bottom: 1%;width: 24%;}    }
.productMain .products-ninelist-1 .products-item-name{margin-left:10px;color:#fff}
.productMain .products-add-inquirl{color:#fff}
.products-ninelist-1 li .products-list-box{background:var(--color)}
.products-ninelist-1 li:hover .products-item-name {color: #FBbd36;}
footer .footerBottom{color: var(--fontcolor);}
.products-ninelist-1 li .products-list-img>a{aspect-ratio:1/1}
.productBanner .breadcrumbs-nav>div,.productBanner .breadcrumbs-nav a{font-size: 18px;}
@media (max-width:768px) {header nav{background: #fff !important;}
header nav .navImg img{filter: invert(1);}}
@media (min-width:1025px){.productSide .productSideTop .sf-menu .menu-item:hover i{color:var(--color)}}
.productSide .productSideTop .sub-menu li:hover a{color:var(--color)}
@media (min-width:769px){.header nav div .nav>li a{padding:0 10px}}
@media (min-width:769px) and (max-width:1600px){.header nav div .nav>li a{font-size:var(--fontsize16)}}
@media (min-width:769px) and (max-width:1024px){.header nav div .nav>li a{font-size:14px;padding:0 5px;}}
@media (min-width:1277px)  and (max-width:1620px){.header nav div .nav>li a{font-size: 18px;}} .header .search{margin-left: 20px;}
.productSideBottom .TitleName{text-align: center;}
.productSide .newsViewd .TitleName{text-align: center;}
.productSide .productSideTop .TitleName{text-align: center;}
.productSideCenter .TitleName{text-align: center;}
@media (min-width:769px){.productBanner{min-height:45px;}}
.productBannerTitle h1,.productBannerTitle h2,.productBanner .breadcrumbs-nav>div,.productBanner .breadcrumbs-nav a{font-size:26px}
.strengthItem ul li .text span{-webkit-line-clamp: inherit;}