﻿@charset "utf-8"; 
:root{--color:#1c489b;--color1:#ef8100;--bgcolor:#1c489b;}
.head-top{background:#343434}
.head-top .head-left .item em{color:var(--color1)}
.head-nav .nav-ul>li>a.inmenu_1{color:var(--color1)!important}
.head-nav .nav-ul>li:hover>a,.head-nav .nav-ul>li>ul li:hover>a{color:var(--color1)}
.head-nav .nav-ul>li>a::after,.home-more{background:var(--bgcolor)}
.home-case .homecase-wrap .swiper-slide .item .more{height:38px;color:#FFF;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;transition:all .1s linear;padding:0px 20px;text-transform:capitalize;cursor:pointer;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;transition-property:color;transition-duration:.5s;overflow:hidden}
.home-case .homecase-wrap .swiper-slide .item .more::before {content:"";position:absolute;z-index:-1;top:0px;left:0px;right:0px;bottom:0px;background:var(--color);transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;border-radius:3px}
.home-case .homecase-wrap .swiper-slide .item .more:hover::before {transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}
.home-about .homeabout-info .homeabout-list li span {color:var(--color1);background:#fff;border-color:#fff}
.home-about .homeabout-info .homeabout-more {color:var(--color1);}
.pro-list li:hover .pro-info .more{background:var(--color1);border-color:var(--color1)}
.prodetails-btnlist .pro-btn{background:var(--color1);border:none!important}
.prodetails-tabs .l-wrap .prodetails-tabs-item.act::after{background:var(--color1)}
.home-banner .swiper-slide>a::after{display:none;}
.tagContent{max-width:1334px;margin:0 auto}
.head-logo {height:100%;}
.head-logo a {height:100%;}
.head-logo a img {max-height:100%;}
.prodetails-content .prodetails-tabs .prodetails-tabs-item:nth-child(2){display:none}
.prodetails-name{color:#000;background:none;-webkit-text-fill-color:inherit}
.home-indexadv .indexadv-right ul li .icon em{color:var(--color1);}

.preview-container{display: flex;width: 54%;padding-right: 2%;height: 500px;}
.thumbnail-show {flex: 1;position: relative;display: flex;justify-content: center;height: auto !important;background: #eee;}
.thumbnail-box {width: 120px;margin-right: 20px;padding: 25px 0;margin-top: 0;position: relative;}
.preview-container .thumbnail-box .swiper {width: 100%;height: 95%;}
.thumbnail-box .prodetails-button-next, .thumbnail-box .prodetails-button-prev{position: absolute;top: 0px;left: 0;width: 100%;height: 20px;background: var(--color);color: #FFFFFF;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all .1s linear;z-index: 9;border-radius: unset;border: none;}
.thumbnail-box .prodetails-button-next {left: auto;right: auto;top: auto;bottom: 0;}
.thumbnail-box .prodetails-button-prev em{transform: rotate(180deg);}
.prodetails-button-next,.prodetails-button-prev{width: 45px;height: 45px;background: #fff;border-radius: 10px;border: 1px solid #e0e0e0;color: #999;display: flex;align-items: center;justify-content: center;position: absolute;left: 20px;top: 50%;transform: translateY(-50%);z-index: 2;transition: all .1s linear;cursor: pointer;}
.prodetails-button-next{left: auto;right: 20px;}
.thumbnail-show .small-box{width: 500px;aspect-ratio: 1/1;background: #fff;position: relative;display: flex;align-items: center;justify-content: center;overflow: hidden;}  
@media (max-width:1024px) {
    .prodetails-top{flex-wrap: wrap;}
    .thumbnail-box .swiper-slide{width: 100% !important;}
    .preview-container{width: 100%;padding-right: 0;}
    .prodetails-info{margin-left: 0;}
}
@media (max-width:768px) {
    .thumbnail-box .prodetails-button-next, .thumbnail-box .prodetails-button-prev{display: flex;width: 50px;height: 50px;justify-content: center;align-items: center;top: 50%;border-radius: 100%;}
    .preview-container .thumbnail-box .swiper{height: 100%;}
    .preview-container .thumbnail-box{display: none;}
    .preview-container{padding-right: 0;}
    .thumbnail-box .prodetails-button-next{right: 0;}
    .thumbnail-box .prodetails-button-next em, .thumbnail-box .prodetails-button-prev em{color: #fff;}
    .thumbnail-box .prodetails-button-prev em {transform: rotate(90deg);}
    .thumbnail-box .prodetails-button-next em{transform: rotate(270deg);}
}
.home-solution {background:url(/uploads/42276/page/p20240806131231ca13a.jpg) no-repeat center;background-size:cover;position:relative;}
.home-solution .loading {display:none;}
.home-solution .l-wrap {position:relative;}
.home-solution:before {content:'';width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;}
.pro-list li .pro-info .more{color: #fff;background: var(--bgcolor);}
.prodetails-btnlist .pro-btn{background: var(--bgcolor);}
.pro-list li:hover .pro-info .more{border-color: var(--bgcolor);background: var(--bgcolor);}
.home-indexadv .indexadv-right ul li p{font-size:15px;}
.prodetails-btnlist .pro-btn::before,.home-more::before,.wmkcfeedback .send-btn::before{background:var(--color1)}
.thumbnail-box .prodetails-button-next:hover, .thumbnail-box .prodetails-button-prev:hover{color:#fff;background:var(--color1)}
.home-case .homecase-wrap .swiper-slide .item .more{background:var(--color)}
.home-case .homecase-wrap .swiper-slide .item .more::before{background:var(--color1)}
.homenews-list li .icon{border-color:var(--color1)}
.homenews-list li.act .icon{background:var(--color1)}
.homenews-list li .icon em{color:var(--color1)}
.pro-list li .pro-info .more:hover{background:var(--color1);border-color:var(--color1)}
.home-about .homeabout-img lite-youtube{max-width:100%;height:100%}
.prodetails-btnlist>*{background: var(--bgcolor);}