@charset "utf-8";
.wmkc-template-33 .wmkc-flex{display:flex;align-items:center}
.wmkc-template-33 .wmkc-item-img{padding:0!important}
@media (min-width:1025px){.page-main{width:calc(100% - 320px)}}
@media (min-width:1281px){.page-main{width:calc(100% - 380px)}}
.pro-list.list0 li {align-items:inherit;flex-direction:column;width:32%;margin-right:2%;}
.pro-list.list0 li:nth-child(3n) {margin-right:0;}
.pro-list.list0 li .pro-img{width:100%}
.pro-list.list0 li .pro-info {justify-content:inherit;text-align:center;padding:10px;}
.pro-list.list0 li .pro-info .text {display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:20px;line-height:20px}
.pro-list li .pro-info .pro-btn {margin-top:auto;}
@media (max-width:768px){.pro-list.list0 li {width:48%;margin-right:4%}
.pro-list.list0 li:nth-child(3n) {margin-right:4%;}
.pro-list.list0 li:nth-child(2n) {margin-right:0;}}
.home-banner .banner-animote{bottom:auto;top:47%;transform:translateY(-50%);font-size:26px;width:40%}
.home-banner .banner-animote.bannertxt2{width:43%}
.home-banner .banner-animote.bannertxt3{width:31%}
.home-banner .swiper-slide-active .banner-animote{animation:bannerani2 .5s forwards;}
@keyframes bannerani2{0%{opacity:0;margin-left:40px}
100%{opacity:1;margin-left:0}}
.smtitle{font-size:1.2em;font-weight:bold;font-style:italic}
.home-banner .banner-animote.bannertxt1 .smtitle{color:red}
.home-banner .banner-animote .title{font-size:1.6em;text-transform:uppercase;line-height:1.1;margin:.3em 0 .6em}
.home-banner .banner-animote .text{font-size:.6em;text-transform:uppercase;letter-spacing:1px;font-weight:bold}
.home-banner .banner-animote .text span{font-size:1.3em}
.home-banner .banner-animote .btn{margin-top:1em}
.home-banner .banner-animote .btn a{background:var(--color);display:inline-block;text-transform:uppercase;font-size:.8em;padding:.2em 1.5em;font-weight:bold}
.home-banner .banner-animote .btn a:hover{background:#fff;color:var(--color)}
@media (max-width:1700px){.home-banner .banner-animote{font-size:24px}}
@media (max-width:1500px){.home-banner .banner-animote{font-size:22px}}
@media (max-width:1400px){.home-banner .banner-animote{font-size:20px;top:44%}
.home-banner .banner-animote .text{font-size:.7em}}
@media (max-width:1280px){.home-banner .banner-animote{font-size:18px;}}
@media (max-width:1150px){.home-banner .banner-animote{font-size:15px;}}
@media (max-width:1024px){.home-banner .banner-animote{padding:0;left:5%;font-size:13px;width:50%!important}
.home-banner .banner-animote .text{font-size:12px}
.home-banner .banner-animote .btn a{font-size:13px}}
@media (max-width:768px){.home-banner .banner-animote .text{display:none}}
@media (max-width:500px){.home-banner .banner-animote .smtitle{font-size:12px}
.home-banner .banner-animote .title{font-size:16px;margin-bottom:0}
.home-banner .banner-animote .btn{display:none}
.home-banner .banner-animote{top:38%}
.home-banner .banner-animote.bannertxt4{left:8%}}
.pro-list.list0 li .pro-info .text{color: var(--color);}
main .wmkc-bg-teal-light,main .wmkc-forged-teal-light::after,main .wmkc-forged-teal-light::before,main .wmkc-forged-teal-light>li::before,main .kche-t13>h5{background-color:var(--color) !important}
#tagTabs{display:none;}
.tagContent{padding-top:0;}