﻿@charset "utf-8";
.home-mainproduct .homepro-list .swiper-slide .info{width:60%;flex:inherit}
.home-mainproduct .homepro-list .swiper-slide{height:auto}
@media (max-width:1600px) and (min-width:769px){.home-mainproduct #homemainproduct{height:580px}}
@media (max-width:1366px) and (min-width:769px){.home-mainproduct #homemainproduct{height:510px}
.home-mainproduct .homepro-list .swiper-slide .info .title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:10px}
.home-mainproduct .homepro-list .swiper-slide .info .text{margin-bottom:10px}
.home-mainproduct .homepro-list .swiper-slide .info{padding:10px 20px}}
@media (max-width:1024px) and (min-width:769px){.home-mainproduct #homemainproduct{height:420px}
.home-mainproduct .homepro-list .swiper-slide .info .title{margin-bottom:5px;line-height:1.3}
.home-mainproduct .homepro-list .swiper-slide .info .text{margin-bottom:6px;font-size:14px}
.home-mainproduct .homepro-list .swiper-slide .info .home-more{height:38px;font-size:13px;min-width:120px}
.home-mainproduct .homepro-list .swiper-slide .info{padding:10px 20px}}
@media (max-width:768px){.home-mainproduct #homemainproduct{height:auto}}
@media (max-width:560px){.home-mainproduct .homepro-list .swiper-slide .info .title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:10px}}
.home-adv .homeadv-list li .opacity .text{font-size:14px;padding:8px 0 0;margin-bottom:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9;overflow:hidden}
.home-adv .homeadv-list li .opacity .more{font-size:14px}
@media (max-width:1024px){.home-adv .homeadv-list li .opacity .text{-webkit-line-clamp:8}}
@media (max-width:500px){.home-adv .homeadv-list li .opacity .text{-webkit-line-clamp:6}}
.home-mainproduct{background:#9DC2EF}
.home-mainproduct .mainpro-top .mainpro-title .des{color:#fff}
.home-mainproduct .mainpro-top .mainpro-button .mainproduct-button-next.swiper-button-disabled,.home-mainproduct .mainpro-top .mainpro-button .mainproduct-button-next:hover,.home-mainproduct .mainpro-top .mainpro-button .mainproduct-button-prev.swiper-button-disabled,.home-mainproduct .mainpro-top .mainpro-button .mainproduct-button-prev:hover{background:rgba(255,255,255,.4)}
.preview-container{width:400px;position:relative}
.preview-container #media{height:400px!important;width:100%;display:none;border:1px solid #dfdfdf}
.preview-container .small-box{width:100%;height:400px;border:1px solid #dfdfdf;position:relative}
.preview-container .small-box img{width:100%;height:100%;object-fit:contain}
.preview-container .small-box .hover{position:absolute;width:180px;height:180px;background-color:rgba(204,204,204,.6);border:1px solid #eee;display:none;cursor:move;z-index:9}
.preview-container .small-box .vPlay{position:absolute;right:0;bottom:0;z-index:9;width:40px;height:40px;text-align:center;line-height:40px;background:rgba(0,0,0,.4);cursor:pointer;color:#fff;display:none;font-size:24px}
.preview-container .thumbnail-box{margin-top:20px;position:relative;padding:0 40px}
.preview-container .thumbnail-box .item{height:85px;display:flex;align-items:center;justify-content:center;border-radius:3px;border:1px solid #dcdcdc;cursor:pointer;overflow:hidden}
.preview-container .thumbnail-box .item.item-cur{border-color:var(--color)}
.preview-container .thumbnail-box .item .imgalt{display:none}
.preview-container .thumbnail-box .prodetails-button-next,.preview-container .thumbnail-box .prodetails-button-prev{display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;width:30px;height:30px;transition:all .2s linear}
.preview-container .thumbnail-box .prodetails-button-next{left:auto;right:0}
.preview-container .big-box{display:none;border:1px solid #dfdfdf;border-left:none;width:420px;height:400px;position:absolute;left:100%;top:0;overflow:hidden;z-index:999;background:#fff}
@media (max-width:1280px){.preview-container{width:300px}
.preview-container .small-box{height:300px}
.preview-container .thumbnail-box .item{height:65px}
.preview-container #media{height:300px}}
@media (max-width:768px){.preview-container{width:100%}
.preview-container .small-box{display:none}
.preview-container .thumbnail-box{padding:0;margin:0;border:1px solid #e5e5e5;overflow:hidden}
.preview-container .thumbnail-box .item{height:calc(100vw - 30px);border:none}
.preview-container #media{border:none;height:calc(100vw - 30px)!important;min-height:240px;max-width:100%}
.preview-container .thumbnail-box .item .imgalt{position:absolute;left:50%;transform:translateX(-50%);z-index:99;bottom:8px;background:rgba(0,0,0,.2);color:#fff;width:95%;padding:0 6px;line-height:35px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;border-radius:30px;font-size:14px;padding-right:40px;text-transform:capitalize}
.preview-container .thumbnail-box .prodetails-button-next,.preview-container .thumbnail-box .prodetails-button-prev{display:none}}
.home-adv .homeadv-list li .top .num{color:var(--fontcolor)}
.home-adv .homeadv-list li .top .title,.home-adv .homeadv-list li:hover{color:var(--color)}
.home-adv .homeadv-list li::after,.home-adv .homeadv-list li:hover::after{display:none}
.home-adv .homeadv-list li:hover .top{display:block}
.home-adv{background:url(/uploads/41252/bg.jpg) no-repeat center;background-size:cover}
.home-adv::before{background:none}
.home-adv .des{color:#fff}
.home-adv .homeadv-list li:before{content:'';width:100%;height:100%;background:rgba(255,255,255,.5);position:absolute;top:0;left:0}
.home-adv .homeadv-list li:nth-child(1){background:url(/uploads/41252/1.jpg) no-repeat center;background-size:cover}
.home-adv .homeadv-list li:nth-child(2){background:url(/uploads/41252/2.jpg) no-repeat center;background-size:cover}
.home-adv .homeadv-list li:nth-child(3){background:url(/uploads/41252/3.jpg) no-repeat center;background-size:cover}
.home-adv .homeadv-list li:nth-child(4){background:url(/uploads/41252/4.jpg) no-repeat center;background-size:cover}
.home-adv .homeadv-list li .top{position:relative;text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white}
@media (max-width:500px){.home-adv .homeadv-list li{height:auto}
.home-adv .homeadv-list li .top .num{font-size:36px}
.home-adv .homeadv-list li.hover .top{display:block}}
.home-adv .homeadv-list li .top .num{color:#0251B4}
section.home-adv{margin-top:1%}
@media (max-width:768px){.home-banner .banner-animote{bottom:7%}}
@media (max-width:500px){.home-banner .banner-animote .text{font-size:12px}
.home-banner .mobimg img{height:235px}}

.kches-t211{margin-top: 50px;}
.kches-t211 .kche-t211-title-box{margin-bottom:4px;display:flex;align-items:center;justify-content:center}
.kches-t211 .kche-t211-title-box div{width:12px;height:12px;background-color:var(--color,#e81c2e);display:inline-block;position:relative}
.kches-t211 .kche-t211-title-box .kche-t211-title-left{margin-right:6px}
.kches-t211 h5{color:#000;line-height:1.6;font-weight:var(--fontbold6,600);margin:0;text-align:center;text-transform:capitalize}
.kches-t211 .kche-t211-title-box .kche-t211-title-right{margin-left:6px}
.kches-t211 .kche-t211-des{color:#333;text-align:center;font-size:16px}
.kches-t211 .kche-t211-des p{margin:0}
.kches-t211 .kche-t211-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.kches-t211 .kche-t211-list .kche-t211-item{width:24%;position:relative;margin-top:30px}
.kches-t211 .kche-t211-list .kche-t211-item .kche-t211-img{width:100%;display:inline-flex;justify-content:center;overflow:hidden}
.kches-t211 .kche-t211-list .kche-t211-item .kche-t211-img img{width:100%;max-width:100%;height:auto;border:1px solid #eee;transition:all .2s linear}
.kches-t211 .kche-t211-list .kche-t211-item .kche-t211-info{position:absolute;left:0;bottom:0;width:100%;background-color:var(--color,#e81c2e);color:#fff;font-size:16px;box-sizing:border-box;padding:10px;text-align:center;text-transform:capitalize}
@media (max-width:1024px){.kches-t211 .kche-t211-list .kche-t211-item{width:49%;position:relative;margin-top:20px;margin-top:20px}}
@media (max-width:768px){.kches-t211 .kche-t211-list .kche-t211-item{width:100%}}
