@import url(https://js01.v15cdn.com/single-template/public.css);
@font-face{font-family:iconfont2;font-display:swap;src:url(https://css02.v15cdn.com/m422/fonts/iconfont.woff2?t=1743392225771) format('woff2'),url(https://css02.v15cdn.com/m422/fonts/iconfont.woff?t=1743392225771) format('woff'),url(https://css02.v15cdn.com/m422/fonts/iconfont.ttf?t=1743392225771) format('truetype')}
/*.iconfont{font-family:iconfont2!important;}*/
/*.icon-play:before{content:"\e627"}*/
.home-video a{display:block;width:100%;position:relative}
.videoplay{padding:15px;display:flex;align-items:center;justify-content:center;position:absolute;border-radius:50%;background:#3a9bdc77;z-index:2;top:50%;left:48%;transform:translate(-50%,-50%)}
.videoplay em{font-size:20px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color);color:#fff;}
@media (max-width:768px){.videoplay{padding:8px}
.videoplay em{font-size:25px;width:40px;height:40px;}}
#ind{padding-bottom:0;}
#ind .ind-r{background:#f5f5f5}
#product{background:#F5F5F5;padding:140px 0 90px;margin-top:-54px;margin-bottom:0;}
.pro-list2 {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;}
.pro-list2 li .pro-item {width:100%;height:100%;display:flex;flex-direction:column;}
.pro-list2 li .pro-item .pro-img a {position:relative;width:100%;height:100%;display:flex;justify-content:center;background:#fff;}
.pro-list2 li .pro-item .pro-img a img {display:block;width:100%;max-width:500px;aspect-ratio:10/8;object-fit:contain;background:#fff;padding:30px 10px 10px}
.pro-list2 li .pro-item .pro-img a span {font-size:var(--fontsize18);position:absolute;top:16px;left:0;font-weight:bold;width:100%;display:block;padding:0 0 0 30px;text-transform:capitalize;color:#1E3E83}
.pro-list2 li .pro-item .pro-name {flex:1;display:flex;align-items:center;justify-content:center;text-align:center;background:#1E3E83;color:#fff;padding:10px;text-transform:capitalize;font-size:25px;}
@media (max-width:1280px){.pro-list2 li .pro-item .pro-img a span {top:10px;padding:0 0 0 20px;}
.pro-list2 li .pro-item .pro-name {font-size:var(--fontsize22);}}
@media (max-width:1080px){.pro-list2{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px;margin-bottom:40px}}
@media (max-width:768px){.pro-list2 li .pro-item .pro-name{font-size:var(--fontsize16);padding:8px}
.pro-list2 li .pro-item .pro-img a span{font-size:var(--fontsize14);padding-left:10px}
#product{margin:0;padding:50px 0 30px}
#ind{margin-bottom:0;}}