/* layout */
.proCont{ width: 100%; padding: 0.6rem 0; background-color: #f2f2f2;}
.proMainBox{position: relative;}
.proCatid{ float: left; width:3rem; height: auto; background-color: #ffffff;}
.proListItemer{ float: right; width: 11.2rem;}
.proCatidName{background-color: rgba(24,120,56,1.00); color: #ffffff; padding: 0.12rem 0.4rem; font-size: 0.16rem;}
.proCatidName i.fa{padding-right: 0.05rem;}

.proCatidItemer{padding: 0.2rem 0.4rem;}
.proCatidItemer li{ line-height: 3em; margin-bottom: 0.1rem;}
.proCatidItemer a{ display: block; font-size: 0.14rem; border-bottom: 1px solid #e5e5e5; color: #555555；}
.proCatidItemer .catidArrow{ display: inline-block; content:''; width:0; height:0; border: 0.06rem solid transparent; border-left-color:#666666; padding-right: 0.02rem;}
.proCatidItemer a:hover{ font-weight: bold;}
.proCatidItemer a:hover .catidArrow,.proCatidItemer a.catidHover .catidArrow{ border-left-color:rgba(24,120,56,1.00);}
.proCatidItemer a.catidHover{ color: rgba(24,120,56,1.00); font-weight: bold;}

.proCatidItemer .lfMenuLstSed{display: none;}
.proCatidItemer .cur .lfMenuLstSed,.proCatidItemer .focusa .lfMenuLstSed{display: block;}
.proCatidItemer .cur .proLstFstLnk,.proCatidItemer .lfMenuLstSed a.active{ color: rgba(24,120,56,1.00); font-weight: bold;}
.proCatidItemer .lfMenuLstSed a.proLstSedLnk{ padding:0 0.15rem; }
.proCatidItemer .fa{ margin-left: 0.05rem;}

.serlstHeader{ margin-bottom: 0.1rem; background-color: #D3D3D3;}
.serlstHeader li{ float: left; text-align: left;}
.serlstHeader li span{ display: inline-block; font-weight: 600; font-size:0.14rem; padding: 0.1rem;}
.serlstHeader li:first-child{ width:34%;}
.serlstHeader li:nth-child(2){ width:30.5%;}
.serlstHeader li:nth-child(3){ width:28%;}

.serLstItem{ background-color: #FFFFFF; padding: 0.1rem; margin-bottom: 0.1rem;}
.serLstItem .serItNm{ height:0.3rem; line-height: 2em; margin-bottom: 0.05rem;}
.serItNm a{ display: block;} 
.serItNm a:hover{ font-weight: 600;}
.serItNm .serTle{ font-size: 0.16rem;}

.serLstItem .serItInfo{display: flex; align-items: center; cursor: pointer; justify-content: space-between;}
.serIfPrice .serPrc{color: #FF0000; font-size: 0.18rem;}
.serIfLink a{ display: inline-block; padding: 0.06rem 0.15rem; background-color: #FF9600; color: #FFFFFF;}
.serIfLink a:hover{ background-color:#C17200; color: #FFFFFF;}


.proListTitle{ margin-bottom: 0.3rem; margin-left:0.4rem;}
.proListTitle h5{ text-align: center; font-size:0.2rem; line-height: 2em; border-bottom: 1px solid #dcdcdc;}
.proListTitle h5 span{ display: inline-block; font-weight: 600; padding: 0 0.05rem; color: rgba(24,120,56,1.00); border-bottom: 3px solid rgba(24,120,56,1.00); margin-bottom: -2px;}

.prolistMain{ margin-bottom: 0.3rem; text-align: center; }
.proLtItem{ margin-bottom: 0.4rem;}
.proLtBox{ background-color: #ffffff; box-shadow: 0 0 3px 3px rgba(0,0,0,0.05); }

.proLtItem .proLtImg{ position: relative; width: 100%;height: 0!important; padding-bottom:68%;overflow: hidden; -webkit-box-shadow: 0 0 10px -8px rgba(0,0,0,.5); box-shadow: 0 0 10px -8px rgba(0,0,0,.5); cursor: e-resize;}
.proLtItem .proLtImg img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-position: 50% 50%; object-position: 50% 50%;transition: transform .6s;}
.proLtItem .proLtImg a:hover img{transform: scale(1.1);}

.prolistKyMn .proLtItem{ float: left; width:2.4rem; display: inline-block; margin-left:0.4rem;}
.prolistKyMn .proLtNm{ padding:0.05rem 0.1rem; }
.prolistKyMn .proLtNm span{ display: block; line-height: 1.6em; font-size:0.16rem; text-align: left; }
.prolistKyMn .proLtNm span.proLtSubTlt{ font-weight: 600;}
.prolistKyMn .proLtNm span.proLtTlt{ height:0.52rem; overflow: hidden;}

.prolistLcMn{text-align:left;}
.prolistLcMn .proLtBox{ position:relative;}
.prolistLcMn .proLtImgBox{ position:absolute;left: 0; top: 0; width: 4.8rem;}
.prolistLcMn .proLtNm{ margin-left:4.8rem; padding: 0;}
.prolistLcMn .proLtNm h3{ background-color: rgba(37,163,135,1.00); color: #FFFFFF; font-size: 0.20rem; padding: 0.15rem 0.3rem;}
.prolistLcMn .proLtNm h3 span{display:inline-block; margin-right: 0.2rem; color:#ffd187;}
.prolistLcMn .proLcArgs{ padding:0.2rem 0.3rem;}
.prolistLcMn .proLcArgs li{ font-size:0.16rem; line-height: 1.8em; margin-bottom: 0.1rem;}
.prolistLcMn .proLcArgs li span{ color:#666666;}
.prolistLcMn .proLcLink{ padding:0 0.3rem 0.3rem 0.3rem;}
.prolistLcMn .proLcLink a{ display: inline-block; padding: 0.08rem 0.45rem; margin-right: 0.2rem; font-size: 0.16rem; color: rgba(37,163,135,1.00); border:1px solid rgba(37,163,135,1.00); border-radius: 0.1rem;}

.proMainIndex .proListItemer{ margin: 0; float: none; width:100%;}
.proMainIndex .proListTitle{ margin: 0 0.4rem 0.7rem 0.4rem;}

.proTips{ margin-bottom: 0.2rem;}
.proTips p{ font-size:0.14rem; text-align: center; color:rgba(217,122,0,1.00);}

/* 产品详细页begin */
.productDescription{ margin-left: 0.4rem; margin-bottom: 0.2rem;}
.productDescription .padding-large{padding:30px 0 0 30px}
.productDescription .padding-large-top{position: relative; padding:0; z-index: 1}
.productDescription .padding-large-top .proImg{ margin-bottom:0.05rem;}
.productDescription .proIcon{ position:absolute; left: 0; top: 0; z-index: 99;}
.productDescription p{line-height:1.6em}
.productDescription .zoomimg{width:4.6rem;}/* PC端独有 */

.descpTitle{ position: relative; margin-bottom: 0.2rem; }
.descpTitle h4{ font-size:0.2rem; line-height: 2em; border-bottom: 1px solid #dcdcdc;}
.descpTitle h4 span{ display: inline-block; padding: 0 0.1rem; color: rgba(24,120,56,1.00); border-bottom: 3px solid rgba(24,120,56,1.00); margin-bottom: -2px;}
.descpTitle a.descpMore{ position: absolute; right: 0; top: 0.12rem; font-size:0.12rem; color: #666666;}
.descpTitle a.descpMore:hover{ color: rgba(24,120,56,1.00);}

.descpTitleBox{ padding: 0.2rem; background-color:#FFFFFF;}
.descpImgBox{ float:left; width:4.6rem;}

.descpTextBox{ float:left; width: 5.2rem; display: inline-block; padding:0 0.2rem 0 0.4rem; }
.desProName{ margin-bottom: 0.2rem;}
.desProName h2{ font-size: 0.24rem; font-weight: 600; line-height: 1.8em; margin-bottom: 0.1rem;}
.desProName .desProNo span{ font-size: 0.18rem; color: #d69124;}
.desProName .desProUse{ font-size: 0.14rem; color: #187838; padding: 0.05rem 0.1rem; background-color: #e8f6ee;}
.desProCompose{ margin-bottom:0.2rem;}
.desProCompose table{ background-color: #eeeeee;}
.desProCompose th,.desProCompose td{ background-color: #ffffff; padding: 0.06rem 0.3rem; font-size: 0.14rem;}
.desProCompose th{ background-color: #eeeeee;}

.despSerTxt .desProPrice{ margin-top: 0.2rem;}
.despSerTxt .desProPrice span{color: #FF0000; font-size: 0.18rem;}



.desProLink { text-align:center; padding: 0.2rem 0;}
.desProLink a{ display:inline-block; font-size: 0.16rem; padding: 0.08rem 0.5rem; margin: 0 0.2rem;}
.desProLink a.proLinkBuy{ background-color: rgba(255,144,0,1.00); color: #FFFFFF;}
.desProLink a.proLinkBuy:hover{ background-color: rgba(206,116,0,1.00);}
.desProLink a.proLinkDownload{ color: rgba(24,120,56,1.00); border: 1px solid rgba(24,120,56,1.00);}
.desProLink a.proLinkDownload:hover{ background-color:rgba(24,120,56,1.00); color: #FFFFFF;}

.desProArgs{ margin-bottom:0.2rem;}
.desProArgs .desProArgsItem{ font-size: 0.14rem; margin-bottom: 0.05rem;}
.desProArgsItem span{ color:#888888;}

.product{ background-color:#f2f2f2;}
.proCenter{  background-color:#FFFFFF; padding: 0.5rem;}

.proCenter .proCenterTitle{ border-bottom:1px solid #eeeeee; margin-bottom: 0.4rem; padding-bottom: 0.3rem;}
.proCenter .proCenterTitle h2{ font-size: 0.3rem; text-align: center; font-weight: 600;}

.proCenterMain h3{ font-size: 0.24rem; font-weight: 600; margin-bottom: 0.2rem;}
.proCenterMain h3 .iconfont{ font-size: 0.24rem; margin-right: 0.1rem;}
.proCenterMain .proCenterCatid{ margin-bottom: 0.4rem;}
.proCenterMain .proCenterCatid li{  border-bottom:1px dashed #eeeeee; padding-bottom: 0.2rem;  margin-bottom: 0.2rem;}
.proCenterMain .proCenterCatid a{ display: inline-block; font-size:0.16rem; padding-right:0.2rem; margin-bottom: 0.05rem;}
.proCenterMain .proCenterCatid a.catidFristName{font-weight: 600; margin-bottom: 0.05rem;}

/* 产品详情begin */
.productView{ margin-left: 0.4rem; margin-bottom: 0.2rem; background-color: #FFFFFF;}
.proViewTitle{ background-color:#e9fff3; padding: 0 0.2rem; height: 0.5rem; line-height: 0.5rem;}
.proViewTitle a{ display: inline-block; font-size: 0.16rem; padding:0 0.2rem; color: #208b3b; height: 0.5rem; line-height: 0.5rem; font-weight: 600; margin-right:0.4rem;}
.proViewTitle a.viewTleHover,.proViewTitle a:hover{ background-color: #FFF;}
.proViewCont{ padding:0.2rem; font-size: 0.14rem;}
.proViewCont img{ max-width:100%;}
.proViewCont p{line-height:1.8em; margin: 0.05rem 0;}

.proViewNoCont{ min-height:1.5rem; line-height: 1.5rem; text-align: center;}

/* 产品详情END */

.productRecomd .descpTitle{ margin-left:0.4rem;}


/* 放大镜 begin */
#zoomimg{cursor:pointer;display:block}
.pro-thumb .item img{border:1px solid #ececec}
.pro-thumb .item:hover img{border:1px solid #ff9600}
.pro-thumb:hover .owl-nav .owl-prev,.pro-thumb:hover .owl-nav .owl-next {opacity:.6;}
/* 放大镜 end */

/* owl-carousel轮播插件 */
.owl-carousel .owl-dots{position:absolute;top:50%;padding:0;text-align:left;width:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.owl-carousel .owl-dots .owl-dot{display:inline-block;position:relative;vertical-align:middle}
.owl-carousel .owl-dots .owl-dot span{width:8px;height:8px;margin:0 5px;border-radius:50%;background:#d3d3d3;display:inline-block;text-align:center;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s}
.owl-carousel .owl-dots .owl-dot.active span{width:16px;height:8px;background:#000;border-radius:20px}
.owl-carousel .owl-nav i{font-size:24px;color:#fff}
.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{background:#000;width:42px;height:42px;line-height:48px;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;position:absolute;text-align:center;border-radius:50%;opacity:0}
.owl-carousel .owl-nav .owl-prev{background:#000;left:0.05rem;right:auto}
.owl-carousel .owl-nav .owl-next{right:0.05rem;}
/* owl-carousel轮播插件 */