@charset "utf-8";
:root{--color:#232F3E;--headercolor:#000000}
header .top-box .nav-box{background-color:var(--color)}
@media (min-width:768px){header .top-box .nav-box .right ul.nav1>li{height:80%;margin:0}
header .top-box .nav-box .right ul.nav1>li>a{border:var(--color) 1px solid}
header .top-box .nav-box .right ul.nav1>li .inmenu_1,header .top-box .nav-box .right ul.nav1>li:hover{background-color:transparent;border-color:#fff}
header .top-box .nav-box .right ul.nav1>li:hover>a{border:#fff 1px solid}}
@media (min-width:1201px){header .top-box .nav-box .right ul.nav1>li ul li:hover{background:none;border-color:#fff}
header .top-box .nav-box .right ul.nav1>li ul li{border:1px solid transparent}}
main.index section.products .list ul li{border:1px solid transparent}
main.index section.products .list ul li:hover{background:#191919;border-color:#fff}
main.index section.about-us .block-box .content{flex-direction:inherit}
footer .footer-info .nav1 ul>li>a:hover,footer .footer-info .nav2 ul>li>a:hover{color:#fff;padding:3px;border-color:#fff}
footer .footer-info .nav1 ul>li>a,footer .footer-info .nav2 ul>li>a{border:1px solid transparent}
footer .footer-info p:hover{-webkit-transform:translateX(0);transform:translateX(0);color:#fff}
main.index section.about-us .block-box .content .button-box button:hover{border-color:#fff;background:none;color:#000}
.pages p .ctxt,.productsDetails-article .details .right .btn-groups .button a:hover{background:none;border-color:#000;color:#000}
main.page-template-1 .form .send-btn:hover,main.page-template-1 .max-width-box article .item-products-0 ul li .box .right button:hover{background:none;color:#000}
main.page-template-1 .max-width-box article .item-products ul .right button:hover span{border-color:#000}
main.index section.products .item ul li>div .rule-box{max-height:inherit;height:auto}
.item-faqdetails .article p,.item-aboutus .article p{margin-bottom:2px}
.temp2 ul:nth-of-type(1) li:nth-of-type(n+2) .left img{object-fit:contain}
aside .last-products li img,aside .last-products li img,aside .last-products li img,aside .last-products li img,aside .last-products li img{width:auto}
main.page-template-1 .max-width-box aside ul.nav1 li p{padding:0 15px}
.productsDetails-article .details .right .btn-groups{justify-content:left}
@media (min-width:768px){.banner2-box img{width:1920px;height:300px;max-width:inherit}}
.table-wrap table{MAX-width:850PX}
.productsDetails .btn-group button:nth-of-type(2){background:#191919}
@media (max-width:650px){main.page-template-1 .max-width-box article ul li .box .left img,main.page-template-1 .max-width-box article .item-video ul li .box .left img{max-height:none !important;height:auto !important;max-width:100% !important}
main.page-template-1 .max-width-box article .item-products-0 ul li .box,main.page-template-1 .max-width-box article .item ul li{height:auto}}
header nav ul.nav1>li:not(#liproducts) .submenu{display:block}
header .top-box .info .left span,header .top-box .info .left span a{color:#000 !important}
main.index section.products .list ul li a{font-size:15px}
main.index section.about-us .block-box .pic{display:none}
main.index section.about-us .block-box .content .top h2{line-height:1.3;margin-bottom:15px}
main.index section.about-us .block-box .content{-ms-flex-direction:inherit;flex-direction:inherit;width:100%;background:rgba(255,255,255,.6)}
main.index section.about-us .block-box .content .top{margin-bottom:25px}
main.index section.about-us{height:auto;padding:70px 15px;max-width:100%}
main.index section.about-us .block-box{height:auto}
main.index section.about-us>img{object-fit:cover}
main.index section.about-us .block-box .content .top p{-webkit-line-clamp:inherit;height:auto}
@media screen and (max-width:1200px){main.index section.about-us .block-box .content .top h2{font-size:25px}}
@media screen and (max-width:768px){main.index section.about-us .block-box .content .top h2{font-size:20px;line-height:1.2}
main.index section.about-us{padding:40px 4vw}
main.index section.about-us .block-box{flex-wrap:wrap}
main.index section.about-us .block-box .content{width:100%}
main.index section.about-us .block-box .content .top p{font-size:14px!important;line-height:1.6}}
@media screen and (max-width:560px){main.index section.about-us .block-box .content .top h2{font-size:18px}
main.index section.about-us .block-box .content .top{margin-bottom:5px}
main.index section.about-us .block-box .content{padding:15px}}
.swiper-box.index-swiper{position:static}
.swiper-box.index-swiper img{display:block}
.swiper-index{height:auto}
main.index{margin-top:0}
body{padding-top:102px}
.banner2-box{height:auto;min-height:inherit;position:static}
.tabs{margin:0}
.banner2-box img{display:block}
header .top-box{top:0}
header{top:0}
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}
@media screen and (max-width:1200px){body{padding-top:62px}
.swiper-box.index-swiper{top:62px}}
@media screen and (max-width:680px){body{padding-top:0}
.swiper-box.index-swiper{top:0}}
.ppwindow{position:fixed;top:0;left:0;z-index:999999;width:100%;height:100%;background:rgba(0,0,0,.2);display:none}
.ppwechat{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;font-size:17px;text-align:center;background:#fff;padding:30px;border-radius:10px;box-shadow:2px 2px 10px #aaa}
.ppwechat p:first-child{font-weight:bold;margin-bottom:6px}
.download-img{display:none}
.item-aboutus .article .download-name{max-width:100%}
.download-info{width:calc(100% - 240px)}
.download-con{width:100%}
.download-list li{height:auto;padding:5px 0;align-items:center}
@media (max-width:769px){.download-info{position:static;width:calc(100% - 130px)}
.download-list li{flex-direction:inherit;justify-content:space-between;padding:5px 10px;box-sizing:border-box;flex-wrap:nowrap}
.download-list .download-btn{position:static;font-size:13px}
main.page-template-1 .max-width-box{box-sizing:border-box}
.download-btn i{margin-right:10px}
.item-aboutus .article .download-name{font-size:15px;white-space:normal;line-height:1.3;display:block;text-overflow:inherit;width:100%;overflow:inherit;word-break:break-word}}
.wmkc-table{font-size:18px;font-weight:600;color:#777;margin-left:30px;margin-bottom:20px!important}
@media (max-width:750px){main.index section.products .title .list ul li{width:100%;min-width:120px;display:flex!important}
main.index section.products .list ul{flex-wrap:wrap}}
header .top-box .info .right ul.sj,footer .footer-info .soft,.footer-info .qr-code{display:none}
.footfeed .contact-box-form{width:240px}
.footfeed .contact-box-form input{position:relative;width:100%;height:30px;margin-bottom:10px;padding-right:40px;padding-left:20px}
.footfeed .contact-box-form #SubmitContent_I{background:white;padding-top:20px;width:100%;height:100px;resize:none;padding-right:40px;padding-left:20px}
.footfeed .contact-box-form #ImgSend_I{background:#999;color:#FFF;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;width:170px;height:50px}
@media (min-width:1025px){header .top-box .nav-set-top-40 .right ul.nav1>li,header .top-box .top-0 .right ul.nav1>li{position:inherit}
header .top-box .nav-set-top-40 .right ul.nav1 .submenu,header .top-box .nav-set-top-40 .right ul.nav1>li .nav2{width:100%;box-sizing:border-box;right:0px;flex-wrap:wrap;justify-content:center;height:auto;min-height:70px;top:58px}
header .top-box .nav-set-top-40 .right ul.nav1>li ul li .item-info,header .top-box .top-0 .right ul.nav1>li ul li .item-info{width:30%}
header .top-box .top-0 .right ul.nav1 .submenu,header .top-box .top-0 .right ul.nav1>li .nav2{width:100vw;left:0px;flex-wrap:wrap;justify-content:center;height:auto;min-height:70px;top:58px}
header .top-box .nav-set-top-40 .right ul.nav1>li ul li,header .top-box .top-0 .right ul.nav1>li ul li{display:flex;align-items:center}
header .top-box .nav-set-top-40 .right ul.nav1>li#liproducts ul li,header .top-box .top-0 .right ul.nav1>li#liproducts ul li{width:30%}
header .top-box .nav-set-top-40 .right ul.nav1>li a img{width:100%}}
@media (max-width:1024px){header .top-box .nav-box .right nav ul.nav1>li{height:auto}
header .top-box .nav-box .right ul.nav1>li>a{border:none}
header nav ul.nav1>li .submenu{flex-direction:column}}
main.index .news{margin-bottom:50px}
main.index .news .title,main.index section.categories .title{margin-bottom:30px}
main.index .news .item .new-ul{display:flex;justify-content:space-between}
main.index .news .item ul .new-li{width:32%;height:inherit;margin-bottom:0}
main.index .news .item ul .new-li .new-img{overflow:hidden}
main.index .news .item ul .new-li .new-img img{width:100%;display:block;transition:all .5s}
main.index .news .item ul .new-li .new-down{padding:10px 10px 20px}
main.index .news .item ul .new-li .new-t{color:#191919;font-size:20px;min-height:54px}
main.index .news .item ul .new-li .new-w{font-size:14px;color:#333;margin:15px 0 25px}
main.index .news .item ul .new-li .new-more a{text-transform:uppercase;font-size:14px;color:#333;border:1px solid #333;padding:5px 10px;transition:all .5s}
main.index .news .item ul .new-li:hover{box-shadow:1px 1px 7px 3px #eee}
main.index .news .item ul .new-li:hover img{transform:scale(1.1)}
main.index .news .item ul .new-li:hover .new-t{color:var(--color)}
main.index .news .item ul .new-li:hover .new-more a{border-color:var(--color);background:var(--color);color:#fff}
main.index section.products .title .title-img-box{text-align:left}
main.index section.categories{width:86.33333%;max-width:1600px}
main.index section.categories .item ul{margin-bottom:30px;display:flex;flex-wrap:wrap;justify-content:space-between}
main.index section.categories .item ul .pro-li{width:32%;height:100%;position:relative;margin:10px 0}
main.index section.categories .item ul .pro-li>a img{width:100%;display:block}
main.index section.categories .item ul .pro-t{width:100%;height:100%;background:rgb(61,61,61,.4);position:absolute;top:0;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;font-size:20px;color:#fff;font-weight:700;transition:all .5s}
main.index section.categories .item ul .pro-li:hover .pro-t{background:rgb(61,61,61,.8)}
@media (max-width:1601px){main.index .news,main.index section.categories{max-width:1400px;width:auto}
main.index section.categories .title .title-img-box{text-align:left;margin-bottom:30px}}
@media (max-width:1441px){main.index .news,main.index section.categories,main.index section.products{max-width:1200px;width:100%}}
@media (max-width:1025px){main.index .news,main.index section.categories{max-width:100%}
main.index section.categories{padding:0 4vw}}
@media (max-width:769px){main.index section.news .title .title-img-box,main.index section.categories .title .title-img-box,main.index section.products .title .title-img-box{text-align:center;margin-bottom:20px}
main.index section.products .title{margin-bottom:30px}
main.index .news,main.index section.categories,main.index section.products{padding:0 15px;margin:0}
main.index section.products{margin:0}
main.index .news .item .new-ul,main.index section.products .item ul{margin-bottom:30px}
main.index section.categories .item ul .pro-li{width:49%}
main.index .news .item ul .new-li .new-t,main.index section.categories .item ul .pro-t{font-size:16px}
main.index .news .item ul .new-li .new-w{font-size:12px}}
@media (max-width:640px){main.index .news .item ul .new-li,main.index section.categories .item ul .pro-li,main.index section.products .item ul li{width:100%}
main.index section.products .item ul li>div{padding:0}
main.index section.products .item ul li{margin:5px 0}}
.footfeed .contact-box-form #ImgSend_I{background:red;width:100% !important}
main.page-template-1 .form .send-btn{background:red}
main.page-template-1 .form #in-name,main.page-template-1 .form #in-content,main.page-template-1 .form #in-email{border:1px solid #999}
.wmkc-ioces{width:50px !important;height:50px;background:#FFF;border:1px solid #efefef;display:flex;align-items:center;justify-content:center;color:#888;margin-right:20px;line-height:1 !important}
.wmkc-icons{display:flex;justify-content:center;align-items:center;width:100%;border-bottom:1px solid #000;margin-bottom:10px}
.wmkc-ioces i{font-size:18px}
@font-face{font-family:"iconfont";src:url('/js/37304/iconfont.ttf') format('truetype')}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-dizhi:before{content:"\e652"}
.icon-icon-test:before{content:"\e689"}
.icon-dianhua:before{content:"\e612"}
.icon-youxiang:before{content:"\e908"}
main.index{flex-direction:column;align-items:center}
.swiper-box.index-swiper{max-width:1920px;margin:0 auto;transform:translateX(0)}
.swiper-box.index-swiper img{height:auto;width:100%}
.sun{white-space:nowrap}
p.wmkc-ioces{background:#000;margin-bottom:0!important;border:none}
p.wmkc-ioces span{color:#fff;font-size:26px}
.concat-us .info .right>p{line-height:1.4}
.Video .video-box{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}
.Video .video-item{width:49%;margin-bottom:10px}
.Video .video-container{position:relative;width:100%;height:0;padding-bottom:56.25%}
.Video .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}
@media (max-width:768px){.Video .video-item{width:100%}}
footer .footer-info h4{color: #fff;font-weight: var(--fontbold7);}
@media (min-width:1025px){header .top-box .nav-box .left{padding-left:37px}}
@media (min-width:1441px){header .top-box .nav-box .left{padding-left:0;}}
footer .footer-info .logo-box .logo,header .top-box .nav-box .left a img{transform: translateX(-9px);}
 header .top-box .info .left{ margin-left: 5px;}