@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;}