@charset "utf-8"; 
:root {--color: #E15418;}
@font-face {font-family: 'bannertext1';src:url('/js/22148/bannerfont/DeliusUnicase-Regular.ttf') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'bannertext2';src:url('/js/22148/bannerfont/Cookie-Regular.ttf') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'bannertext3';src:url('/js/22148/bannerfont/DeliusSwashCaps-Regular.ttf') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'bannertext4';src:url('/js/22148/bannerfont/LibreBodoni-VariableFont_wght.ttf') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'bannertext5';src:url('/js/22148/bannerfont/MsMadi-Regular.ttf') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'bannertext6';src:url('/js/22148/bannerfont/NotoSansDisplay-VariableFont_wdth,wght.ttf') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'bannertext7';src:url('/js/22148/bannerfont/Merriweather-Regular.ttf') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'bannertext8';src:url('/js/22148/bannerfont/GreatVibes-Regular.ttf') format('woff');font-weight: normal;font-style: normal;}
@media(min-width:769px){.contactlist li { width: 31%;}}
.kche-t171 .kche-t171-item { background-color: #fcfcfc;}
.kche-t45>.kche-flex {padding-left: 20px;background: #fcfcfc;}
.home-banner .swiper-slide>a::after{background: none;}
.home-banner .swiper-slide-active img {animation: none;}
#indexbanner .banner-animote{font-weight:var(--fontbold7)}
#indexbanner .banner-animote.ban1{color:var(--fontcolor);top:30%;}
#indexbanner .banner-animote.ban1 .title{font-size:40px;line-height:1.3;font-family: "Protest Revolution";color:#fff;}
#indexbanner .banner-animote .title span{color:#E15418}
#indexbanner .banner-animote.ban1{text-align: right;}
#indexbanner .banner-animote.ban1 .des{font-size:20px;margin:20px 0;font-family: "Protest Revolution";color:#fff;}
#indexbanner .banner-animote.ban1 .more{display:inline-block;width:210px;height:45px;border-radius: 30px;text-align: center;color:#fff;background:var(--fontcolor);border:2px solid #fff;font-style: italic;font-weight:normal;transition: all .3s;cursor: pointer;}
#indexbanner .banner-animote.ban1 .more a{display:inline-block;border-bottom:1px solid #fff;color:#fff;padding-bottom:3px;}
#indexbanner .banner-animote.ban1 .more:hover{background:#fff;}
#indexbanner .banner-animote.ban1 .more:hover a{color:var(--fontcolor);border-color:var(--fontcolor)}
#indexbanner .banner-animote.ban2{background:rgba(255,255,255,0.7);border:2px solid #fff;text-align: left;color:var(--fontcolor);max-width:32%;left:25%;padding:20px;top:50%;}
#indexbanner .banner-animote.ban2 .title{font-size:40px;line-height:1.3;}
#indexbanner .banner-animote.ban2 .des{margin-top:10px;font-size:18px;}
#indexbanner .banner-animote.ban3{top:23%;}
#indexbanner .banner-animote.ban3 .title{text-align: center;display: inline-block;background:rgba(255,255,255,0.7);border:2px solid #fff;color:var(--fontcolor);padding:3% 5%;font-size:30px;}
@media (min-width:1601px){#indexbanner .banner-animote.ban1{padding-right:0;margin-left:5%}}
@media (max-width:1600px){#indexbanner .banner-animote.ban1{top:35%}
#indexbanner .banner-animote.ban1 .title{font-size:2.6vw;}
#indexbanner .banner-animote.ban1 .des{font-size:1.3vw;font-weight:normal}
#indexbanner .banner-animote.ban2{left:25%;}
#indexbanner .banner-animote.ban2 .title{font-size:2vw;}
#indexbanner .banner-animote.ban2 .des{font-size:0.95vw}
#indexbanner .banner-animote.ban3{top:35%;}
#indexbanner .banner-animote.ban3 .title{font-size:1.8vw;}}
@media (max-width:1440px){#indexbanner .banner-animote.ban1{padding-right:10%;top:40%;}}
@media (max-width:1024px){#indexbanner .banner-animote.ban1{padding-right:7%;top:30%;}
#indexbanner .banner-animote.ban2{left:25%;}}
@media (max-width:768px){#indexbanner .banner-animote.ban1 .title{font-size:20px;}
#indexbanner .banner-animote.ban1 .des{font-size:12px;}
#indexbanner .banner-animote.ban1 .more{display:none;}
#indexbanner .banner-animote.ban2{padding:10px;max-width:52%;left:35%;}
#indexbanner .banner-animote.ban2 .title{font-size:20px;}
#indexbanner .banner-animote.ban2 .des{font-size:12px;}
#indexbanner .banner-animote.ban3{padding:10px 20px;}
#indexbanner .banner-animote.ban3 .title{font-size:16px;}}
@media (max-width:550px){#indexbanner .banner-animote.ban1{top:50%;}
#indexbanner .banner-animote.ban1 .title{font-size:16px;}
#indexbanner .banner-animote.ban1 .des{margin:10px 0 0;}
#indexbanner .banner-animote.ban2{padding:4px;}
#indexbanner .banner-animote.ban2 .des{display:none;}
#indexbanner .banner-animote.ban2 .title{font-size:13px;}
#indexbanner .banner-animote.ban3{padding:5px 15px;}
#indexbanner .banner-animote.ban3 .title{font-size:12px;}}
@media (min-width:1025px){.head-logo a img{max-height: 65px;}
.nobanner header .head-top{background:var(--color)}
body:not(.nobanner) .head-top{background: #00000000;}
.head-left .item:hover{color:#fff;}
.head-left .item em,.head-left .item a,.head-top .head-right .head-share{color: var(--color);}}
 #indexbanner .banner-animote.ban3 .title .pp1{font-family:initial;}
 #indexbanner .banner-animote.ban3 .title .pp2{font-family: 'bannertext3';font-style: italic;}
#indexbanner .banner-animote.ban3 .title .pp3{font-family: 'bannertext4';color:var(--color)}
 #indexbanner .banner-animote.ban3 .title{padding: 10px 5%; }
 #indexbanner .banner-animote.ban2{font-family: 'Merriweather'; }
.news-main .newslist li .img img  , .protype-main .catecontainer .cate2list li .img img { object-fit: contain;}
.home-cate .homecate-list li .img{aspect-ratio: unset;}
#indexbanner .banner-animote.ban3-1{text-align:left;top: 43%;padding-left: 10%;}
#indexbanner .banner-animote.ban3-1 .pp1{font-family:Arial;font-size:50px;}
#indexbanner .banner-animote.ban3-1 .pp2{font-family:'bannertext8';padding-left: 20%;font-size: 66px;font-weight: normal;line-height: 1;}
@media (max-width:1440px){#indexbanner .banner-animote.ban3-1 .title{padding-left:10%;}
#indexbanner .banner-animote.ban3-1 .pp1{font-size:40px;}
#indexbanner .banner-animote.ban3-1 .pp2{font-size: 50px;padding-left:13%}}
@media (max-width:1024px){#indexbanner .banner-animote.ban3-1 .pp1{font-size:18px;}
#indexbanner .banner-animote.ban3-1 .pp2{font-size: 20px;}
#indexbanner .banner-animote.ban3-1{padding-left:0;}}
#indexbanner .banner-animote.ban1 .title,#indexbanner .banner-animote.ban1 .des{font-family: 'bannertext6';}
#indexbanner .banner-animote .title span{color: var(--color);}
#indexbanner .banner-animote.ban1 .more{background: var(--color);}
#indexbanner .banner-animote.ban2{ font-family: 'bannertext7';}
#indexbanner .banner-animote.ban3-1 .pp2{ padding-left: 0;} 
.page-main .pro-list li .pro-img>a::after{ background: none;}
 #indexbanner .banner-animote.ban3-1{place-self: 5%;}
#indexbanner .banner-animote.ban3-1 .pp2{display: inline-block;padding-left: 23%;}
#indexbanner .banner-animote.ban1 .des{display:inline-block;text-align:left}
#indexbanner .banner-animote.ban1 .more{margin-left:auto;display: block;}
#indexbanner .banner-animote.ban1{font-weight:800}
.head-left,.head-nav .nav-ul>li>a{font-size:18px}
#indexbanner .banner-animote.ban3-1{padding-left:5%}
#indexbanner .banner-animote.ban3-1 .title{margin-top:68px}
 #indexbanner .banner-animote.ban1 .title, #indexbanner .banner-animote.ban1 .des,#indexbanner .banner-animote.ban1 .more , #indexbanner .banner-animote.ban2{font-family: 'bannertext7';}
.home-icon {color: #fff;font-weight: 600;}
.wmkc-footer-img{display:flex;margin-top:20px;}
.wmkc-footer-img>div{width:100px;margin-right:10px;text-align: center;}
.wmkc-footer-img>div p{margin-top:10px;font-size:var(--fontsize16)}
@media (max-width:500px){footer .foot-item .foot-text{display:block;}}