@charset "utf-8"; 
:root{ --fontfamily: "Oleo Script", serif}
.table tr:nth-child(even) {  background: #fff; }
.table tr:nth-child(odd) {  background: #eee; }
.prodetails-info .prodetails-textsub{display:none;}
@media (max-width:768px){.prodetails-info .prodetails-btnlist>*{min-width:inherit;width:100%;margin-right:0px}}
@media (min-width:1025px){.pro-d-main .kche-t97 .kche-t97-item>div.kche-t97-item-img{width:730px;}
.pro-d-main .kche-t97 .kche-t97-item>div.kche-t97-item-text{width:calc(100% - 750px)}}
.prodetails-info .prodetails-btnlist>:last-child{text-transform: unset;}
.prodetails-tabs{display: none;}
.pro-d-main .pro-active-q{position:relative}
.pro-d-main .pro-active-q:hover .img-info-box{transform:scale(1)}
.pro-d-main .pro-active-q .img-info-box{position:absolute;left:-70px;bottom:-50px;color:#fff;z-index:1;width:250px;aspect-ratio:1 / 1;background:var(--color);border-radius:50%;opacity:0.9;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:80px;transition:all 0.2s linear;transform:scale(0)}
.pro-d-main .pro-active-q .img-info-box em{position:absolute;right:35px;top:10px;width:50px;height:50px;background:#fff;font-size:22px;color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center}
.pro-d-main .pro-active-q .img-info-box .kche-t213-p2{font-size:18px}
.wmkcfeedback .send-btn{font-family: var(--fontfamily);}

@media (min-width: 901px) {
.home-news .homenewslist .swiper-slide:nth-of-type(n+3) {flex-direction: row-reverse;}
.home-news .homenewslist .swiper-slide .info {padding: 20px;}
.home-news .homenewslist .swiper-slide{margin-bottom:0;padding: 0;}
.home-news .homenewslist .swiper-slide .img{width: 50%;}}
  .home-mainpro1{position:relative;padding:4% 0}
@media (max-width:768px){.home-mainpro1{padding:40px 0}
.home-mainpro1 .mainpro-list{justify-content:space-between}
.home-mainpro1 .mainpro-list li{width:48%;margin-right:0;margin-bottom:1em}
}.home-mainpro1 .mainpro-list{margin-top:3%;display:flex;flex-wrap:wrap;list-style:none}
.home-mainpro1 .mainpro-list li{width:23%;margin-right:2.6%;margin-bottom:2em}
.home-mainpro1 .mainpro-list li:nth-child(4n){margin-right:0}
.home-mainpro1 .mainpro-list li a{background:#fff;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);display:block;width:100%;height:100%;position:relative;padding-bottom:5px}
.home-mainpro1 .mainpro-list li a .img{width:100%;aspect-ratio:1/1;position:relative}
.home-mainpro1 .mainpro-list li a .img img{width:100%;height:100%;object-fit:cover}
.home-mainpro1 .mainpro-list li a .title{margin-bottom:10px;padding:10px 15px 0;font-size:var(--fontsize18);transition:all .1s linear;position:relative;border-top:1px solid #eee}
.home-mainpro1 .mainpro-list li a .title::before{content:"";position:absolute;top:-1px;left:0;width:0%;height:1px;background:var(--color);transition:all .3s linear;z-index:1}
.home-mainpro1 .mainpro-list li a .title::after{transition:all .3s linear;content:"";position:absolute;top:-3.5px;left:0;opacity:0;width:0;height:0;border-style:solid;border-width:3px 0 3px 5px;border-color:transparent transparent transparent var(--color)}
.home-mainpro1 .mainpro-list li a:hover .img img{transform:scale(1.02)}
.home-mainpro1 .mainpro-list li a:hover .title{color:var(--color)}
.home-mainpro1 .mainpro-list li a:hover .title::before{width:100%}
.home-mainpro1 .mainpro-list li a:hover .title::after{opacity:1;left:calc(100% - 4px)}
#indexbanner #video{width: 100%; }
.pro-d-main .prodetails-top{margin-bottom: 20px;}
@media (min-width:1367px){.preview-container .small-box{max-width:500px;max-height:500px;}
.preview-container .thumbnail-show{align-items: center;}}
.news-main .newslist li .img img{object-fit: contain;}