@charset "utf-8";
:root{--color:#ff6600;--headercolor:#000000}
div.singglepic img{max-width:100%;max-height:100%}
main.index section.products .item ul li>div .rule-box{max-height:none;height:auto}
@media (max-width:768px){header .top-box .nav-box .left a img{max-height:35px}}
@media screen and (max-width:500px){main.index section.products .title .list ul li:nth-child(4),main.index section.products .title .list ul li:nth-child(3){display:flex}
main.index section.products .list ul{flex-wrap:wrap;padding:0 8px}
main.index section.products .title .list ul li{width:50%}}
@media screen and (max-width:1200px){main.page-template-1 .max-width-box article .item ul li .box .left img{max-width:100%;max-height:inherit}
main.page-template-1 .max-width-box article .item ul li .box .left{-webkit-box-flex:inherit;-ms-flex:inherit;flex:inherit;max-height:inherit;display:block}
main.page-template-1 .max-width-box article .item ul li .box .right{-webkit-box-flex:inherit;-ms-flex:inherit;flex:inherit;height:auto;line-height:1.5;padding:12px 6%}
main.page-template-1 .max-width-box article .item ul li .box .left a,main.page-template-1 .max-width-box article .item ul li .box{display:block}
main.page-template-1 .max-width-box article .item ul li{height:auto}
main.page-template-1 .max-width-box article .item ul li .box .right p:nth-of-type(1){padding:5px 0}}
@media screen and (min-width:1201px){header .top-box .nav-box .right .search-box{width:auto}
.search-box-mob{z-index:9 !important;position:static;padding:0;height:100%;display:flex !important;align-items:center;background:none}
.search-box-mob div{margin:0;border:1px solid #d4d4d4;border-radius:30px;display:flex;align-items:center}
.search-box-mob div input{background:none;color:#333}
.search-box-mob div input::placeholder{color:#d4d4d4}
.search-box-mob div button{background:none;width:40px}
.search-box-mob div button:hover{background:none}
.search-box-mob div button i{font-size:20px;color:#333}
header .top-box .nav-box>.search-box-mob{display:none !important}}
main.index section.about-us{height:auto;padding:70px 15px}
main.index section.about-us .block-box{height:auto}
main.index section.about-us .block-box .content .top p{-webkit-line-clamp:inherit}
main.index section.about-us .block-box .content .top p:nth-of-type(2){display:block}
main.index section.about-us .block-box .pic img,main.index section.about-us>img{object-fit:cover}
@media screen and (max-width:768px){main.index section.about-us .block-box{flex-wrap:wrap}
main.index section.about-us .block-box .pic{max-width:100%;width:100%}
main.index section.about-us .block-box .content{width:100%}
main.index section.about-us{padding:40px 4vw}
main.index section.about-us .block-box .content .top h2{margin-bottom:8px}
.parent{font-size:42px}}
@media screen and (min-width:1211px){footer .footer-info .nav1{width:320px}}
@media screen and (max-width:1210px){footer .footer-info .nav1 ul li{width:auto;margin-right:20px;min-width:20%}
footer .footer-info .nav1 ul{justify-content:flex-start}}
main.page-template-1 .max-width-box aside ul.nav1 li.LocalCurrent{background:var(--color)!important}
main.page-template-1 .max-width-box aside ul.nav1 li.active-bg-black,main.page-template-1 .max-width-box aside ul.nav1.contact-us li:nth-of-type(1),header .top-box .info .right ul.sj li:hover,header .top-box .info .right ul.sj li .inmenu_1,.copyright a.go-top,.item-project ul li .box .right button:hover,aside.nav2-template>ul>li.has-children2>a:hover,aside.nav2-template>ul>li:nth-of-type(1),main.index section.products .list ul li:hover{background:var(--color)}
main.page-template-1 .max-width-box article.row-0 ul li .box .right button:hover,main.page-template-1 .max-width-box article.row-1 ul li .box .right button:hover,main.page-template-1 .max-width-box article .Pagination .active,footer .footer-info .soft ul li:hover{background:var(--color)}
.shop-car div.button.buy,.concat-us .form .send-btn:hover,.productsDetails .btn-group button:nth-of-type(2),main.page-template-1 .form .send-btn:hover,.selected,.productsDetails-article .details .right .btn-groups .button a:hover,.pages p .ctxt{background:var(--color)}
main.index section.products .item ul li:hover a,main.index .news .item ul li .box .right p:nth-of-type(1),main.index .news .item ul li .box .right p:nth-of-type(1) a:hover,footer .footer-info p:hover,footer .footer-info .nav1 ul>li>a:hover,footer .footer-info .nav2 ul>li>a:hover{color:var(--color)}
main.page-template-1 .max-width-box article.row-0 ul li:hover p,main.page-template-1 .max-width-box article.row-0 ul li .box .right p:nth-of-type(1) a:hover,main.page-template-1 .max-width-box article.row-1 ul li:hover p,main.page-template-1 .max-width-box article.row-1 ul li .box .right p:nth-of-type(1) a:hover,.item-faq ul li .box .right p:nth-of-type(1):hover,#xyz .xyz12 a:hover{color:var(--color)}
.item-faq ul li .box .right p:nth-of-type(1) a:hover,.item-project ul li:hover p a,main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(1) .title a:hover,aside.nav2-template>ul a:hover{color:var(--color)}
.temp2 ul:nth-of-type(1) li:nth-of-type(n+2) .right a:hover,aside .last-products li a:hover,main.page-template-1 .max-width-box article .item-products ul li p a:hover,aside.nav2-template>ul>li.has-children2 .currentProType,main.page-template-1 .max-width-box aside ul.nav1 li a:hover{color:var(--color)}
.swiper-box .fonts button:hover,main.index section.about-us .block-box .content .button-box button:hover,.banner2-box .fonts button:hover{background:var(--color);border-color:var(--color)}
.input-error,.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide img.item-hover,.category-title{border-color:var(--color)}
@media(min-width:1200px){header .top-box .nav-box .right ul.nav1>li ul li:hover,header .top-box .nav-box .right ul.nav1>li .nav2 .nav2-left>ul>li a:hover{background-color:var(--color)}
header .top-box .nav-box .right ul.nav1>li ul li:hover>a{color:#FFF}}
@media(max-width:1210px){footer .footer-info .soft ul li.active,footer .footer-info .soft ul li:hover,.pho-footer{background:var(--color)}}
.productsDetails-article .details .left .swiper-box .swiper-container{--swiper-theme-color:var(--color)}
@media(max-width:1213px){.productsDetails-article .details .right .btn-groups .button:nth-of-type(2) a{background:var(--color)}}
@media(max-width:700px){.rb_bottom .next:nth-last-child(3){background:var(--color)}}
@media(max-width:750px){main.page-template-1 .max-width-box article .item ul li .box .right p:nth-of-type(1) a:hover{color:var(--color)}
main.page-template-1 .max-width-box article .item ul li .box .right button:hover{background:var(--color)}}
.download-btn{background-color:var(--color)}
main.page-template-1 .max-width-box article.row-0 ul li .box .right button,main.page-template-1 .max-width-box article.row-1 ul li .box .right button{background:var(--color)!important}
.item-faqdetails .btn-group button:nth-of-type(2),.item-aboutus .btn-group button:nth-of-type(2){background:var(--color)!important}
header .top-box .nav-box .right ul.nav1>li>a{position:relative;font-size:18px}
header .top-box .nav-box .right ul.nav1>li>a:after{content:'';width:100%;height:3px;background:var(--color);position:absolute;bottom:-1px;left:0;display:none;z-index:11}
header .top-box .nav-box .right ul.nav1>li .inmenu_1:after,header .top-box .nav-box .right ul.nav1>li:hover>a:after{display:block}
header .top-box .nav-box .right ul.nav1>li:hover{background:none}
header .top-box .nav-box .right ul.nav1>li .inmenu_1,header .top-box .nav-box .right ul.nav1>li:hover>a{color:var(--color);background:none}
.swiper-box.index-swiper{top:130px}
body{padding-top:130px}
header .top-box{top:0}
header{top:0}
header .top-box .nav-box .right{width:calc(100% - 320px);justify-content:space-between}
header .top-box .nav-box .right nav{width:calc(100% - 300px)}
header .top-box .nav-box .right nav>ul{display:flex;justify-content:space-between}
header .top-box .nav-box .left{padding-left:80px}
header .top-box .info .left span,header .top-box .info .left>span:nth-of-type(1),header .top-box .info .left span a{color:var(--color)!important}
header .top-box .info .left span a:visited{color:#000}
header .top-box .nav-box .right ul.nav1>li a{color:#000}
header .top-box .nav-box .right ul.nav1>li .submenu{background:#FFF;padding:0}
header .top-box .info{padding-left:80px;padding-right:80px;background:#fdd1b4}
header .top-box .nav-box{max-width:100%;width:100%;padding-right:80px;background:#FFF;border-bottom:1px solid #dcdcde;height:90px}
header .top-box{top:0;width:100%;max-width:100%;height:130px}
@media screen and (max-width:1600px){header .top-box .info{padding-left:30px;padding-right:30px}
header .top-box .nav-box .left{padding-left:30px}
header .top-box .nav-box{padding-right:30px}
header .top-box .nav-box .right{width:calc(100% - 240px)}
header .top-box .nav-box .right nav{width:calc(100% - 260px)}
header .top-box .nav-box .right ul.nav1>li>a{padding:0 10px}
header .top-box .nav-box .right ul.nav1>li{margin:0}}
@media screen and (max-width:1366px){header .top-box .info{padding-left:10px;padding-right:10px}
header .top-box .nav-box .left{padding-left:10px}
header .top-box .nav-box{padding-right:10px}
header .top-box .nav-box .right{width:calc(100% - 220px)}
header .top-box .nav-box .right nav{width:calc(100% - 230px)}}
@media screen and (max-width:1200px){header .top-box .nav-box .right nav{background:rgba(255,255,255,.9)}
header .top-box .nav-box .right ul.nav1>li .inmenu_1,header .top-box .nav-box .right ul.nav1 li:hover>a{color:var(--color)}
header .top-box .nav-box .right ul.nav1>li .submenu{background:none}
header .top-box .nav-box .right nav ul.nav1 i{color:#000}
body{padding-top:62px}
.swiper-box.index-swiper{top:62px}
header .top-box .nav-box{padding-right:0;height:62px}
header .top-box .nav-box .right nav>ul{display:block}
header .top-box .nav-box .right ul.nav1>li>a:after{display:none!important}}
@media screen and (max-width:680px){body{padding-top:0}
.swiper-box.index-swiper{top:0}
header .top-box .nav-box{height:50px}}
header .top-box .nav-box .mob-nav i{color:#000}
main.index section.products .list ul li{background:#eee}
main.index section.products .list ul li a{color:#000}
main.index section.products .list ul li:hover a,footer .footer-info .soft ul li a{color:#FFF}
main.index section.about-us .block-box .content .button-box button{border-color:var(--color);color:var(--color);background:none}
footer{background:#eee;color:#333}
footer .footer-info a{color:#333}
.copyright{background:#fdd1b4;color:#333}
footer .footer-info .soft ul li,header .top-box .info .right ul.sj li{background:var(--color)}
.item-aboutus .article p{margin-bottom:auto}
.cert .title{text-align:center;margin-bottom:20px}
.cert img{width:100%}
main.index section.products .title{flex-wrap:wrap}
main.index section.products .title .title-img-box{width:100%;text-align:center;margin-bottom:30px}
main.index section.products .title .list{width:100%;display:flex;justify-content:center}
.cert .title{display:none}
main.index section.number{margin:30px 0}
main.index .about-us .mb{background:none}
main.page-template-1 .max-width-box aside ul.nav1 li.LocalCurrent,aside.nav2-template>ul>li.has-children2 .currentProType{font-weight:bold}
aside.nav2-template>ul>li:nth-of-type(1) a{color:#FFF}
.nav2-template .LocalCurrent a{font-weight:bold}
aside.nav2-template>ul:first-child>li:nth-of-type(1),aside.nav2-template>ul>li:nth-of-type(1),main.page-template-1 .max-width-box aside ul.nav1 li.active-bg-black,main.page-template-1 .max-width-box aside ul.nav1.contact-us li:nth-of-type(1){font-weight:bold}
main.projectDetails.feedback aside.nav2-template>ul:first-child>li:nth-of-type(1){background:none;font-weight:500}
aside.nav2-template>ul:first-child>li:nth-of-type(1) a{color:#000}
aside.nav2-template>ul{background:#FFF}
aside.nav2-template>ul>li.LocalCurrent{background:var(--color)}
aside.nav2-template>ul>li.LocalCurrent a{color:#FFF}
.random-pro-list ul li a{display:block;text-align:center}
@media screen and (max-width:1200px){main.page-template-1 .max-width-box article .item .random-pro-list ul li{width:49%}
main.page-template-1 .max-width-box article .item .random-pro-list ul{justify-content:space-between;margin-top:15px}}
main.index section.products .list ul li{height:54px;width:14.28%;display:flex!Important}
main.index section.products .list ul li a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:21px}
main.index section.products .list ul{width:100%;padding:0 8px}
@media (max-width:1200px){main.index section.products .list ul li{width:25%}
main.index section.products .list ul{flex-wrap:wrap}}
@media (max-width:768px){main.index section.products .title .list ul li{width:33.333%;min-width:inherit}}
@media (max-width:540px){main.index section.products .title .list ul li{width:50%;height:45px}
main.index section.products .list ul li a{line-height:19px}}
@media (max-width:1200px){.search-box i{color:#000}
header .top-box .nav-box .right nav{width:100vw}}
header .top-box .info .left span,header .top-box .info .left>span:nth-of-type(1),header .top-box .info .left span a{color:#000 !important}
.pdown2{width:100%;margin-bottom:20px}
#A_DownLoadProduct{background:url(/images/down2_1.png) no-repeat left center;display:block;width:200px;height:40px}
#A_DownLoadProduct span{display:flex;width:100%;height:100%;background:url(/images/down2_2.png) no-repeat right center;align-items:center;color:#000;justify-content:center}
.btn-groups{flex-wrap:wrap}
.button #A_DownLoadProduct{display:none}
.productsDetails-article .details .right p{margin-bottom:15px}
#A_DownLoadProduct{width:250px}
.productsDetails-article .details .right .btn-groups .button a{background:var(--color);color:#FFF;border:none}
.banner2-box img[src=""]{display:none}
.banner2-box{min-height:0;height:auto;position:static}
.tabs{margin-top:0}
main.page-template-1 .max-width-box article .productsDetails ul{display:flex}
@media (max-width:1700px){main.projectDetails .max-width-box{max-width:1400px}}
@media (max-width:1550px){main.projectDetails .max-width-box{max-width:1200px}}
@media (max-width:1366px){main.projectDetails .max-width-box{max-width:1000px}}
main.page-template-1 .max-width-box aside ul.nav1 li.LocalCurrent a:hover{color:#fff !important}
.search-box i{font-size:20px}
@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}
.fa-search:before{content:"\f002"}
.fa-bars:before{content:"\f0c9"}
.fa-chevron-down:before{content:"\f078"}
img{height:auto}
.qr-code .wmkc-logo-p{width:auto;text-align:center}
main.page-template-1 .max-width-box article .item-products-1 ul li{max-height:inherit;}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .left{height:auto;}
@media (max-width:550px){main.page-template-1 .max-width-box article .item ul li .box .right p:nth-of-type(1) a{min-height:48px}}
@media (max-width:680px){main.page-template-1 .max-width-box article .item-video ul li.newsnone{height:auto;max-height:inherit;}
.item-faq ul li{height:auto}}
.temp2 ul:nth-of-type(1) li:nth-of-type(n+2) .left {width:35%;flex:inherit;height:auto;}
.temp2 ul:nth-of-type(1) li:nth-of-type(n+2) .left img {max-height:90px;object-fit:contain;}
.temp2 ul:nth-of-type(1) li:nth-of-type(n+2) .right a {font-size:13px;}
.temp2 ul:nth-of-type(1) li:nth-of-type(n+2) .right div {font-size:12px;}
main.page-template-1.news-main .row-1 ul li{width:100%;height:auto;}
main.page-template-1.news-main .row-1.item-faq ul li .box .left{width:30%;}
main.page-template-1.news-main .max-width-box .row-1.item-faq ul li .box .left img{max-height: inherit;}
main.page-template-1.news-main .row-1.item-faq ul li .box{align-items: center;}
main.page-template-1.news-main .row-1.item-faq ul li .box .right p:nth-of-type(1){color:var(--color);font-size:16px;display: flex;flex-direction: column-reverse;border-bottom: 1px solid #eee;padding-bottom: 10px;}
@media (max-width:768px){main.page-template-1.news-main .row-1.item-faq ul li .box .left{width:40%;}
main.page-template-1.news-main .row-1.item-faq ul li .box .right p:nth-of-type(1) a{-webkit-line-clamp:2;line-height:1.5;}}
.pro-mores{font-size: 16px;display: flex;margin-top: 15px;}
@media screen and (max-width: 680px) {body { padding-top: 62px;}}