﻿.hshow .shtit{font-size: 36px;font-weight: var(--fontbold7);color:#000;margin-bottom: 2%;text-align: center;}
.hshow .shtit span{color:var(--color)}
.hshow .container{padding-top: 50px;padding-bottom: 50px;margin: 0 auto;}
.hshow .center{display: flex;justify-content: space-between;flex-wrap: wrap;}
.hshow .center .left1{width: 49%;}
.hshow .center .left1 img{width: 100%;border-radius: 10px;}
.hshow .center .right{width: 49%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.hshow .center .right .item{width: 43%;background: #f6f6f6;border-radius: 5px;color: #000;padding: 30px 20px;margin-bottom: 4%;}
.hshow .center .right .item:nth-child(3){margin-bottom:0}
.hshow .center .right .item:nth-child(4){margin-bottom:0}
.hshow .center .stit{font-weight: bold;font-size: var(--fontsize24);}
.hshow .center .stxt{font-size: var(--fontsize16);margin: 4% 0;}
.hshow .center img{width: 25px;}
.hshow .bottom{background: #fff6ec;display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0 20px;width:100%;margin-top: 2%;}
.hshow .bottom .box{width: 24%;text-align: center;padding: 2% 0;}
.hshow .bottom .box img{width: 50px;margin:2% 0;}
.hshow .bottom .box .name{font-size: var(--fontsize24);font-weight: var(--fontbold7);}
@media(max-width:768px){.hshow .center .left1{width:100%;margin-bottom:15px;}.hshow .center .right{width:100%;}.hshow .center .right .item{width:100%;margin-bottom:15px !important;}.hshow .bottom .box{width:100%;}.hshow .shtit{font-size: var(--fontsize18);}}
.hshow .bottom{display:none}
.categories{padding: 3% 0;}
.categories *{box-sizing: border-box;}
.categories .container{margin:auto}
.categories .flex{display: flex;justify-content: space-between;}
.categories .procateinfo{width: 50%;}
.categories .procateimg{width: 44%;}
.categories .home-title{color: #000;font-size: 36px;font-weight: bold;}
.categories .list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 50px;}
.categories .item{width: 32%;display: flex;padding: 25px;border-radius: 25px;flex-wrap: wrap;justify-content: start;align-items: baseline;flex-direction: column;background: #f1f1f1;position: relative;margin-bottom: 10px;cursor: pointer;}
.categories .cateicon{padding: 10px;background-color: #fff;border-radius: 25px;margin-bottom: 5px;width: 35px;height: 35px;display: flex;justify-content: center;align-items: center;}
.categories .cateicon img{height: 20px;width: 20px;}
.categories .text{font-size: 16px;font-weight: bold;margin-bottom: 15px;}
.categories .jiant{padding: 15px 15px 0 0;height: 40px;width: auto;position: absolute;top: 0;display: none;right: 0;}
.categories .jiant img{max-width: 100%;height: 100%;}
.categories .item.act{background: #fbb040;}
.categories .item.act .jiant{display: block;}
.categories .cateimg{display: none;}
.categories .cateimg.act{display: block;}
.categories .cateimg img{width: 100%;border-radius: 25px}
@media (max-width:1024px) {
.categories .procateinfo,.categories .procateimg{width: 100%;}
}
.hchan{position: relative;}
.hchan .container{max-width: 1100px;margin: 0 auto;position: relative;z-index: 99;}
.hchan .home-title{font-size: 36px;font-weight: var(--fontbold7);color: #000;margin-bottom: 2%;width:100%;}
.hchan ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 2%;width: 100%;}
.hchan ul li{padding: 9px 39px !important;border: 1px solid #d9d9d9;border-radius: 30px;color: #5f5f5f;font-size: 20px;font-weight: 700;}
.hchan ul li.active{background: #383838;color: #fff;}
.hchan .hcbottom .item{display: none;justify-content: space-between;}
.hchan .hcbottom .item.active{display: flex;}
.hchan .hcbottom .item .left{width: 49%;}
.hchan .hcbottom .item .left img{width: 100%;border-radius: 27px;}
.hchan .hcbottom .item .right{width: 49%;display: flex;flex-direction: column;justify-content: space-between;}
.hchan .hcbottom .item .right img{width: 100%;border-radius: 27px;}
@media(max-width:768px){.hchan .home-title{font-size: 18px;}.hchan ul li{width: 49%;margin-bottom: 10px;}.hchan .hcbottom .item .left{width: 100%;}.hchan .hcbottom .item .right{display:none;}.hchan ul{width:100%;display:block;}.hchan ul li{display: flex;justify-content: center;padding: 5px !important;width: 100%;}}
.hchan .container {padding-top: 50px;padding-bottom: 50px;margin: 0 auto;}
.hchan::before{content: '';width: 100%;height: 50%;background: #f1f1f1;position: absolute;top: 0;}
.hchan::after{content: '';width: 100%;height: 50%;background: #383838;position: absolute;bottom: 0;}
@media(max-width:768px){.hchan::before{display:none;}.hchan::after{display:none;}}
.popular{display:none !important;}
.index-banner .banner-animote{position:absolute;top:50%;left:8%;transform:translateY(-50%);color:#FFFFFF;opacity:0;width:42%;text-shadow:1px 1px 2px #000;}
.index-banner .banner-animote .p1{font-weight:bold;font-size:2.5vw;line-height:1.3;}
.index-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{margin-left:-30px}
100%{opacity:1;margin-left:0px}}
@media (max-width:500px){.index .banner .index-banner .swiper-button-next, .index .banner .index-banner .swiper-button-prev{display:none}
.index-banner .banner-animote{left:15px;width:55%}
.index-banner .banner-animote .p1{font-size:12px}}
.cateimg video{display:block;width:100%;min-height:inherit;border-radius:22px;overflow:hidden}
@media (max-width:768px){.categories .item{width:48%;padding:15px}
.categories .text{margin-bottom:0}
.categories .home-title{font-size:25px}}
@media (max-width:1000px){.index .about .left{width:100%;margin-bottom:15px}
.index .about .right h3{margin-bottom:20px}
.index .about .right h3::after{top:100%;}}
@media (max-width:1440px) and (min-width:1001px){.index .about .right{padding-left:50px}}
.index .join-us{height:auto;background-size:cover}
.index .join-us .container{flex-wrap:wrap}
.joinlist{width:100%;display:flex;justify-content:space-between;margin-top:20px}
.joinlist li:not(.joinicon){font-size:var(--fontsize18);flex:1;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:10px;border:1px solid #000;line-height:1.2;padding:10px;font-weight:bold}
.joinlist li.joinicon{max-width:3%;width:30px;display:flex;align-items:center;margin:0 10px}
@media (max-width:1440px){.joinlist li.joinicon{margin:0 6px;width:24px}}
@media (max-width:1280px){.joinlist{flex-wrap:wrap}
.joinlist li:not(.joinicon){box-sizing:border-box;min-height:60px;flex:initial;width:19%}
.joinlist li.joinicon{margin:0 1%}
.joinlist li.joinicon:nth-child(8){display:none}
.joinlist li{margin:5px 0}}
@media (max-width:768px){.joinlist li.joinicon{display:none}
.joinlist li:not(.joinicon){width:48%;}}
.categories .cateimg video{ max-height: 600px; }
.home-cirt{padding-bottom:4%;}
.home-cirt .container{display:block;margin:0 auto;}
.home-cirt .home-title{text-align:center;font-size: 36px;font-weight: var(--fontbold7);color: #000;margin-bottom: 2%;width: 100%;}
.home-cirt .cirt-list{display:flex;flex-wrap:wrap;justify-content: space-between;}
.home-cirt .cirt-list li{width:16%;text-align:center}
.home-cirt .cirt-list li p{margin-top:10px;font-weight:var(--fontbold7);font-size:var(--fontsize20)}
@media (max-width:768px){.home-cirt .home-title{font-size:25px;}
.home-cirt .cirt-list li{width:31%;margin:10px 0;}}
@media (max-width:550px){.home-cirt .cirt-list li{width:49%;}
.home-cirt .cirt-list li p{font-size:var(--fontsize16)}}
.index .about .right ul li{margin-bottom:5px;transform:none!important;cursor:pointer}
.index .about ul li:nth-of-type(4) i,.index .about ul li:nth-of-type(4) em{margin-right:5px;color:#efd504;}
.index .about .right ul li .atit+p{line-height:1.5;font-size:var(--fontsize15);color:#666;padding-left:20px;display:none;}
.index .about .right ul li:hover .atit+p{display:block}

@media (min-width:1025px) {.index .about .left {width: 45%;}
.index .about .right {padding-left: 50px;width: 55%;}}

.indexcon{padding: 3% 0;}
.indexcon *{box-sizing: border-box;}
.indexcon .home-title{text-align: center;font-size: 36px;font-weight: var(--fontbold7);color: #000;margin-bottom: 2%;width: 100%;}
.indexcon .list{margin-top: 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.indexcon .info{width: 55%;padding-right:7%;}
.indexcon .info .img{margin-top:20px;text-align: center;}
.indexcon .info img{width: 100%;max-width: 500px;}
.indexcon .feed{background: #f0f4fc;padding: 40px;flex:1}
.indexcon .feedbot{text-align: center;}
@media (max-width:768px) {
.indexcon .info{width: 100%;padding-right: 0;}
.indexcon .feed{width: 100%;}
}
.indexcon .container{max-width:1300px;margin:0 auto}
.indexcon .feed{padding:25px;}
/* .indexcon .wmkcfeedback .send-inquiry .inquiry-form input,.indexcon .wmkcfeedback .send-inquiry .inquiry-form .wmkcfb-fileupload{width:100%;border-radius:0;border:1px solid #fff;height:55px;color:#000} */
.indexcon .wmkcfeedback .send-inquiry .inquiry-form textarea{width:100%;border-radius:0;border:1px solid #fff;height:127px;color:#000}
.indexcon .wmkcfeedback .send-inquiry .inquiry-form input:focus,.indexcon .wmkcfeedback .send-inquiry .inquiry-form textarea:focus{border-color:#000}
.indexcon .wmkcfeedback .send-btn{border:none;width:100%;background:var(--color);border-radius:0;font-weight:bold;}
@media (max-width:768px){.indexcon .feed{padding:20px 15px}
.indexcon .home-title{font-size:25px}}
.index .news{padding-bottom:0}
@media (max-width:1000px){.index .news ul li:nth-last-child(-n+2){margin-bottom:0}}