﻿@charset "utf-8"; 
:root{--color:#222E7C;}
@media (min-width:1025px){.head-contact em,.head-contact>a:hover{color:#000;}
.share-link ul a,.head-contact>a,.lang-icon{color:var(--fontcolor)}
.share-link ul a:hover{color:#fff;}
.lang-icon::before{border-color:var(--fontcolor)}}
footer a:hover,footer .foot-main .foot-item.foot-contact li .icon em{color:var(--color)}
.pro-d-main .pro-detail{width:calc(100% - 325px);padding-left:4%}
@media (max-width:1024px){.pro-d-main  .pro-detail{width:100%;padding-left:0px}}
.common-main.product-main .prolist-content{width:100%}
@media (min-width:1281px){.foot-item.foot-contact ul{position:relative;}
.foot-item.foot-contact ul>img{height:140px;position:absolute;right:0;top:0;width:auto;}
footer .foot-main .foot-item.foot-contact li:nth-child(1),footer .foot-main .foot-item.foot-contact li:nth-child(2){padding-right:50%}}
@media (max-width:1440px) and (min-width:1281px){.foot-item.foot-contact ul>img{height:110px}}
@media (max-width:1280px){.foot-item.foot-contact ul>img{margin:15px 0 0 45px;width:150px;max-width:calc(100% - 45px)}}
@media (max-width:480px){.foot-item.foot-contact ul>img{margin:15px 0 0 35px;max-width:calc(100% - 35px)}}
/* footer{background:url(https://css02.v15cdn.com/m422/img/common/foot-bg.webp) #E0E7E6  left top / cover no-repeat} */
footer .foot-main .foot-item .foot-title,footer .foot-sign .sign-tit,footer .foot-main .foot-item.foot-contact li .icon em{color:#111}
footer a,footer .foot-main .foot-item.foot-about,footer .copy{color:#a57f7f}
footer{background-color:#F0F7FF}
.head-top,.head-main{background:#fff}
footer .foot-main .foot-item.foot-contact li .con p{ color: #111;}
.siderbar-search button,.pro-detail .pro-btnlist .pro-btn{background:#E9E1F6}
.pro-d-main .kche-t3 .kche-color-theme{color:#E9E1F6 !important}
footer .foot-main .foot-item.foot-cate .share-link ul li{width:auto}
footer .foot-main .foot-item.foot-cate .share-link ul li a{display:inline-block}
footer .foot-main .foot-item.foot-cate .share-link ul li a::before{display:none}
footer .foot-main .foot-item.foot-cate .share-link ul li a i{color:#9C27B0}
footer .foot-main .foot-item.foot-cate .share-link ul li a{display:flex;align-items:center;justify-content:center}
footer .foot-main .foot-item.foot-cate .share-link ul li a:hover i{color:#fff}

@media (min-width:1301px){.head-menu-box nav>ul>li>a{padding:0 20px}}
@media (min-width:1025px) and (max-width:1230px){.head-menu-box nav>ul>li>a{padding:0 7px}}
@media (max-width:1024px){.head-menu-box nav>ul>li>a{padding:10px}}
@media (max-width:480px){.head-menu-box nav>ul>li>a{padding:12px 0}}
.pro-d-main .sidebar{display:none}
.pro-d-main .pro-detail{width:100%;padding-left:0}
.head-contact .icon-whatsapp:before {content:"\e60b";}
.head-contact a{font-size:var(--fontsize16)}
footer .foot-main .foot-item.foot-cate:nth-of-type(3) li { width: 100%; }

#liproducts ul{background:#f0f7ff;justify-content:space-between;flex-wrap:wrap}
#liproducts ul li{width:23%;text-align:center}
#liproducts ul li:last-child{width:100%;margin-top:3.5%}
#liproducts ul li a{padding:0}
#liproducts ul li img{width:100%}
@media (min-width:1367px){#liproducts ul{max-width:1280px;width:100%}}
@media (max-width:1366px) and (min-width:1025px){#liproducts ul{max-width:none;width:93%}}
@media (min-width:1025px){#liproducts{position:static}
#liproducts ul{display:flex;visibility:hidden;top:127px;left:50%;transform:scaleY(0) translateX(-50%);transition:all .3s ease-in-out}
#liproducts:hover ul{display:flex;height:auto;visibility:visible;padding:2% 3%;transform:scaleY(1) translateX(-50%);}
#licontact-us{display:flex;flex-direction:column;justify-content:center}
#licontact-us a{height:auto;color:#fff;background:var(--color);border:1px solid var(--color);border-radius:50px;padding:5px 20px;transition:all .3s ease-in-out}
}
@media (max-width:1024px){#liproducts ul{padding:15px}
#liproducts ul.act{display:flex!important}}
@media (max-width:768px){#liproducts ul li{width:48%}}
@media (max-width:540px){#liproducts ul li{width:100%}}
@media (min-width: 1024px) { .l-wrap {padding: 0px 90px;}}
.news-main .news-list.list0{display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}
.news-main .news-list.list0 li{width:100%;margin-right:0}
@media (max-width:1024px){.news-main .news-list.list0{grid-template-columns:repeat(1,1fr)}}
/* @media (min-width:1025px){footer .foot-main .foot-item.foot-contact{width:30%;}} */
@media (min-width: 1025px) {.head.is-fixed #liproducts ul { top: 66px;}}
footer {position: relative;background: #282b35;}
footer::before,footer::after{content:"";position:absolute;left:0;width:100%;height:60px;top:-59px;z-index:10;pointer-events:none;-webkit-mask-size:1000px 60px;mask-size:1000px 60px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}
footer::after{background-color:#282b35;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 60' preserveAspectRatio='none'%3E%3Cpath d='M0,60 V30 C150,0 350,0 500,30 C650,60 850,60 1000,30 V60 Z' fill='%23000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 60' preserveAspectRatio='none'%3E%3Cpath d='M0,60 V30 C150,0 350,0 500,30 C650,60 850,60 1000,30 V60 Z' fill='%23000'/%3E%3C/svg%3E");animation:waveMoveRight 12s linear infinite}
footer::before{background-color:var(--color);opacity:1;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 60' preserveAspectRatio='none'%3E%3Cpath d='M0,60 V30 C150,0 350,0 500,30 C650,60 850,60 1000,30 V60 Z' fill='%23000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 60' preserveAspectRatio='none'%3E%3Cpath d='M0,60 V30 C150,0 350,0 500,30 C650,60 850,60 1000,30 V60 Z' fill='%23000'/%3E%3C/svg%3E");-webkit-mask-position:-200px 0;mask-position:-200px 0;animation:waveMoveLeft 15s linear infinite}
@keyframes waveMoveRight {
0%   { -webkit-mask-position: 0 0; mask-position: 0 0; }
100% { -webkit-mask-position: 1000px 0; mask-position: 1000px 0; }}
@keyframes waveMoveLeft {
0%   { -webkit-mask-position: -200px 0; mask-position: -200px 0; }
100% { -webkit-mask-position: -1200px 0; mask-position: -1200px 0; }}
footer .foot-main .foot-item.foot-about{border-right: none;}
footer a, footer .foot-main .foot-item.foot-about, footer .copy{color: #ccc;}
footer .foot-main .foot-item .foot-title, footer .foot-sign .sign-tit, footer .foot-main .foot-item.foot-contact li .icon em{color: var(--headercolor);}
footer .foot-main .foot-item.foot-contact li .con p{color: var(--headercolor);}
footer .foot-main .foot-item.foot-contact{border-left: none;}
.foot-item.foot-contact ul>img{display: none;}
footer .foot-main .foot-item.foot-cate ul li{width: 100%;}
.share-link ul{display:flex;margin-top: 20px;}
.share-link ul a{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:20px;margin-right:5px;color:var(--headercolor);background: var(--color);transform: translateY(0);transition: all .2s linear;}
.share-link ul a i{font-size:var(--fontsize16)}
.share-link ul a:hover{transform: translateY(-4px);}
main{padding-bottom: 40px;}
@media (max-width: 1024px) {
footer .foot-main .foot-item.foot-about{display: block;width: 100%;max-width: 100%;}
footer .foot-about .foot-title{display: none;}
footer .foot-about .foot-intro{display: none;}
footer .foot-main .foot-item.foot-cate:nth-of-type(3) ul li{width: 100%;}
}