@charset "utf-8"; 
@font-face {font-family: "iconfont";src: url('/js/25951/iconfont.ttf') format('truetype');}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-linkedin:before {content: "\e6ce";}
.icon-caigoujihuaguanli:before {content: "\e62f";}
.icon-dairukudan:before {content: "\e630";}
.icon-gongyinglianguanli:before {content: "\e631";}
.home-mainpro .pro-list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.hovereffect{width:100%;overflow:hidden;position:relative;text-align:center;cursor:default}
.hovereffect .overlay{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;background-color:rgba(0,0,0,.3);opacity:0;-webkit-transform:translate(460px,-100px) rotate(180deg);-ms-transform:translate(460px,-100px) rotate(180deg);transform:translate(460px,-100px) rotate(180deg);-webkit-transition:all .2s .4s ease-in-out;transition:all .7s .1s ease-in-out}
.hovereffect:hover .overlay{opacity:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.overlay p{font-weight:var(--fontbold6);letter-spacing:2px;padding-top:1.5rem;color:#fafafa;padding-left:10px;padding-right:10px;}
.hovereffect .info{display:inline-block;text-decoration:none;padding:1rem .875rem;text-transform:uppercase;color:#fff;border:1px solid #fff;margin:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.hovereffect .info:hover{box-shadow:0 0 .25rem #fff}
.pro-item{width:24%;margin-right:1%;margin-bottom:.5rem;list-style:none;position:relative}
.pro-item-tit{width:100%;height:4.75rem;overflow:hidden;text-overflow:ellipsis}
.pro-item-tit .h2,.pro-item-tit h2{color:#333;font-weight:var(--fontbold4);font-size:1rem;text-align:center;line-height:4.75rem;overflow:hidden;text-overflow:ellipsis}
.pro-item:hover .pro-item-tit a{display:block;width:100%;height:100%;background:var(--color);color:#fff}
.pro-item-pic{width:100%;}
@media screen and (max-width:768px){.pro-item{width:48%}}
@media screen and (max-width:550px){.pro-item{width:100%}}
.pro-item .pro-item-tit a{display:block}
header{background: rgba(21, 21, 21, .6);}
.home-banner .swiper-slide>a::after{background: none;}
.head-left .item{color: #fff;font-weight: 500;}
footer a,footer .foot-contact ul li p,footer .copyright{color: #000;font-weight: 600;}
.pro-list li .pro-img img,.maylink-list .swiper-slide .pro-img img{background:#fff;object-fit:contain}
#serviceswiper .swiper-wrapper{align-items:initial;}
#serviceswiper .swiper-slide .icon{align-items:initial;}
#serviceswiper .swiper-slide{height:auto;display:flex;flex-direction: column;justify-content: space-between;}
@media (min-width:1025px){#serviceswiper .swiper-slide .icon li{width:24%;margin:10px 0;}
.pro-main .page-nav .pagenav-catelist>li{display:none;}
.pro-main .page-nav .pagenav-catelist>li.active{display:block;}}
#customswiper .customswiper-pagination .swiper-pagination-bullet{width: 130px;height: auto;border-radius: 0;border: 1px solid #eee;}
#customswiper .customswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{height:auto}
#customswiper .customswiper-pagination .swiper-pagination-bullet img{height:50px;}
.home-exhibition{padding:4% 0 0;}
.homeexhiSwiper{margin-top:3%;padding-bottom:40px;}
.homeexhiSwiper .swiper-wrapper{align-items: center;}
.homeexhiSwiper .swiper-pagination-bullet-active{background:var(--color)}
.hovereffect .info{padding: 10px;margin: 15px 0 0 0;}
footer .foot-share ul a em, footer .foot-share ul a i{font-size: 32px;line-height: 1;}
.prodetails-text{color: #000000;}
.share-btn-list .youtube{background: red url(https://img01.v15cdn.com/share/youtube1.webp) no-repeat center;background-size: 22px 22px;}
.head-nav .nav-ul>li>ul a{height: 32px;line-height: 32px;}
.home-exhibition .exhibition-items{display:flex;background:#dbe5e2;border-radius:120px;overflow:hidden;padding:0 40px;justify-content: space-between;}
.home-exhibition .exhibition-items img{aspect-ratio:838/280}
@media (max-width:500px){.home-exhibition .exhibition-items{background:0 0;padding:0}}
.pro-item .pro-item-tit a{font-weight:var(--fontbold7)}
@media (min-width:1025px){.pro-item .pro-item-tit a{font-size:19px}}
.aboutimg lite-youtube{background-image:url(/uploads/25951/page/p20241212151816762ff.jpg) !important}
 #customswiper .customswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color: transparent;width: 130px;}
 #customswiper .customswiper-pagination{position:relative}
#customswiper .customswiper-pagination::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:11;background:0 0}
.home-helpcenter .list .info{width: 100%;text-align: center;}
.home-exhibition .exhibition-items .exhibition-item{width:18%;display: flex;align-items: center;}
footer .foot-contact ul li em{color: #444;}
.home-choose .chooseinfo ul li{align-items: center;}
.head-nav .search-input input{background: #fff;color:#000}
footer .l-wrap{display: flex;align-items: center;}
.footer-submenu{padding-top: 50px;padding-right: 50px;}
.footer-submenu li{list-style: none;}
footer .foot-share ul li:nth-of-type(1) i{color: #3B5997;}
footer .foot-share ul li:nth-of-type(2) i{color: #0A66C2;}
footer .foot-share ul li:nth-of-type(3) i{color: #FF0000;}
footer .foot-share ul li:nth-of-type(4) i{color: #000000;}
@media (max-width:1400px) {.footer-submenu {padding-right: 0;}}
@media (max-width:1024px) {footer .l-wrap{flex-direction: column;}
.footer-submenu li{width: 49%;}
.footer-submenu{display: flex;flex-wrap: wrap;}}
.home-inq{position: fixed;bottom: calc(80px + env(safe-area-inset-bottom));right: 35px;z-index: 99;border: 1px solid #666;padding: 10px;line-height: 1;background: #5eb68c;font-size: 16px;border-radius: 4px;}
.home-inq a{color: #fff;}
@media (min-width:1025px){.page-nav .pagenav-catelist>li a{font-size:var(--fontsize24)}}
@media (min-width:1441px){.home-title{font-size:44px;}}
iframe { height: revert-layer;}
.head-top .head-right .head-share ul {opacity: 1; transform: translateX(0);overflow: inherit;visibility: inherit;position: static;}
.head-top .head-right .head-share{width: auto;}
.tagContent table{margin:0 auto}


/*prodetails*/
.pro-d-main .sidebar{width:250px;margin-right:45px;}
.pro-d-main .sidebar-search{background-color:#F6F6F6;border-radius:var(--borderradius);box-sizing:border-box;padding:10px;display:flex;margin-bottom:20px;overflow:hidden}
.pro-d-main .sidebar-search input{flex:1;background-color:#FFFFFF;outline:0;border:none;box-sizing:border-box;padding:0px 15px;border-top-left-radius:var(--borderradius);border-bottom-left-radius:var(--borderradius);border:1px solid transparent;transition:all .1s ease}
.pro-d-main .sidebar-search input:focus{border-color:var(--color)}
.pro-d-main .sidebar-search button{width:45px;height:45px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background-color:var(--color);outline:0;border:none;color:#FFFFFF;border-top-right-radius:var(--borderradius);border-bottom-right-radius:var(--borderradius);transition:all .1s linear}
.pro-d-main .sidebar-search button:hover{opacity:.9}
.pro-d-main .sidebar-item{box-sizing:border-box;margin-bottom:20px;border-radius:var(--borderradius);width:100%}
.pro-d-main .sidebar-item.category .sidebar-title{background:var(--color);padding:5px 20px;color:#fff;}
.pro-d-main .sidebar-item.category .sidebar-title:before{display:none;}
.pro-d-main .sidebar-item.category>ul{background:var(--color);margin-top:10px;}
.pro-d-main .sidebar-item.category ul{list-style:none}
.pro-d-main .sidebar-item.category ul.pro-menu{display:none}
.pro-d-main .sidebar-item.category .menu-item{box-sizing:border-box;padding:17px 10px;position:relative;transition:all .2s linear;border-bottom:1px solid #fff;line-height:1.3}
.pro-d-main .sidebar-item.category .menu-item a{color:#fff}
.pro-d-main .sidebar-item.category .menu-item:last-child{margin-bottom:0px}
.pro-d-main .sidebar-item.category .menu-item .icon-arrow-down{width:20px;height:20px;border-radius:50%;background-color:#e8e8e8;display:inline-flex;align-items:center;justify-content:center;position:absolute;right:10px;top:17px;cursor:pointer;transform:rotate(-90deg);transition:all .2s linear}
.pro-d-main .sidebar-item.category .menu-item:hover{background:#8FC740;}
.pro-d-main .sidebar-item.category .menu-item.active{background-color:#8FC740;color:#FFFFFF}
.pro-d-main .sidebar-item.category .menu-item.active .icon-arrow-down{color:var(--color);transform:rotate(0);background-color:#FFFFFF}
.pro-d-main .sidebar-item.category .menu-item.active:hover{color:#FFFFFF}
.pro-d-main .sidebar-item.category .sub-menu{box-sizing:border-box;padding-left:20px;margin-top:4px;display:none}
.pro-d-main .sidebar-item.category .sub-menu li{margin:6px 0px}
.pro-d-main .sidebar-item.category .menu-item>a{box-sizing:border-box;padding-right:30px}
.pro-d-main .sidebar-title{font-size:var(--fontsize24);color:var(--introcolor);margin-bottom:15px;position:relative;border-bottom:1px solid #dee1e6;box-sizing:border-box;padding-bottom:10px}
.pro-d-main .sidebar-item.inquiry .sidebar-title{margin-bottom:10px}
.pro-d-main .sidebar-title::before{content:"";position:absolute;top:8px;left:-15px;height:24px;border-left:2px solid var(--color)}
.pro-d-main .sidebar-item.hotpro .sidebarhot-item{width:100%;display:flex;align-items:center;margin-bottom:20px}
.pro-d-main .sidebar-item.hotpro .sidebarhot-item .sidebarhot-img{width:100px;height:100px;display:block;overflow:hidden;border-radius:var(--borderradius)}
.pro-d-main .sidebar-item.hotpro .sidebarhot-item .sidebarhot-img img{width:100%;height:100%;object-fit:contain;background:#fff;transition:all .2s ease}
.pro-d-main .sidebar-item.hotpro .sidebarhot-item .sidebarhot-info{flex:1;padding-left:15px}
.pro-d-main .sidebar-item.hotpro .sidebarhot-item .sidebarhot-info .title{line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:all .2s ease}
.pro-d-main .sidebar-item.hotpro .sidebarhot-item .sidebarhot-info .more{color:var(--color);text-transform:lowercase;display:flex;align-items:center}
.pro-d-main .sidebar-item.hotpro .sidebarhot-item .sidebarhot-info .more em{margin-left:4px;margin-top:2px}
.pro-d-main .sidebar-item.hotpro .sidebarhot-item:hover .sidebarhot-img img{transform:scale(1.02)}
.pro-d-main .sidebar-item.hotpro .sidebarhot-item:hover .sidebarhot-info .title{color:var(--color)}
.pro-d-main .sidebar-item.hotpro .sidebarhot-item:last-child{margin-bottom:0px}
.pro-d-main .sidebar-item.latestnews .sidebarhot-item{width:100%;display:flex;align-items:center;margin-bottom:20px}
.pro-d-main .sidebar-item.latestnews .sidebarhot-item .sidebarhot-img{width:100px;height:100px;display:block;overflow:hidden;border-radius:var(--borderradius)}
.pro-d-main .sidebar-item.latestnews .sidebarhot-item .sidebarhot-img img{width:100%;height:100%;object-fit:cover;transition:all .2s ease}
.pro-d-main .sidebar-item.latestnews .sidebarhot-item .sidebarhot-info{flex:1;padding-left:15px}
.pro-d-main .sidebar-item.latestnews .sidebarhot-item .sidebarhot-info .title{line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:all .2s ease}
.pro-d-main .sidebar-item.latestnews .sidebarhot-item .sidebarhot-info .more{color:var(--color);text-transform:lowercase;display:flex;align-items:center}
.pro-d-main .sidebar-item.latestnews .sidebarhot-item .sidebarhot-info .more em{margin-left:4px;margin-top:2px}
.pro-d-main .sidebar-item.latestnews .sidebarhot-item:hover .sidebarhot-img img{transform:scale(1.02)}
.pro-d-main .sidebar-item.latestnews .sidebarhot-item:hover .sidebarhot-info .title{color:var(--color)}
.pro-d-main .sidebar-item.latestnews .sidebarhot-item:last-child{margin-bottom:0px}
.pro-d-main .sidebar-item.inquiry{background:#f6f6f6;padding:15px;}
.pro-d-main .sidebar-item.inquiry .wmkcfeedback .inquiry-form>*{width:100%;border-color:#e5e5e5;}
@media (max-width:1024px){.pro-d-main .sidebar{display:none;}}
@media (min-width:769px){.pro-d-main .page-main{flex:1;width:calc(100% - 380px)}
.pro-d-main .page-container{display:flex;flex-wrap:wrap;justify-content: space-between;}
.preview-container{flex-direction: column-reverse;height:auto;}
.preview-container .thumbnail-box{width:100%;margin-right:0;padding:0;margin-top:20px;}
.preview-container .thumbnail-box .swiper{height:auto;width:calc(100% - 70px)}
.thumbnail-box .prodetails-button-next, .thumbnail-box .prodetails-button-prev{width:30px;height:100%;}
.thumbnail-box .prodetails-button-prev{top:0;left:0;right:auto;bottom:auto;}
.thumbnail-box .prodetails-button-prev em{transform: rotate(90deg);}
.thumbnail-box .prodetails-button-next{right:0;top:0;bottom:auto;left:auto;}
.thumbnail-box .prodetails-button-next em{transform: rotate(-90deg);}
.preview-container .thumbnail-box .item img{aspect-ratio: 1/1;object-fit: contain;}
.prodetails-info{padding-top:0;padding-bottom:0;}
.prodetails-top{align-items: flex-start;}
}
.prodetails-name{border-bottom:1px solid #DDDDDD;padding-bottom:20px;margin-bottom:10px;line-height: 1;}
.prodetails-info .prodetails-btnlist{margin-top:15px;}
.prodetails-tabs{background:none;border-radius: 0;border-top:1px solid #EEEEEE;height:auto;}
.prodetails-tabs .prodetails-tabs-item{border-radius:0 0 10px 10px;margin:0 10px;}
.prodetails-tabs .prodetails-tabs-item.sendinquiry{background: #eee;}
.pro-d-main .protypefeedback{background:none;padding-top:0;padding-bottom:0;}
.pro-d-main .inquiry-title{text-align:left;position: relative;padding-left:15px;border-bottom:1px solid #e5e5e5;padding-bottom:10px;}
.pro-d-main .inquiry-title:before{content:'';width:5px;height:60%;background: var(--color);display: block;position: absolute;top:50%;left:0;transform: translateY(-50%);}
.pro-d-main .protypefeedback .wmkcfeedback .inquiry-form>*{border-color:#e5e5e5;}
@media (max-width:768px){.preview-container .thumbnail-box .item img{object-fit: contain;}}
@media (min-width:1025px){.pro-d-main .sidebar-item.inquiry{position:sticky;top:100px}}