#products{margin-top:100px;padding:20px 0 40px 0;}
#products .wrapper{}
.category {margin:20px 0 0 0; padding: 20px; background: #fff; position: relative; background: #f8f8f8;border: solid 1px #f8f8f8}
.category:before{content:""; display: block; width:100%; height:0; position: absolute; z-index: 0; left:0; top:50%; background:#f8f8f8;}
.category .ImgBox {border: solid 1px #fff;}
.category .ImgBox img {display:block}
.category:hover .ImgBox img { -webkit-transform: scale(1.2); /* Safari and Chrome */ -moz-transform: scale(1.2); /* Firefox */ -ms-transform: scale(1.2); /* IE 9 */ -o-transform: scale(1.2); /* Opera */ transform: scale(1.2); opacity: 1; }
.category .col-5{ background: #fff; position: relative; z-index: 1}
.category .col-7{display: table; height: 15rem; text-align: center; position: relative; z-index: 1}
.category .col-7 .txt{display:table-cell; vertical-align: middle;}
.category .txt{position: relative; overflow: hidden;}
.category .txt h2{font-size:2rem;line-height: 1; letter-spacing: 0.2rem; color:#333;}
.category .txt h2:after{content:""; width:2rem; height:0.2rem; display: block;margin:1rem auto; background:#ccc}
.category .txt p{color:#555;font-size: 0.9rem; line-height: 1.6;}
.category .txt a{display:inline-block; padding:0.2rem 1rem; color:#333; border: solid 1px Transparent; margin-top: 0.5rem;}
.category .txt a:hover{color:#e60012;border-color:#e60012;}
.category:hover{border-color:#ccc;}
.category:hover:before{top:0; height:100%; background: #fff}
.category:hover .txt h2{color:#e60012;}
.category:hover .txt h2:after{width:5rem; background: #e60012}

/*图片列表*/
.mainPro{overflow:hidden;}
.mainPro .plist{padding:0 0 20px 0; width: 1240px}
.mainPro .pborder {  margin: 0px 40px 30px 0px; position: relative;float: left; width: 270px; text-align: center;  }
.mainPro .pborder:nth-child(5n) {}
.mainPro .pborder a{ margin: 4px;display:inline-block;border: 1px solid #f3f3f3;}
.mainPro .pborder .ImgBox{ width: 260px; height: 260px; margin: 0}
.mainPro .pborder .imgText{padding:15px 0; text-align: center; margin-top:-5px;}
.mainPro .pborder .imgText h4{font-size: 15px;text-align: center; color:#111}
.mainPro .pborder .imgText h4:after{content:""; width:70%; height:1px; margin: 10px auto 0 auto; display: block; background: #666;}
.mainPro .pborder a:hover { border-color: #666; z-index: 10; }
.mainPro .pborder a:hover .imgText h4:after {width:10%;}
.content .mainPro {width: 968px; margin:0 auto}
.content .mainPro .plist{width: 1008px}
.content .mainPro .pborder { width: 296px;}
.content .mainPro .pborder .ImgBox{ width: 286px; height: 160px;}
/*产品详细*/
.pro_detail{ width:1160px; background: #fff; padding: 20px;margin-bottom:20px;}
.pro_detail .boxT{position: relative}
.pro_detail .boxT .place{position: absolute;margin-top:-20px; top:0px; right:0px;}
.pro_detail_img{width:450px; float:left; position: relative; overflow: hidden;padding-bottom: 20px; border-right: solid 1px #ddd; text-align: center; margin: 20px 0 30px 0;}
.pro_detail_img_body li { margin:0 !important; padding:0px !important; border: 0; width: 450px;}
.pro_detail_img_body ul li .imgImg{width: 450px; height: 450px;}
.pro_detail_img_body ul li .imgImg img{max-width: 450px; max-height: 450px;}
.pro_detail_img .hd{margin-top:-40px;}
.pro_detail_text{ width: 640px; float:right;margin-right:20px;}
.pro_detail_text .info{ width:100%;margin-top: 20px;}
.pro_detail_text .info th{ font-weight: bold; color: #888; font-size:16px; width: 26%; text-align: right;padding: 10px; vertical-align:top; text-transform:capitalize }
.pro_detail_text .info td {padding: 5px 10px; color:#555;  text-transform:capitalize}
.pro_detail_text .info td span.red { color: #f00; }
.pro_detail_text .info tr{ border-bottom: solid 1px #ddd; }
.proMoreWrap{}
.proMoreWrap h4{background:#eee;  height:54px; border-bottom:solid 1px #ddd;font-size:20px;}
.proMoreWrap h4 span{float:left;margin-left:20px; padding:10px 30px; height:32px; line-height:35px; background:#fff; color:#b00e0e;border-left:solid 1px #ddd;border-right:solid 1px #ddd; border-bottom:solid 1px #fff; border-top:solid 3px #b00e0e}
.proMoreWrap .proMoreBody{border: solid 1px #ddd;border-top:0; padding:30px;}
.proMoreWrap .proMoreBody img{max-width:100%;display:block;}
.pages{margin-top:15px;}
.pages table{ margin:10px auto; width:100%;}
.pages td{ font-size:14px; font-weight:bold; text-align:center; width:30%;}
.pages a{ color:#333; background:#fff; display:block; line-height:25px; padding:5px 15px;margin:0px; border:solid 1px #ccc; margin-left:-1px;text-transform:capitalize}
.pages a:hover{ background:#c00000; color:#fff; border-color:#c00000;}