﻿@charset "utf-8"; 
:root {--color: #ff8208;--footercolor:#fff;}
@media (min-width:1024px){body:not(.nobanner) header{background:#11111167}}
footer{background:#000;}
.pagesbanner { min-height: unset;}
.pro-d-main .sidebar{flex:0 0 320px;width:320px}
.pro-d-main .sidebar{margin-right:40px}
.pro-d-main .l-wrap{display:flex;flex-wrap:wrap}
.pro-d-main .page-container{flex:1;width:calc(100% - 410px)}
.pro-d-main .sidebar{position:relative;-ms-flex-item-align:start;align-self:flex-start;flex:0 0 370px;box-sizing:border-box;padding:15px 15px 0px;border:2px solid #F3F3F3;width:370px}
.pro-d-main .sidebar .sidebar-item:nth-last-of-type(1){margin-bottom:0px}
.pro-d-main .common-content{flex:1;width:calc(100% - 410px)}
.pro-d-main .sidebar{margin-right:40px}
.pro-d-main .sidebar-item .send-inquiry .inquiry-form input{width:100%}
.pro-d-main .sidebar-item .send-inquiry .inquiry-form textarea{height:120px}
.pro-d-main .sidebar-item{margin-bottom:30px}
.pro-d-main .sidebar-item .sidebar-title{position:relative;font-size:var(--fontsize24);padding-bottom:5px;margin-bottom:20px;font-weight:var(--fontbold6)}
.pro-d-main .sidebar-item .sidebar-title:after{content:"";position:absolute;background:var(--color);width:54px;height:2px;left:0px;top:100%}
.pro-d-main .siderbar-search{display:flex}
.pro-d-main .siderbar-search input{flex:1;border:1px solid var(--color);padding:0px 10px;font-size:var(--fontsize16);box-sizing:border-box}
.pro-d-main .siderbar-search button{width:50px;height:50px;-ms-flex:0 0 50px;flex:0 0 50px;background:var(--color)}
.pro-d-main .siderbar-search button i{font-size:var(--fontsize24);color:#FFFFFF}
.pro-d-main .sidebar-cate li{position:relative}
.pro-d-main .sidebar-cate li > .iconfont{cursor:pointer;position:absolute;right:8px;top:14px;font-size:var(--fontsize14);color:var(--introcolor)}
.pro-d-main .sidebar-cate .sub-menu{display:none}
.pro-d-main .sidebar-cate .sub-menu li,.pro-d-main .sidebar-cate .pro-menu li{line-height:40px;height:40px;padding:0px 30px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pro-d-main .sidebar-cate .icon-arr{transition:transform 0.2s ease}
.pro-d-main .sidebar-cate .icon-arr.is-active{transform:rotate(90deg)}
.pro-d-main .sidebar-cate > li{margin-bottom:8px;position:relative}
.pro-d-main .sidebar-cate > li > a{display:block;width:100%;height:56px;line-height:56px;padding:0px 30px;box-sizing:border-box;overflow:hidden;background:#FBFBFB;text-overflow:ellipsis;white-space:nowrap}
.pro-d-main .sidebar-cate .is-current > a{color:var(--color)}
.pro-d-main .sidebar-prolist .pro-item{display:flex}
.pro-d-main .sidebar-prolist .pro-item:hover img{transform:scale(1.05)}
.pro-d-main .sidebar-prolist .pro-img{-ms-flex:0 0 87px;flex:0 0 87px;height:87px;overflow:hidden;position:relative;margin-right:16px}
.pro-d-main .sidebar-prolist .pro-img img{max-width:100%;max-height:100%;transition:transform 0.2s ease}
.pro-d-main .sidebar-prolist .pro-info{flex:1}
.pro-d-main .sidebar-prolist .pro-more{display:block;margin-top:10px}
.pro-d-main .sidebar-prolist .pro-name{width:100%;display:-webkit-box;max-height:3em;line-height:1.5em;text-overflow:ellipsis;overflow:hidden;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.pro-d-main .sidebar-prolist .img-wrap{display:block;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.pro-d-main .sidebar-prolist li{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #EEEEEE}
.pro-d-main .sidebar-prolist li:last-child{margin-bottom:0px;border-bottom:0px}
.pro-d-main .sidebar-newlist > li{margin-bottom:20px;border-bottom:1px solid #EEEEEE}
.pro-d-main .sidebar-newlist > li:last-child{margin-bottom:0px;border-bottom:0px}
.pro-d-main .sidebar-newlist .new-item{display:block;position:relative;padding-right:20px;box-sizing:border-box;border-bottom:1px solid #EEEEEE}
.pro-d-main .sidebar-newlist .new-item:last-child{border:0px}
.pro-d-main .sidebar-newlist .new-title{font-size:var(--fontsize18);line-height:1.5em}
.pro-d-main .sidebar-newlist .iconfont{position:absolute;right:0px;top:0px;transform:rotate(180deg)}
.pro-d-main .sidebar-newcate li.LiLevel1{margin-bottom:5px;position:relative}
.pro-d-main .sidebar-newcate li.LiLevel1:after{content:"";position:absolute;width:30px;height:50px;top:0px;left:0px;background:url("https://css02.v15cdn.com/m420/images/new_icon.webp") no-repeat;background-position:center center}
.pro-d-main .sidebar-newcate li.LiLevel1 > a{display:block;padding:0px 14px 0px 30px;width:100%;height:50px;line-height:50px;background:#FBFBFB;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}
.pro-d-main .sidebar-contact{position:absolute;padding:44px 0px;left:0px;width:100%;top:calc(100% + 30px);background:url("https://css02.v15cdn.com/m420/images/side_contact.webp") no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#FFFFFF;text-align:center}
.pro-d-main .sidebar-contact p{font-size:var(--fontsize22);line-height:1.5em}
.pro-d-main .sidebar-contact .tel{margin-top:20px;font-size:var(--fontsize26)}
.pro-d-main .sidebar-contact .contact-btn{padding:16px 20px;margin-top:30px;background:var(--color);border:1px solid var(--color);color:#FFFFFF;text-transform:uppercase}
.pro-d-main .sidebar-contact .icon{width:85px;height:85px;margin-bottom:24px;background:url("https://css02.v15cdn.com/m420/images/side_icon.webp") no-repeat;background-position:center;border:1px solid #FFF;border-radius:50%}
@media (max-width:1024px){.pro-d-main .sidebar{display:none}
}.pro-d-main .sidebar-newcate > li{position:relative}
.pro-d-main .sidebar-newcate .sub-menu{display:none}
.pro-d-main .sidebar-newcate > li > .menu-toggle{position:absolute;right:15px;top:18px;cursor:pointer;transition:transform 0.3s ease;font-size:14px}
.pro-d-main .sidebar-newcate > li.is-open > .menu-toggle{transform:rotate(180deg)}
@media (min-width:768px){.pro-d-main .preview-container .small-box{align-items:unset}
.pro-d-main .preview-container .thumbnail-show{align-items:center}
}
@media (min-width:1025px){body:not(.index) header{background: #fff;}
body:not(.index){padding-top: 120px;}
body:not(.index) .head-nav .nav-ul>li>a,.head-left a,.head-top,.head-left{color: #000;}
.nobanner header{background: #fff;}
body.nobanner {padding-top: 120px;}
.nobanner header .head-top{background: #fff;}}
.pro-d-main .prodetails-info .prodetails-btnlist .send{background:var(--color);color:#fff;min-width:200px;height:60px;font-size:18px;font-weight: 700;}


@media (min-width:1025px) {
.head-nav .nav-ul>li#liproducts>ul{display: flex;flex-wrap: wrap;width: 550px;left: -275px;}
.head-nav .nav-ul>li#liproducts>ul>li{width: 50%;}
.head-nav .nav-ul>li#liproducts>ul>li>ul{z-index: 999;}}