@charset "utf-8";
:root{--color:#ff8315;--headercolor:#000000}
.waining{position:fixed;top:50%;left:0;z-index:9;width:100%;text-align:center;-o-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%);margin-top:-15px}
.waining img{width:130px}
.waining p{font-size:40px;color:#222;margin-top:25px}
#details p{text-align:justify}
.table>tbody>tr>td{vertical-align:inherit}
#ind .ind-img img{max-width:100%;height:415px;object-fit:cover}
.con-contain p{padding-bottom:5px;line-height:1.8em}
#new{background:#d0d0d0}
header{background:#fdb812}
#nav>li:hover>a{color:#000}
.nav-left img{max-height:80px;width:450px}
.nav-mid #nav{white-space:nowrap}
#nav>li{float:none}
.nav-left{position:static}
.nav-mid{margin-left:20px;width:auto}
nav{display:flex}
#nav a{color:#000}
.submenu{background:#fdb812}
.about-banner div,.con-banner div,.net-banner div,.pro-banner>div{top:100%;display:flex;background:#fafafa;align-items:center;height:50px;width:100%}
.about-banner p,.con-banner p,.net-banner p,.pro-banner p{max-width:1440px;margin:0 auto;line-height:50px;text-align:left}
.about-banner p,.about-banner p a,.about-banner p span,.con-banner p,.con-banner p a,.con-banner p span,.net-banner p,.net-banner p a,.net-banner p span,.pro-banner p,.pro-banner p a,.pro-banner p span{color:#000}
.about-banner h1,.about-banner h2,.con-banner h1,.con-banner h2,.net-banner h1,.net-banner h2,.pro-banner h1,.pro-banner h2{display:none}
.inner-banner{margin-bottom:50px}
@media (min-width:1025px) and (max-width:1460px){.about-banner p,.con-banner p,.net-banner p,.pro-banner p{max-width:1170px}}
@media (min-width:320px) and (max-width:1023px){.about-banner p,.con-banner p,.net-banner p,.pro-banner p{width:90%}}
.ltd-img{background-color:rgba(0,0,0,.3)}
.contain p{color:#000}
.ltd-btn a i{color:#000}
.container img{max-width:inherit}
#ltd .contain .h3,#ltd .contain p,#ltd .ltd-btn a i{color:#fff}
#ltd .ltd-btn a{border-color:#fff}
.sigg-page{width:1440px;padding:50px 0;margin-left:auto;margin-right:auto}
@media (min-width:1200px) and (max-width:1460px){.sigg-page{width:1170px}}
@media (min-width:320px) and (max-width:1023px){.sigg-page{width:90%}}
.ind-mark .h3+div{display:inline-block;text-align:left}
.nav-mid{width:calc(100% - 450px);padding-right:15px}
.nav-right #xyz{right:15px;top:0}
.nav-left img{padding-left:15px}
#nav>li>a{padding:0 16px}
@media screen and (max-width:1650px){#nav>li>a{padding:0 8px}}
@media screen and (max-width:1550px){.nav-mid{width:calc(100% - 350px)}}
@media screen and (max-width:1450px){.nav-mid{width:calc(100% - 280px)}
#nav>li>a{padding:0 6px}}
#ind br{display:none}
.tab-content .rollPro1 li p a{font-size:13px}
.rollPro1 li{width:33.33%;padding:10px}
.tab-content .rollPro1 li p a{text-align:center;line-height:40px}
.productsTags{margin:30px 0 15px}
.item-aboutus .article p,.item-faqdetails .article p{margin-bottom:2px}
main.index section.about-us .block-box .pic img{object-fit:cover}
aside .last-products li img{object-fit:contain}
header .top-box .nav-box .right ul.nav1>li a{padding:0 10px}
@media screen and (min-width:1501px){header .top-box .nav-box{width:95%}
header .top-box{width:95%}}
.productsDetails-article .details .right .btn-groups .button{width:auto;margin:0;height:auto;display:flex;flex-wrap:wrap}
.productsDetails-article .details .right .btn-groups{justify-content:flex-start}
.productsDetails-article .details .right .btn-groups .button a{height:52px;padding:0 25px;width:auto;margin:0 15px 15px 0;min-width:150px}
@media screen and (max-width:768px){.productsDetails-article .details .right .btn-groups .button a{width:100%;margin-right:0;box-sizing:border-box}
.productsDetails-article .details .right .btn-groups .button div{width:100%;height:auto}}
.about-us .mb{background:0 0}
header .top-box .nav-box .right ul.nav1>li .inmenu_1,header .top-box .nav-box .right ul.nav1>li ul li:hover,header .top-box .nav-box .right ul.nav1>li:hover{background:var(--color)}
.swiper-index{height:auto}
main.index{margin-top:38vw}
@media (max-width:680px){main.index{margin-top:45vw}}
#xyz{width:130px;height:auto;top:-2px;margin-right:10px}
#xyz.active{height:auto}
#xyz .xyz12 a img{display:inline-block;vertical-align:middle;margin-right:4px}
#xyz .xyz12 ul{padding-right:20px}
#xyz .xyz12 a{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#xyz .xyz12{overflow:hidden}
.swiper-box.index-swiper{position:static;transform:inherit}
main.index{margin-top:0}
header .top-box{top:0!important}
.banner2-box{height:auto;min-height:inherit;position:static}
.banner2-box img{display:block}
.tabs{margin:0}
@media screen and (min-width:1201px){header .top-box .nav-box .right ul.nav1>li .submenu{margin:0;height:auto;padding:0;display:block!important}
header .top-box .nav-box .right ul.nav1>li .submenu li{margin:0;width:100%;box-sizing:border-box;padding:0}
header .top-box .nav-box .right ul.nav1>li .submenu li a{display:block;padding:0 10px;line-height:38px}
header .top-box .nav-box .right ul.nav1>li .submenu li ul{position:absolute;left:100%;top:0;background:#191919}
header .top-box .nav-box .right ul.nav1>li .submenu li:hover>ul{display:block!important}}
@media (max-width:1200px){.submenu,header .top-box .nav-box .right ul.nav1>li .inmenu_1,header .top-box .nav-box .right ul.nav1>li ul li:hover,header .top-box .nav-box .right ul.nav1>li:hover{background:#000}
header .top-box .nav-box .right nav ul.nav1{width:100%}
header .top-box .nav-box .right nav ul.nav1>li.LiLevel1{position:relative;padding-right:15px}
header .top-box .nav-box .right nav ul.nav1>li.LiLevel1 i{position:absolute;width:20px;height:20px;right:0;top:20px}
.submenu li{text-align:right}
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 .left a img{width:100%!important}
main.page-template-1 .max-width-box article .item ul li .box .left{flex:auto}}
@media(max-width:768px){#xyz{top:0;left:auto;right:0;margin-top:0;position:relative!important;margin-left:auto}
header .top-box .nav-box .right nav{height:calc(100vh - 50px);flex-direction:column}
header .top-box .nav-box .right nav ul.nav1{margin-top:10px}
main.index section.products .list ul{flex-wrap:wrap}
main.index section.products .title .list ul li{margin-bottom:10px}
main.index section.products .title .list ul li:nth-child(n+3){display:flex}
main.index section.about-us .block-box .content .top p{height:auto;max-height:56px}
header .top-box .nav-box .right nav ul.nav1{height:calc(100% - 50px)}}
@media(max-width:540px){main.index section.about-us .block-box .content .top p{max-height:40px}}
@media(max-width:481px){main.index section.about-us .block-box .content .top p{max-height:36px}}
@media(max-width:415px){main.index section.about-us .block-box .content .top p{max-height:31px}}
@media(max-width:376px){main.index section.about-us .block-box .content .top p{max-height:28px}}
@media(min-width:768px){.submenu ul{display:none!important}
.submenu>li:hover ul{display:block!important}}
.table-wrap .table td{border:1px solid #ccc}