/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.content{width: 850px;float: right;}
.content .prolist{width: 100%;position: relative;}
.content .prolist .item{margin-right: 20px;}
.content .bgfff{width: 818px; padding: 15px 40px 50px; border: 1px solid #dddddd; background: #fff;}
/* loaction */
.location{width: 100%;font-size:12px; padding: 0px 0 0; height: 45px; line-height: 45px; margin-bottom: 20px; position: relative; border-bottom: 2px solid #f4f4f4;}
.location h3{font-size: 18px; padding-left: 3px; display: inline-block; position: relative;}
.location a{color: #333333;}
.location h3 s{width: 100%; height: 2px; display: block; position: absolute; left: 0; bottom: -2px; background: #d20a05;}
.location .sitepath{font-size:12px;color: #333333; float: right; text-align: right; width: 60%; white-space: nowrap;}
.location .sitepath a:hover{color: #000;}
/*prolist*/
.prolist{width: 100%; overflow: hidden;}
.prolist .list{width:100%;display: flex;flex-wrap:wrap;justify-content:space-between;align-content:flex-start;}
.prolist .list:last-child {margin-right: auto;}
.prolist .item{overflow: hidden;
border:10px solid #fff;
background: #f4f4f4;
margin:0 auto 50px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
.prolist .item a{display: block;padding:20px 10px;}
.prolist .item img{width: 100%;display: block;border: 1px solid #e5e5e5;box-sizing:border-box;}
.prolist .item h3{margin-top:10px;padding: 6px 0;height: 60px;text-align: center;font-size: 14px;color: #000;line-height: 60px;overflow: hidden;transition: all ease 300ms;}
.prolist .item:hover{border-color: #e9e9e9;}
/* PAGINATION */
.pagination {width:100%;text-align:center; clear: both; padding: 30px 0; font-size: 14px; text-align: center; }
.pagination a { margin: 0 2px; padding: 4px 8px; background-color: #FFF; border: 1px solid #BCBCBC; color: #666; }
.pagination a:hover { color: #FFF; text-decoration: none; background-color: #00cc99; border: 1px solid #00cc99; }
.pagination span { margin: 0 2px; }
.pagination span.current { padding: 5px 9px 8px; background: url(../images/icon.gif) right bottom no-repeat; color: #FFF; }
.pagination span.disabled { padding: 4px 8px; background-color: #FFF; border: 1px solid #DDD; color: #DDD; }
/*电气频道链接*/
#dq #url{line-height:24px;overflow:hidden;margin:20px auto;}
#dq #url dd{float:left;padding-top:20px;border-bottom:1px dotted #b7b7b7;background-image:url(../images/urlbj.gif);background-repeat:no-repeat;background-position:0px 22px;}
#dq #url dd{line-height:24px;word-wrap:break-word;overflow:hidden;}
#dq #url dd a{font-size:16px;color:#5e5e5e;display:inline-block;height:24px;padding-left:7px;margin-left:7px;float:left;}
#dq #url dd a:hover{color:#db020b;}

#banner{width:100%;height:350px;margin:auto;overflow:hidden;background-image:url(/dq/images/banner/b1.jpg);background-position:center;background-size: cover;background-repeat:no-repeat;}
.prodetail{width:100%;}
.prodetail h1{font-size:32px;color:#000;text-align:center;margin:60px auto;}

.prodetail img{max-width:100%;margin:30px auto;}
.prodetail p{padding:10px;}

.prolink{width:85%;margin:100px auto;text-align:center;display: flex;flex-wrap:wrap;justify-content:space-between;align-content:flex-start;}
.prolink li{display:inline-block;overflow:hidden;box-sizing:border-box;font-size:12px;vertical-align:top;border:1px solid #eee;margin:0;}
.prolink li img{max-height:120px;max-width:100%;}
.prolink li a{color:#ccc;}
.prolink li h3{font-size:12px;font-weight:normal;margin:20px auto;}