@charset "utf-8";
:root{--color:#FAC000}
@media (min-width:1025px){li#liproducts{display:flex;align-items:center}
li#liproducts>a{height:auto;font-size:20px;border:1px solid var(--color);border-radius:30px;color:var(--color);padding:0 36px 0 16px}
li#liproducts>em{right:15px;color:var(--color);display:none;}
li#liproducts>a:after{display:none}
li#liproducts>a{position:relative;}
li#liproducts>a:before{content: '';width: 6px;height: 6px;border: 1px solid var(--color);border-left: none;border-bottom: none;position: absolute;right: 17px;top: 11px;transform: rotate(135deg);}}
@media (max-width:1024px){li#liproducts>a{margin:7px 0;width:auto;line-height:1;display:inline-block;font-size:20px;border:1px solid var(--color);border-radius:30px;color:var(--color);padding:8px 15px}}
@media (min-width:1025px){.preview-container .preview-box .prodetails-pagination{display:flex;justify-content:flex-start}
.preview-container .preview-box .prodetails-pagination>span.swiper-pagination-bullet{height:auto;background:none;border:1px solid #DFDFDF;border-radius:0;width:19%;margin:0 1.25% 0 0}
.preview-container .preview-box .prodetails-pagination>span.swiper-pagination-bullet:last-child{margin-right:0}
.preview-container .preview-box .prodetails-pagination>span.swiper-pagination-bullet-active{border-color:var(--color)}
.preview-container .preview-box .prodetails-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{display:none}}
.prodetails-text{-webkit-line-clamp:inherit}
table tr:nth-child(2n){background:none}
.wmkc-template-33 .wmkc-flex{display:flex;align-items:center;background:none}
.wmkc-template-33 .wmkc-item-img{padding:0!important}
.wmkc-template-33 .wmkc-item-img img{max-height:inherit!important;position:static!important}
footer .foot-contact .item a,footer .foot-list a{color:#848e9f}
.home-mainproduct .homepro-list .swiper-slide .info{width:60%;flex:inherit}
.home-mainproduct .homepro-list .swiper-slide{height:auto}
@media (max-width:1600px) and (min-width:769px){.home-mainproduct #homemainproduct{height:580px}}
@media (max-width:1366px) and (min-width:769px){.home-mainproduct #homemainproduct{height:510px}
.home-mainproduct .homepro-list .swiper-slide .info .title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:10px}
.home-mainproduct .homepro-list .swiper-slide .info .text{margin-bottom:10px}
.home-mainproduct .homepro-list .swiper-slide .info{padding:10px 20px}}
@media (max-width:1024px) and (min-width:769px){.home-mainproduct #homemainproduct{height:420px}
.home-mainproduct .homepro-list .swiper-slide .info .title{margin-bottom:5px;line-height:1.3}
.home-mainproduct .homepro-list .swiper-slide .info .text{margin-bottom:6px;font-size:14px}
.home-mainproduct .homepro-list .swiper-slide .info .home-more{height:38px;font-size:13px;min-width:120px}
.home-mainproduct .homepro-list .swiper-slide .info{padding:10px 20px}}
@media (max-width:768px){.home-mainproduct #homemainproduct{height:auto}}
@media (max-width:560px){.home-mainproduct .homepro-list .swiper-slide .info .title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:10px}}
.wmkc-template-62>div>.wmkc-flex-item>div img{height:100%;object-fit:cover}
.factoryvr iframe{height:650px}
@media (max-width:1366px){.factoryvr iframe{height:550px}}
@media (max-width:1024px){.factoryvr iframe{height:500px}}
#liproducts .nav4>li .cate1-item .cate-img {display:none;}
@media (min-width:1025px) {#liproducts {position:static}
#liproducts .nav4 {padding:20px 260px;width:100%;min-height:320px;max-height:80vh;overflow-y:auto;background:#fff;position:absolute;top:100%;left:0;box-sizing:border-box;display:block;}
#liproducts .nav4>li {display:block;margin:0;position:static;height:auto !important;padding:0;background:none}
#liproducts .nav4>li:nth-child(1) .cate2-item {display:block;}
#liproducts .nav4>li a {padding:0}
#liproducts .nav4>li.navcateli .cate1-item:after {content:'';width:10px;height:10px;border:2px solid #000;border-left:none;border-bottom:none;position:absolute;right:10px;top:14px;transform:rotate(45deg)}
#liproducts .nav4>li .cate1-item {display:flex;align-items:center;padding:6px 20px 6px 0;width:350px;height:100%;box-sizing:border-box;position:relative;}
#liproducts .nav4>li .cate1-item .cate-name {padding:0;margin:0;padding-left:10px;font-size:18px;font-weight:700;display:block;border:none}
#liproducts .nav4>li .cate2-item {margin:20px 0 0;z-index:2;display:none;flex:1;position:absolute;left:640px;top:0;box-shadow:none;border:none;flex-wrap:wrap;background:#fff;width:calc(100% - 900px);overflow-y:auto;opacity:1;visibility:inherit;transform:none;padding:10px 400px 10px 0;min-height:300px;box-sizing:border-box;}
#liproducts .nav4>li .cate2-item::-webkit-scrollbar {width:4px}
#liproducts .nav4>li .cate2-item::-webkit-scrollbar-track {border-radius:0;background-color:rgba(0,0,0,.05)}
#liproducts .nav4>li .cate2-item::-webkit-scrollbar-thumb {border-radius:10px;background-color:rgba(0,0,0,.15)}
#liproducts .nav4>li .cate2-item li {padding:0 20px;margin:0 0 20px;display:block;position:static;height:auto}
#liproducts .nav4>li .cate2-item li:hover{background: none !important;}
#liproducts .nav4>li .cate2-item a {display:block;position:static;color:#000;border:none;}
#liproducts .nav4>li .cate2-item a img {width:400px;height:260px;object-fit:contain;transition:all .1s linear;position:absolute;right:10%;top:10px;display:none;}
#liproducts .nav4>li .cate2-item .navcatesmli a {color:var(--color);}
#liproducts .nav4>li .cate2-item .navcatesmli a img {display:block}
#liproducts .nav4>li .cate2-item .navcatesmli a span:before {background:var(--color)}
#liproducts .nav4>li .cate2-item a span {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-wrap:wrap;line-height:1.4;padding-left:20px;font-size:17px;position:relative;}
#liproducts .nav4>li .cate2-item a span:before {content:'';width:8px;height:8px;background:#222;border-radius:50%;position:absolute;left:0;top:8px;}
#liproducts .nav4>li:hover .cate1-item {background:#eee}
#liproducts .nav4>li:hover .cate2-item {display:block;}
#nav ul #liproducts .submenu a:hover{background: none;color: var(--color);}
#nav ul #liproducts .submenu{left:0}
#nav ul #liproducts .submenu a{color:#000;}
#nav ul #liproducts .submenu{background: #fff;}}
@media (max-width:1520px) and (min-width:769px){#liproducts .nav4{padding:20px 100px}
#liproducts .nav4>li .cate2-item{left:480px;width:calc(100% - 580px)}}
@media (max-width:1280px) and (min-width:769px){#liproducts .nav4{padding:20px 50px}
#liproducts .nav4>li .cate2-item{left:430px;width:calc(100% - 480px)}}
@media (max-width:1080px) and (min-width:769px){#liproducts .nav4{padding:20px 25px;min-height:390px}
#liproducts .nav4>li .cate1-item{width:260px}
#liproducts .nav4>li .cate2-item{left:310px;width:calc(100% - 340px);padding-right:0;min-height:360px}
#liproducts .nav4>li .cate2-item a img{width:250px;height:250px;margin-top:-140px}
#liproducts .nav4>li .cate2-item li{margin-bottom:7px}
#liproducts .nav4>li .cate2-item a img,#liproducts .nav4>li .cate2-item .navcatesmli a img{display:none}}
@media (max-width:1024px){#liproducts .nav4>li .cate2-item a img,#liproducts .nav4>li .cate2-item .navcatesmli a img{display:none}}
@font-face {font-display:swap;font-family:fontawesome;src:url(/images/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(/images/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(/images/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(/images/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(/images/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(/images/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}
.home-vr {background:#f0f0f0;padding:80px 0;}
.home-vrflex {display:flex;flex-wrap:wrap;position:relative;}
.home-vr-bar {position:absolute;top:0;left:0;transform:rotate(90deg);transform-origin:left bottom;margin-bottom:45px;text-transform:capitalize;}
.home-vr-title {position:relative;display:flex;margin-bottom:8px;justify-content:space-between;align-items:center;}
.home-vr-title .title {color:var(--color);font-weight:400;font-size:50px;line-height:1;}
.home-vr-bar .sub_tit {color:#715701;font-size:14px;font-family:Roboto-Light;line-height:1;opacity:.6;}
.VR_box {width:calc(100% - 176px);margin-left:auto}
.home-vr-btnitem{position:relative;z-index:9;margin-top:-10px;margin-left:auto;width:-webkit-calc(100% - 246px);width:calc(100% - 246px);}
.home-vr-btnitem .home-vr-btn{position:relative;display:inline-block;margin:5px;width:225px;height:50px;-webkit-box-shadow:-3px 2px 21px 3px rgba(0,0,0,.2);box-shadow:-3px 2px 21px 3px rgba(0,0,0,.2);text-align:center;text-transform:capitalize;font-size:18px;font-family:Roboto-Light;line-height:50px;-webkit-transition:all ease-in-out .35s;-o-transition:all ease-in-out .35s;transition:all ease-in-out .35s;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-ms-transition:all ease-in-out .35s;}
.home-vr-btnitem .home-vrcontact i{font-style:initial}
.home-vr-btnitem .home-vrcontact i:before{position:relative;margin-left:7px;content:"\f1d8";vertical-align:middle;font-size:28px;font-family:fontawesome!important;line-height:50px;}
.home-vr-btnitem .home-vr-btn span{display:block;background:#fff;color:var(--color);-webkit-transform:translateZ(25px);transform:translateZ(25px);-ms-transform:translateZ(25px);}
.home-vr-btnitem .home-vr-btn span+span{background:var(--color);color:#fff;-webkit-transform:rotateX(-90deg) translateZ(-25px);transform:rotateX(-90deg) translateZ(-25px);-ms-transform:rotateX(-90deg) translateZ(-25px);}
.home-vr-btnitem .home-vr-btn:hover{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-ms-transform:rotateX(90deg);}
@media (max-width:768px){.home-vr-bar{position:static;transform:none;width:100%}
.home-vr-title .title{font-size:32px}
.home-vr-bar .sub_tit{font-size:12px}
.VR_box{width:100%}
.VR_box iframe{height:480px;width:100%}
.home-vr-btnitem{margin:-10px auto 0;width:100%;display:flex;justify-content:center}
.home-vr-btnitem .home-vr-btn{width:auto;font-size:13px;height:40px;line-height:40px}
.home-vr-btnitem .home-vrcontact i:before{font-size:15px;line-height:40px}
.home-vr-btnitem .home-vr-btn span{min-width:130px;padding:0 10px}}
@media (max-width:500px){.home-vr{padding:40px 0}
.home-vr-bar{margin-bottom:25px}
.home-vr-title .title{font-size:26px}
.home-vr-btnitem .home-vr-btn{width:auto;font-size:12px;}
.home-vr-btnitem .home-vr-btn span{min-width:120px;}}
.home-choose{background-color:#DDDDDD}
.home-choose .choose-text{width:80%;text-align:center;margin:0px auto;margin-top:20px}
.home-choose .choose-text p{color:var(--introcolor);font-size:var(--fontsize16)}
.home-choose .choose-list{display:flex;justify-content:space-between;margin-top:3%}
.home-choose .choose-list .item{height:auto;width:24%;border:1px solid #DDDDDD;border-radius:var(--borderradius);overflow:hidden;position:relative;box-sizing:border-box;padding:30px;transition:all .2s ease}
.home-choose .choose-list .item .show-item{display:flex;flex-direction:column;align-items:center}
.home-choose .choose-list .item em{color:var(--color);font-size:48px;line-height:1.2;margin-bottom:10px}
.home-choose .choose-list .item .item-tit{color:var(--fontcolor);font-size:var(--fontsize24);font-weight:var(--fontbold5);text-transform:capitalize;text-align:center}
.home-choose .choose-list .item .item-text{margin:10px 0px}
.home-choose .choose-list .item .item-text p{color:var(--introcolor);font-size:var(--fontsize16);text-align:center}
.home-choose .choose-list .item .hover-item{background-color:var(--color);position:absolute;width:100%;height:100%;left:0px;top:0px;box-sizing:border-box;padding:40px;z-index:10;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;opacity:0}
.home-choose .choose-list .item .hover-item .item-tit{color:#FFFFFF}
.home-choose .choose-list .item .hover-item .item-text p{color:#FFFFFF}
.home-choose .choose-list .item .hover-item .read-more{background-color:#FFFFFF;color:var(--color);border-radius:var(--borderradius);width:110px;box-sizing:border-box;padding:6px 0px;display:inline-flex;align-items:center;justify-content:center}
.home-choose .choose-list .item:hover{transform:translateY(-10px);border-color:transparent}
.home-choose .choose-list .item:hover .hover-item{opacity:1}
@media screen and (max-width:768px){.home-about,.home-choose,.home-message,.home-news,.home-product{padding:30px 0px}
.home-choose .swiper{padding-bottom:40px}
.home-choose .swiper-pagination{bottom:10px}
.home-choose .choose-text{width:100%}
.home-choose .choose-list .item{padding:20px}
.home-choose .choose-list .item .hover-item{padding:20px}}
.home-des-into {width: 40px;height: 15px;margin-right: 10px;box-sizing: border-box;display: inline-block;border-top: 2px solid var(--color);border-bottom: 2px solid var(--color);}
.home-des {color: var(--color);font-size: var(--fontsize18);font-weight: var(--fontbold5);display: inline-block;text-transform: uppercase;}
.home-choose{position: relative;padding: 3% 0;}
.home-des-box{display: flex;align-items: center;justify-content: center;margin-bottom: 10px;}
footer .foot-qrimg{display: flex;justify-content: space-between;max-width: 100%;}
footer .foot-qrimg img{width:47%}
footer .foot-contact .foot-tel{flex-wrap: wrap;}
@media (min-width:1025px){.home-news .homenews-list .homenews-item .img img{height: 250px;}}
.banner1{position: absolute;top: 0;left: 12%;width: 30%;height: 100%;display: flex;justify-content: center;flex-direction: column;}
.banner1 h5{font-size: 32px;line-height: 1.25;font-weight: 700;color: #16418F;}
.banner1 p{font-size: 18px;line-height: 1.25;color: #A4A6A8;margin: 10px 0 15px;}
.banner-btns{display: flex;align-items: center;}
.banner-btns a:nth-of-type(1){background: #16418F;padding: 10px 25px;border-radius: 25px;color: #fff;margin-right: 20px;}
.banner-btns a:nth-of-type(2){text-transform: capitalize;color: #134296;text-decoration: underline;}
.banner1 h5 strong{font-size: 44px;}
.banner-s{display: flex;margin: 20px 0;}
.banner-s span{width: 40px;height: 5px;border-radius: 20px;background: #fff;margin: 0 10px;}
@media (max-width:1440px){.banner3.banner1 h5{font-size:22px}}
@media (max-width:1024px){
.banner1 h5{font-size: 24px;}
.banner3.banner1 h5{font-size:16px}
.banner1 p{font-size: 14px;}
.banner-btns a:nth-of-type(1){padding: 6px 15px;font-size: 14px;}  
.banner-s{margin: 6px 0;}
.banner-s span{width: 20px;margin: 0 3px;}}
@media (max-width:768px){
.banner1{width:50%;padding: 0 30px;left: 0;}
.banner1 p{display:none;}}
@media (max-width:550px){.banner1 h5{font-size:20px;}
.banner1 h5 strong{font-size:26px;}
.banner3.banner1 h5{font-size:12px}
.banner-btns{display:none;}}
#hotproswiper .title{text-align: center;font-size: 20px;line-height: 1.52;margin-top: 20px;}
.home-about .l-wrap .about-img iframe{height: 480px;width: 100%;}