@charset "utf-8"; 
.flexL,.flexR{align-items:center}
.sf-menu .sub-menu{display:block}
.sf-menu>li{text-align:left;padding-left:20px}
.sf-menu>li i{display:none}
.prodetailtitle{margin-bottom:15px;border-bottom:2px solid #0082d1}
.prodetailtitle div{display:inline-block;transform:skew(-20deg) translate(8px,1px);padding:8px 20px;background:#0082d1;line-height:29px}
.prodetailtitle div .prodetails-box-tit{margin:0;border:none;transform:skew(20deg);padding:0;color:#fff;text-transform:uppercase;font-size:18px;font-weight:700}
.logo img{max-height:100%;height:90px}
.logo{height:100%}
.latestnews-img img{max-height:100%}
.table td,table th{border:1px solid #e6e6e6}
.footlogo img{max-width:180px}
section.news{background-image:url(../images/nbg.jpg)}
@media (min-width:1025px){.news-l h4,.news-l p{color:#fff}}
.wmkc-template-11 span.wmkc-bg-yellow{background:#0082d1!important}
.wmkc-template-11 h5.wmkc-border-yellow{border-color:#0082d1!important}
header .head-contact>p:nth-of-type(1){display:none;}
@media(min-width:1601px){nav .nav li a{font-size: var(--fontsize20);}.head-contact{font-size: var(--fontsize16);}.lang-icon{font-size: var(--fontsize16);}}
.home-tit{font-size: var(--fontsize28);}
.product .home-label{margin-bottom: 35px;position: relative;font-size: 20px;font-weight: var(--fontbold5);color: #9E9E9E;text-align: center;}
.home-label::before, .home-label::after {content: "";display: inline-block;width: 34px;height: 1px;background:#7A7A7A;vertical-align: middle;}
.home-label::before {margin-right: 10px;}
.home-label::after {margin-left: 10px;}
.product .home-tit{margin-bottom: 0;}

.odcontent{width:90%;max-width:1500px;margin:0 auto}
.nei_tit{margin-bottom:60px}
.nei_tit .title{font-size:36px;font-weight:400;color:#333;text-align:center;margin-bottom:20px;line-height:1.3}
.nei_tit .tit{font-size:18px;line-height:1.7;color:#333;text-align:center}
body.index header{background:rgba(255,255,255,.96);box-shadow:0 12px 34px rgba(47,128,70,.08);backdrop-filter:blur(8px)}
body.index .head-b .container{position:relative}
body.index .head-b .container:before{content:"";position:absolute;left:22%;right:51%;top:50%;height:1px;background:linear-gradient(90deg,rgba(47,128,70,0),rgba(47,128,70,.32),rgba(241,103,35,.22),rgba(47,128,70,0));pointer-events:none}
body.index .head-b .container:after{content:"";position:absolute;left:34%;top:50%;width:54px;height:6px;border-top:1px solid rgba(47,128,70,.22);border-bottom:1px solid rgba(241,103,35,.18);transform:translateY(-50%) skewX(-28deg);pointer-events:none}
.index1{position:relative;padding:92px 0;overflow:hidden;background:linear-gradient(180deg,#f8faf7 0%,#fff 44%,#f7faf6 100%)}
.index1:before,.index1:after{content:"";position:absolute;top:36px;width:30%;height:280px;border:1px solid rgba(47,128,70,.1);background:linear-gradient(135deg,rgba(47,128,70,.08),rgba(255,255,255,.14));transform:skewX(-12deg);pointer-events:none}
.index1:before{left:-8%}
.index1:after{right:-8%;transform:skewX(12deg)}
.index1 .odcontent{position:relative;z-index:1}
.index1 .nei_tit{position:relative;width:min(720px,90%);margin-left:auto;margin-right:auto;padding:8px 0 4px}
.index1 .nei_tit:before,.index1 .nei_tit:after{content:"";position:absolute;top:30px;width:150px;height:1px;background:linear-gradient(90deg,rgba(47,128,70,0),rgba(47,128,70,.35),rgba(47,128,70,0))}
.index1 .nei_tit:before{right:100%;margin-right:36px}
.index1 .nei_tit:after{left:100%;margin-left:36px}
.index1 .nei_tit .title{color:var(--color)}
.index1 .in1{padding-bottom:60px;overflow:hidden}
.index1 .in1 .swiper-wrapper{align-content:flex-start}
.index1 .item a{display:block;position:relative;color:#fff;overflow:hidden;border-radius:12px}
.index1 .item .img{position:relative;overflow:hidden;border-radius:12px;background:#f2f2f2}
.index1 .item .img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 28%,rgba(0,0,0,.62) 100%);pointer-events:none}
.index1 .item .img img{display:block;width:100%;aspect-ratio:.83/1;object-fit:cover;transition:transform .4s ease}
.index1 .item:hover .img img{transform:scale(1.08)}
.index1 .item .info{position:absolute;top:80%;left:50%;width:90%;transform:translate(-50%,-50%);z-index:2}
.index1 .item .info>img{display:block;width:50px;margin-bottom:30px}
.index1 .item .info .title{font-size:20px;line-height:1.35;text-transform:uppercase;color:#fff;margin-bottom:15px}
.index1 .btn{width:fit-content}
.index1 .btn span{display:inline-flex;align-items:center;font-size:14px;color:#fff}
.index1 .btn span img{width:auto;margin:0 0 0 10px;transition:margin-left .3s}
.index1 .btn:hover span img{margin-left:20px}
.index1 .swiper-pagination{bottom:0;width:100%}
.index1 .swiper-pagination-bullet{background:#ccc;opacity:1;width:8px;height:8px;border-radius:4px;margin:0 8px}
.index1 .swiper-pagination-bullet-active{background:#00A652}
.index3{position:relative;overflow:hidden}
.index3 .img{position:relative}
.index3 .img:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.18) 62%,rgba(0,0,0,.05))}
.index3 .img img{display:block;width:100%;min-height:520px;object-fit:cover}
.index3 .info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:2}
.index3 .info .nei_tit{width:58%;text-align:left;margin-bottom:0}
.index3 .info .nei_tit .title{color:#fff;line-height:1.5;text-align:left}
.index3 .info .nei_tit .tit{color:#fff;font-weight:400;font-size:18px;line-height:30px;margin-top:20px;text-align:left}
.home-page{position:relative}
.home-intro-active #swiper-banner{position:absolute;left:0;top:0;width:100%;opacity:0;pointer-events:none;transform:translateY(26px);z-index:1}
.home-intro-switching #swiper-banner,.home-banner-active #swiper-banner{position:relative;opacity:1;pointer-events:auto;transform:translateY(0);transition:opacity 1.45s ease,transform 1.45s ease;z-index:1}
.home-banner-active .home-intro-panel{display:none}
.home-intro-panel{margin-bottom:0!important;position:relative;z-index:2;will-change:transform,opacity}
.home-intro-switching .home-intro-panel{position:absolute;left:0;top:0;width:100%;animation:homeIntroSlideUp 1.45s cubic-bezier(.58,0,.18,1) forwards;pointer-events:none}
.home-intro-arrow{position:absolute;left:50%;bottom:120px;z-index:3;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(255,255,255,.08);cursor:pointer;transform:translateX(-50%);transition:background .2s ease,border-color .2s ease}
.home-intro-arrow:hover{background:rgba(255,255,255,.18);border-color:#fff}
.home-intro-arrow span{position:absolute;left:50%;top:50%;width:16px;height:16px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translate(-50%,-65%) rotate(45deg);animation:homeIntroArrow 1.35s ease-in-out infinite}
.home-intro-video{position:absolute;right:5.5%;top:35%;z-index:2;width:25.5%;min-width:340px;aspect-ratio:16/9;padding:8px;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.04));box-shadow:0 22px 60px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.18);backdrop-filter:blur(2px)}
.home-intro-video::after{content:"";position:absolute;inset:8px;border-radius:9px;box-shadow:inset 0 0 45px rgba(0,0,0,.22);pointer-events:none}
.home-intro-video video,.home-intro-video iframe,.home-intro-video img{display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:8px}
.home-intro-play{position:absolute;left:50%;top:50%;z-index:3;width:72px;height:72px;padding:0;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(0,0,0,.36);cursor:pointer;transform:translate(-50%,-50%);transition:background .25s ease,transform .25s ease,border-color .25s ease}
.home-intro-play:hover{background:rgba(0,0,0,.58);border-color:#fff;transform:translate(-50%,-50%) scale(1.06)}
.home-intro-play span{position:absolute;left:52%;top:50%;width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:22px solid #fff;transform:translate(-50%,-50%)}
.home-video-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:5vw;background:rgba(0,0,0,.82);box-sizing:border-box}
.home-video-modal.is-active{display:flex}
.home-video-frame{width:min(1120px,92vw);aspect-ratio:16/9;background:#000;box-shadow:0 30px 90px rgba(0,0,0,.55)}
.home-video-frame iframe{display:block;width:100%;height:100%;border:0}
.home-video-close{position:absolute;right:34px;top:28px;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.54);border-radius:50%;background:rgba(255,255,255,.08);cursor:pointer}
.home-video-close::before,.home-video-close::after{content:"";position:absolute;left:50%;top:50%;width:22px;height:2px;background:#fff;transform:translate(-50%,-50%) rotate(45deg)}
.home-video-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.home-video-open{overflow:hidden}
@keyframes homeIntroArrow{
    0%,100%{opacity:.35;transform:translate(-50%,-78%) rotate(45deg)}
    50%{opacity:1;transform:translate(-50%,-42%) rotate(45deg)}
}
@keyframes homeIntroSlideUp{
    0%{opacity:1;transform:translateY(0)}
    100%{opacity:0;transform:translateY(-100%)}
}
@media (max-width:1550px){.index3 .info .nei_tit{width:80%}}
@media (max-width:1400px){
    body.index .head-b .container:before{left:23%;right:58%}
    body.index .head-b .container:after{left:31%;width:42px}
}
@media (max-width:1280px){.home-intro-video{right:3.5%;width:29%;min-width:300px;padding:6px;border-radius:12px}.home-intro-video::after{inset:6px}.home-intro-play{width:60px;height:60px}.home-intro-play span{border-top-width:12px;border-bottom-width:12px;border-left-width:19px}}
@media (max-width:1080px){
    body.index .head-b .container:before,
    body.index .head-b .container:after{display:none}
    .nei_tit{margin-bottom:40px}
    .nei_tit .title{font-size:28px}
    .index1{padding:50px 0}
    .index1:before,.index1:after{height:180px;opacity:.7}
    .index1 .nei_tit:before,.index1 .nei_tit:after{display:none}
    .index1 .item .info .title{font-size:18px}
    .index3 .info .nei_tit{width:100%}
    .index3 .info .nei_tit .tit{font-size:16px}
    .home-intro-video{display:none}
}
@media (max-width:768px){
    .index3 .img img{min-height:460px}
    .index3 .info .nei_tit .tit{font-size:14px;line-height:22px;margin-top:10px}
    .home-intro-arrow{bottom:52px;width:40px;height:40px}
    .home-intro-arrow span{width:13px;height:13px}
}
@media (max-width:640px){.nei_tit .title{font-size:22px;font-weight:700;margin-bottom:10px}}
@media (max-width:520px){
    .nei_tit{margin-bottom:20px}
    .nei_tit .tit{font-size:14px}
    .index1{padding:30px 0}
    .index1 .in1{padding-bottom:30px}
    .index1 .item .info .title{font-size:16px}
    .index1 .item .info>img{width:40px;margin-bottom:20px}
    .index1 .btn span img{margin-left:6px}
    .index1 .swiper-pagination-bullet{margin:0 6px}
}

.preview-container .product-thumb-box{margin-top:18px;padding:16px 36px;background:#fff;box-sizing:border-box}
.preview-container .product-thumb-box .btn{color:#b7b7b7;line-height:26px;text-align:center;position:absolute;top:50%;transform:translateY(-50%)}
.preview-container .product-thumb-box .btn:hover{color:var(--color)}
.preview-container .product-thumb-box .btn i{font-size:26px;font-weight:400}
.preview-container .product-thumb-box .btn-prev{left:8px}
.preview-container .product-thumb-box .btn-next{right:8px}
.preview-container .product-thumb-box .list{width:100%;height:96px}
.preview-container .product-thumb-box .list ul .item{width:76px;height:76px;margin:0 2.4px;border:2px solid transparent;background:#f7f7f7;box-sizing:border-box;cursor:pointer;transition:border-color .2s ease}
.preview-container .product-thumb-box .list ul .item img{width:100%;height:100%;object-fit:cover}
.preview-container .product-thumb-box .list ul .item-cur{border-color:var(--color)}
@media(max-width:768px){
    .preview-container .product-thumb-box{margin-top:0;padding:0;border:0}
    .preview-container .product-thumb-box .list{height:auto}
    .preview-container .product-thumb-box .list ul .item{width:100%;height:auto;margin:0;border:0}
    .preview-container .product-thumb-box .list ul .item img{height:auto}
}

.product-category-section{position:relative;margin-bottom:58px;padding-bottom:60px}
.product-category-title{position:relative;display:flex;align-items:center;width:fit-content;max-width:100%;margin-bottom:24px;padding:0 0 14px 18px;color:#172033;font-size:26px;line-height:1.25;font-weight:700;letter-spacing:0}
.product-category-title::before{content:"";position:absolute;left:0;top:4px;width:5px;height:28px;border-radius:3px;background:var(--color,#1947ba)}
.product-category-title::after{content:"";position:absolute;left:18px;right:-54px;bottom:0;height:2px;background:linear-gradient(90deg,var(--color,#1947ba),rgba(25,71,186,0))}
.product-category-list{margin-top:0!important}
.product-category-more{position:absolute;right:0;bottom:0;display:inline-flex;align-items:center;gap:14px;min-width:132px;height:48px;padding:0 24px;color:#fff!important;font-size:15px;font-weight:700;background:linear-gradient(135deg,#2f3336,#1d2022);box-shadow:0 14px 32px rgba(0,0,0,.18);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.product-category-more::before{content:"";position:absolute;inset:0;background-color: var(--color);pointer-events:none}
.product-category-more::after{content:"";width:28px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:skewX(38deg);transition:transform .25s ease}
.product-category-more:hover{color:#fff!important;background:linear-gradient(135deg,#3c4246,#222628);box-shadow:0 18px 38px rgba(0,0,0,.24);transform:translateY(-3px)}
.product-category-more:hover::after{transform:translateX(6px) skewX(38deg)}
.product-category-more span{position:relative;z-index:1}
.product-category-section-topmore{padding-bottom:0}
.product-category-section-topmore .product-category-title{max-width:calc(100% - 170px)}
.product-category-section-topmore .product-category-more{top:0;bottom:auto}
@media(max-width:768px){
    .product-category-section{margin-bottom:40px;padding-bottom:54px}
    .product-category-title{font-size:22px;margin-bottom:18px;padding-left:14px}
    .product-category-title::before{width:4px;height:24px}
    .product-category-title::after{left:14px;right:-32px}
    .product-category-more{left:0;right:auto;height:44px;min-width:120px;padding:0 20px}
    .product-category-section-topmore{padding-bottom:54px}
    .product-category-section-topmore .product-category-title{max-width:100%}
    .product-category-section-topmore .product-category-more{top:auto;bottom:0}
}