@charset "utf-8";
:root{--color:#073686;--headercolor:#000000}
header{background: #fff;}
body{padding-top: 120px;}
.lang-icon img{filter: brightness(0)}
@media screen and (min-width:1025px) {.head-share ul a{color:var(--color);}
header.is-active .head-top{height: auto;opacity: 1;}}
@media (max-width: 1024px) {body {padding-top: 0px;}}
iframe{aspect-ratio: 800 / 450;}
footer {background-color: #24262A;}
@media (max-width:768px){.banner-inner .pagesbanner img{object-fit:contain}
.banner-inner .pagesbanner,.banner-inner .pagesbanner img{min-height:unset}}
.pro-d-main .pagesbanner .pagesbanner-animate{transform:translateY(-50%);left:5%;top:50%;width: 580px;max-width: 50%;}
.pro-d-main .pagesbanner .pagesbanner-animate .p1{text-align: left;line-height: 1;font-size: 80px;color:var(--fontcolor)}
.pro-d-main .pagesbanner .pagesbanner-animate .p1 strong{font-size: 120px;}
.pro-d-main .pagesbanner .pagesbanner-animate .p2{margin-top: 0;text-align: left;line-height: 1;font-size: 22px;color:var(--fontcolor)}
.pagesbanner-animate .box{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 20px;}
.pagesbanner-animate .box .item{width: 48%;background: #000000;padding: 8px 0;border-radius: 5px;margin-bottom: 20px;font-size: 20px;}
@media (max-width:1440px) {.pro-d-main .pagesbanner .pagesbanner-animate .p1{text-align: left;line-height: 1;font-size: 60px;}
.pro-d-main .pagesbanner .pagesbanner-animate .p1 strong{font-size: 80px;}
.pro-d-main .pagesbanner .pagesbanner-animate .p2{font-size:16px;}
.pagesbanner-animate .box .item{padding: 8px 10px;font-size: 16px;}
.pro-d-main .pagesbanner .pagesbanner-animate{width:450px}}
@media (max-width:1024px) {.pagesbanner-animate{display: none;}}
.pro-main .pagesbanner .pagesbanner-animate{transform:translateY(-50%);left:5%;top:50%;width: 580px;max-width: 50%;}
.pro-main .pagesbanner .pagesbanner-animate .p1{text-align: left;line-height: 1;font-size: 80px;color:var(--fontcolor)}
.pro-main .pagesbanner .pagesbanner-animate .p1 strong{font-size: 120px;}
.pro-main .pagesbanner .pagesbanner-animate .p2{margin-top: 0;text-align: left;line-height: 1;font-size: 22px;color:var(--fontcolor)}
.pro-main .pagesbanner .pagesbanner-animate .box{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 20px;}
.pro-main .pagesbanner .pagesbanner-animate .box .item{width: 48%;background: #000000;padding: 8px 0;border-radius: 5px;margin-bottom: 20px;font-size: 20px;}
@media (max-width:1440px) {.pro-main .pagesbanner .pagesbanner-animate .p1{text-align: left;line-height: 1;font-size: 60px;}
.pro-main .pagesbanner .pagesbanner-animate .p1 strong{font-size: 80px;}
.pro-main .pagesbanner .pagesbanner-animate .p2{font-size:16px;}
.pro-main .pagesbanner .pagesbanner-animate .box .item{padding: 8px 10px;font-size: 16px;}
.pro-main .pagesbanner .pagesbanner-animate{width:450px}}
@media (max-width:1024px) {.pro-main .pagesbanner .pagesbanner-animate{display: none;}}
@media (max-width:768px){.head-logo a img{max-height:30px;}}

body{overflow-x: initial;}
header{max-width:1920px;}
.footer-fixed{background: linear-gradient(90deg,#5ADAE3,#0652B0);padding:10px 0;position: sticky;bottom:0;z-index:9;color:#fff;display:none}
.footer-fixed .l-wrap{display:flex;justify-content: space-between;align-items: center;flex-wrap:wrap;padding: 0 10px;}
.footer-fixed .l-wrap .left{width:30%;padding-right:20px;border-right:1px solid #fff;line-height: 1.5;}
.footer-fixed .l-wrap .left .tit{font-weight: var(--fontbold7);font-size:20px;color:#FDDE5E;}
.footer-fixed .l-wrap .left p{font-weight: var(--fontbold7);font-size:24px;}
.footer-fixed .l-wrap .right{width:70%;padding-left:20px;}
.footer-fixed .l-wrap .right .tit{font-weight: var(--fontbold7);font-size:20px;color:#FDDE5E;}
.footer-fixed .l-wrap .right .des{font-size:16px;}
.footer-fixed .l-wrap .right ul li{display:flex;}
.footer-fixed .l-wrap .right ul li .text{font-weight: var(--fontbold7);}
.footer-fixed .l-wrap .right ul li .art{padding-left:10px;}
@media (min-width:1025px) and (max-width:1440px){.footer-fixed .l-wrap .right .des{font-size:0.9vw;}
.footer-fixed .l-wrap .right ul li .text{font-size:0.8vw;}
.footer-fixed .l-wrap .left p{font-size:1.5vw;}}
@media (max-width:1024px){.footer-fixed{padding:10px 0;}
.footer-fixed .l-wrap .left p{font-size: 22px;}}
@media (max-width:768px){.footer-fixed{bottom:55px}
.footer-fixed .l-wrap .left{width:100%;padding:0;border:none;}
.footer-fixed .l-wrap .right{padding-top:10px;width:100%;padding:0;}
.footer-fixed{z-index:10;}
footer .bottom-btn{opacity: 1;transform: translateY(0);}}
@media (max-width:550px){.footer-fixed .l-wrap .left .icon{display:none}
.footer-fixed .l-wrap .left p{font-size:18px;}
.footer-fixed .l-wrap .right .tit{font-size: 16px;}
.footer-fixed .l-wrap .left .tit{font-size: 16px;}
.footer-fixed .l-wrap .right .des,.footer-fixed .l-wrap .right ul li{font-size:12px;}}
@media (min-width:769px){.footer-fixed .l-wrap{justify-content:center;}
.footer-fixed .l-wrap .right{width:auto;max-width:70%;}}
  .prodetails-description-tabs{display:flex;border-bottom:1px solid #ddd;gap:5px;width:100%}
.prodetails-descriptiontab{padding:14px 28px;background:#f2f3f5;border-top-left-radius:12px;border-top-right-radius:12px;color:#555;font-weight:600;cursor:pointer;transition:all 0.3s ease;position:relative;top:1px;text-align:center;flex:1}
.prodetails-descriptiontab:hover{background:#e9ebee}
.prodetails-descriptiontab.active{background:#076ae2;color:#fff;box-shadow:0 -2px 10px rgba(7,106,226,0.2)}
.prodetails-description::after{display:none}
.prodetails-descriptiontab-content{background:#fff;padding:25px;border-radius:0 12px 12px 12px;box-shadow:0 2px 8px rgba(0,0,0,0.05);margin-top:-1px}
.prodetails-descriptiontab-pane{display:none;animation:fadeIn 0.4s ease}
.prodetails-descriptiontab-pane.active{display:block}
.prodetails-descriptiontab-pane .prodtabitem{display: none;animation: fadeIn 0.4s ease;}
.prodetails-descriptiontab-pane .prodtabitem.active{display: block;}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}}
@media (max-width:768px){.prodetails-description-tabs{flex-wrap:wrap}
.prodetails-descriptiontab{width:49%;flex:unset}
}