@charset "utf-8";
.productscontent .content p{font-size:18px;padding-bottom:1px}
.wmkc-template-33 .wmkc-flex{display:flex;align-items:center;background:0 0}
.wmkc-template-33 .wmkc-item-img{padding:0!important}
.wmkc-template-33 .wmkc-item-img img{max-height:inherit!important;position:static!important}
/*.index .about .right h3::after{display:none}*/
.productscontent .content strong{font-size:18px}
.singglepage .concat-us .title span{margin:0 20px}
.index .popular .left{width:50%!important}
@media (min-width:769px){
/*.index .about .right{padding-left:5vw}*/
.singglepage article .box1 .left{margin-right:5%}}
.productscontent .content table{color:#666}
h4.pro-h4{font-size:18px}
.news-template article ul{align-items:normal}
.share-btn-list .twitter{display:none;}
.share-btn-list .pinterest{display:none;}
.index .title span img,.news-content .news-content-title img,.productscontent .product-content-title img{display: none;}
.index .join-us .container .font{display: none;}
.index .join-us .container{justify-content: end;}
header .top a{display:flex;align-items:center;}
@media (min-width:1001px){nav>ul>li{padding:0 30px;}
nav>ul>li>a{font-size:var(--fontsize18);font-weight:var(--fontbold7)}}
@media (max-width:768px){header .top .logo,header .top>a>img{height:auto;max-width:100px;max-height:40px;}}
.index .popular .container .top .title{color:var(--fontcolor);font-weight:var(--fontbold7)}
@media (min-width:1281px){.index .popular .container .top .title{font-size:32px;}}
footer{background: #000;color:#fff;padding:30px 0 0;display: block;}
footer .footer-top{display:flex;justify-content: center;width:100%;}
footer a{color:#fff;}
footer a:hover{color:var(--color)}
footer .footer-bar ul{display:flex;flex-wrap:wrap;}
footer .footer-bar ul li{margin-right:25px;}
footer .footer-inner{display: flex;justify-content: space-between;flex-wrap:wrap;width:100%;}
footer .footer-inner .footer-left{width:70%;}
footer .footer-inner .footer-left .footer-contactus{margin-top:30px;}
footer .footer-inner .footer-left .footer-contactus .comp{font-weight:var(--fontbold7);margin-bottom:20px;font-size:20px;}
footer .footer-inner .footer-left .footer-contactus>div{margin:10px 0;}
footer .footer-inner .footer-left .footer-contactus .item{display:flex}
footer .footer-inner .footer-left .footer-contactus .item p{margin-right:40px;}
footer .footer-inner .footer-right{width:30%;text-align: end;}
footer .footer-inner .footer-right .right-title{font-size:30px;font-weight:var(--fontbold7)}
footer .footer-inner .footer-right .footer-btn a{background:#fff;color:var(--fontcolor);padding:10px 20px;display:inline-block;margin-top:10px;border-radius: 5px;transition: all .3s;border:1px solid #fff;}
footer .footer-inner .footer-right .footer-btn a:hover{background: var(--fontcolor);color:#fff;}
footer .copyright{padding-bottom:10px;color:#fff;border-top-color:#fff;}
@media (max-width:768px){footer .footer-inner .footer-left,footer .footer-inner .footer-right{width:100%;margin:10px 0;}
footer .footer-inner .footer-left .footer-contactus .item{flex-direction: column;margin:10px 0;}
footer .footer-inner .footer-left .footer-contactus .item p{margin-right:0;margin-top:5px;margin-bottom:5px;}
footer .footer-bar ul li{margin:5px 20px 5px 0;}
footer .footer-inner .footer-right{text-align: left;}
footer .footer-inner .footer-right .right-title{font-size:22px;}
footer .footer-inner .footer-right .footer-btn a{padding:5px 15px;}
footer .copyright{padding-left:20px;padding-right:20px;box-sizing: border-box;}
.pho-footer ul li a i, .pho-footer ul li a em{line-height:1;}}
.popular .popular-list{display:flex;flex-wrap: wrap;justify-content: space-between;width:100%;}
.popular .popular-list .populat-item{width:48%;margin:15px 0;}
.popular .popular-list .populat-item .color-box{display:flex;width:100%;justify-content: space-between;}
.popular .popular-list .populat-item .color-box .item{width:49%;text-align: center;}
.popular .popular-list .populat-item .color-box .item .title{font-size:18px;margin-bottom:10px;color:var(--fontcolor);font-weight: var(--fontbold7);}
.popular .popular-list .populat-item .color-box .item .color-bg{width:100%;display:block;height:150px;}
.popular .popular-list .populat-item .allcolor-title{text-align: center;margin:10px 0 5px;font-size:18px;font-weight:var(--fontbold7)}
.popular .popular-list .populat-item .allcolor-des{color:var(--introcolor);text-align: center;}
@media (max-width:768px){.popular .popular-list .populat-item{width:100%;}
.index .popular .container .top{position: initial;}}
@media (max-width:550px){.popular .popular-list .populat-item .color-box .item .color-bg{height:100px;}
.popular .popular-list .populat-item .color-box .item .title{font-size:15px;}}
 @media (min-width:1025px) {header .top .logo{ max-height: 80px; margin-left: 10px; }}
.index section.join-us {display: none;}
.index .about-box .left img,.index .about-box .left img:hover,.index .about-box ul li,.index .about-box ul li:hover{transition:all .2s ease}
.index .about-box{background:#FCFCFC;display:flex;justify-content:center}
.index .about-box .container{display:flex;justify-content:center;align-items:center;padding-top:50px;padding-bottom:50px}
.index .about-box .left{width:30%}
.index .about-box .left img{width:100%}
.index .about-box .left img:hover{transform:scale(1.01);transition:all .2s ease}
.index .about-box .right{padding-left:5vw;box-sizing:border-box;width:68%}
.index .about-box .right h3{color:var(--color);font-size:40px;position:relative;margin-bottom:15px;}
.index .about-box .right h3::after{display:none;}
.index .about-box .right ul{margin:30px 0px;font-size:var(--fontsize16);font-weight:var(--fontbold4);color:var(--introcolor);line-height:28px}
.index .about-box ul li:hover{transform:scale(1.01);transition:all .2s ease;color:var(--color)}
.index .about-box ul li:nth-of-type(1) i{margin-right:5px;color:#E63975}
.index .about-box ul li:nth-of-type(2) i,.index .about-box ul li:nth-of-type(2) em{margin-right:5px;color:#599BDF}
.index .about-box ul li:nth-of-type(3) i,.index .about-box ul li:nth-of-type(3) em{margin-right:5px;color:#86D635}
.index .about-box .swiper-pagination{display:block;}
@media (max-width:1000px){.index .about-box .container{float:left}
.index .about-box .right{width:100%;padding-left:0px}
.index .about-box .right img{margin-right:20px;width:33%}
.index .about-box .right h3{font-size:5vw}
.index .about-box .right ul{display:none}
.index .about-box .right .btn{margin:20px auto 0px}
.index .about-box .left{margin-bottom:10px;}}
@media (max-width:768px){.index .about-box .container{float:initial;}
.index .about-box .left{width:100%;}
.index .about-box .left img{width:100%;display:block;}}
.index .banner .index-banner .swiper-slide .home-banner-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:50px;text-transform:uppercase;font-weight: bold;}
@media (max-width:630px){.index .banner .index-banner .swiper-slide .home-banner-text{font-size:30px}
}@media (max-width:400px){.index .banner .index-banner .swiper-slide .home-banner-text{font-size:25px}
}
@media(min-width:1367px){.index .banner .index-banner .swiper-slide .home-banner-text{font-size: 64px;}}
.index .banner .index-banner .swiper-slide .home-banner-text.banner3txt{width: 100%;left: 0;transform: translateY(-50%);text-align: center;}
.index .banner .index-banner .swiper-slide .home-banner-text.banner2txt{top: 40%;}
@media(min-width:1025px){.nav-box .container{justify-content: space-between;}.nav-box .container .logoimg{max-width:220px;}header{height:70px;}.nav-box{height:80px;}.nav-box nav{width:50%;justify-content: flex-end;}header .top .logo{display:none;}.index .banner .index-banner .swiper-slide .home-banner-text.banner2txt{letter-spacing: 5px;}}
@media(max-width:1024px){.nav-box .logoimg{display:none;}}
.index .about-box .right p{margin-bottom:15px;}
.index .product{display:none;}
.index .hshow{margin:2% 0;}
.hshow .title{color: var(--fontcolor);font-weight: var(--fontbold7);font-size: 32px;margin-bottom:2%;text-align: center;}
.hshow .container{display: flex;justify-content: space-between;margin: 0 auto;}
.hshow .item{position: relative;width: 50%;overflow: hidden;}
.hshow .item .hshow-name{font-weight: 700;position: absolute;top: 5%;left: 5%;color:#fff;font-size:20px;}
.hshow .item img{width:100%;transition: all .3s;}
@media(max-width:768px){.hshow .item{width: 100%;}.hshow .title{font-size:18px;}}
.hshow .item:hover img{transform: scale(1.1);}
.hshow .item{width: 49%; margin-bottom:10px;}
.hshow .item .hshow-name{ font-size: 30px;}
header .head-link{display:flex;align-items:center}
header .head-link .item{margin-right:10px;display:flex;align-items:center}
header .head-link .item em{margin-right:10px}
@media (max-width:1024px){header .head-link{display:none}}
.index .about-box .right p{font-size:17px}
.index .about-box .right h3{font-size:41px}
.hcol-list{display: flex;flex-wrap: wrap;justify-content: space-evenly;width: 100%;}
.hcol-list .item{width:40%;}
.hcol-list .item img{width:100%;}
.hcol-list .hcol-name{text-align: center;margin: 10px 0 5px;font-size: 18px;font-weight: var(--fontbold7);}
@media(max-width:500px){.hcol-list .item{width:100%;}}
table td{border: 1px solid #000;}