﻿@charset "utf-8"; 
:root{--color:#E6AF5D;--fontsize12: 14px;--fontsize13: 15px;--fontsize14: 16px;--fontsize15: 17px;--fontsize16: 18px;--fontsize17: 19px;--fontsize18: 20px;--fontsize20: 22px;--fontsize22: 24px;}
.logo img {max-height: 100px;}
.kche-t10>h2{font-size: 22px;}
.prodetails-bref{font-size: 18px;}
.pdshow-r-text,.prodetails-bref{text-align:justify;}
@media (max-width:768px){.pdshow-r-text,.prodetails-bref{text-align:left;}}
.prodetails-page .page-l-menu-tit{font-size: var(--fontsize24);color:#000;background: #fff;}
.prodetails-box-cont>h5.prodetails-box-tit{display:none;}
.swiper-pagination-bullet-active{background:var(--color)}
@media (min-width:1025px){.pdshow-l{width:550px;position:relative}
.pdshow-r{width:calc(100% - 550px)}
.wmkc-thum-all{display:flex;justify-content: space-between;}
.wmkc-thum-all .wmkc-thum-left{width:105px;}
.wmkc-thum-all .wmkc-thum-right{width:calc(100% - 120px)}
.preview-container .thumbnail-box{margin-top:0;}
.wmkc-thum-all .wmkc-button-prev,.wmkc-thum-all .wmkc-button-next{text-align: center;}
.wmkc-thum-all .wmkc-button-prev i,.wmkc-thum-all .wmkc-button-next i{color:var(--fontcolor);font-weight:var(--fontbold7);cursor:pointer;}
.wmkc-thum-all .wmkc-button-prev i{display:inline-block;transform: rotate(90deg);}
.wmkc-thum-all .wmkc-button-next i{display:inline-block;transform: rotate(90deg);}
.preview-container .thumbnail-box .list{width:100%;height:380px;}
.small-box{height:430px;}}
.wmkc-thum-all .wmkc-thum-right{position: relative;}
.mediaplay{top:50%;transform:translate(-50%,-50%) scale(1.4);filter:brightness(0);}
@media (min-width:1025px) and (max-width:1441px){.preview-container .thumbnail-box .list ul .item{width:92px;}}
@media (min-width:1025px) and (max-width:1366px){.pdshow-l{width:450px;}
.pdshow-r{width:calc(100% - 450px)}
.small-box{height:350px;}
.wmkc-thum-all .wmkc-thum-left{width:80px;}
.wmkc-thum-all .wmkc-thum-right{width:calc(100% - 100px)}
.preview-container .thumbnail-box .list{height:310px;}
.preview-container .thumbnail-box .list ul .item{width:73px;}}
@media (max-width:1024px){.wmkc-thum-all .wmkc-button-prev i,.wmkc-thum-all .wmkc-button-next i{display:none;}}
@media(min-width:1025px) and (max-width:1620px){.container,.container-s {padding-left:70px;padding-right: 70px;}}
.highpro  .highpro-l,.highpro  .highpro-r{ max-height: 600px;}
.highpro  .highpro-l .swiper-slide img {max-height: 600px;object-fit: cover;}
.fcontactli:nth-child(3){display:none}
@media (min-width:769px){.hotpro-title{-webkit-line-clamp:1}
.newsdetails-cont p{font-size:var(--fontsize18)}}
@media(min-width:1024px) and (max-width:1550px){nav .nav>li>a{font-size:16px;padding:0px 10px}}
@media(min-width:1024px) and (max-width:1256px){nav .nav>li>a{font-size:13px;padding:0px 5px}}
@media (min-width:1281px){nav .nav .submenu>.LiLevel1 {width:12.5%}}
@media (min-width:1025px){nav .nav .submenu>.LiLevel1 .item-info img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
nav .nav .submenu>.LiLevel1>a{text-align:center;font-size:var(--fontsize14);white-space:normal;margin-top:6px}}
@media (max-width:1620px) and (min-width:1025px){nav .nav .liproducts-diff .submenu{padding-left:70px;padding-right:70px}}
@media (min-width:1025px){.fnav{max-height:300px;}
.foot-item2{width:28%;}
.foot-list>.foot-item1{width:20%;}
.foot-list>.foot-item-box{width:78%;}
.foot-list>.foot-item-box>div.foot-item5 img{max-width:140px;}
.foot-item1 p{max-width:100%;}}
@media (min-width:1025px) and (max-width:1366px){.foot-item2{width:30%}}
.prodetails-bref table {margin: 0 auto;}
@media (max-width:768px){.prodetails-bref table{width:100%!important}
.prodetails-bref table *{font-size:var(--fontsize14)!important;}}
.kche-t73>.kche-template-item>.kche-template-title{max-width:92%}
.prodetails-page .table td,.prodetails-page .table th,.prodetails-page .table td *,.prodetails-page .table th *{text-align:left !important}
@media (min-width:1025px){
header{height:128px}
header .head-top .container{height: 28px;display: flex;}
header .head-top .head-contact{display: flex;}
header .head-top .head-contact>div{margin-right: 15px;}

header .container{height: calc(100% - 28px);}
header.headact .head-top{display:none}
header.headact .container{height:100%;}
.head-top em{color: var(--color);margin: 0 5px;}
}
@media (max-width:1024px){header .head-top{display:none}}

