/*清除浮动*/
.clearfix:after { content: ''; display: table; clear: both; }
/*pt*/
.p-top-40 { padding-top: 40px; }
.m-top-60 { margin-top:60px; }
.m-botton-60 { margin-bottom:60px; }
/*图片查看*/
#img-view { position: absolute;  z-index: 1000; background:#fff; border: 2px solid #000; display: none; box-shadow: 0 0 10px #666; border-radius: 3px; }
#img-view img { max-width: 500px; max-height: 500px; display: block; margin: 0; padding: 0; }


/*产品分类页面*/
.pro-class-box { width: 940px; height: auto; padding-left: 240px; margin: auto; margin-top:30px; position: relative; }
.class-nav { width: 100%; height: auto; }
.class-nav > li { border: 1px solid #f3f3f3; width: 290px; height: 260px; background:#fff center no-repeat; background-size: cover; float: left; margin-left: 20px; margin-bottom:20px; position: relative; overflow: hidden; }
.class-nav > li > a { display: block; cursor: pointer; width: 100%; height: 100%; }
.class-nav > li > .title { position: absolute; width: 290px; height: 40px; line-height: 40px; font-size: 16px; padding: 0 0px; text-align: center; left: 0; bottom: -40px; background:#046637; opacity: 0.8; -webkit-transition: bottom 0.3s; -o-transition: bottom 0.3s; transition: bottom 0.3s; color: #fff; }
.class-nav > li:hover > .title { bottom: 0; }
.pro-class-box > .line { width: 60px; height: 4px; background:#046637; left: 0; top: 130px; position: absolute; border-radius: 2px;}
.pro-class-box > .title { position: absolute; width: 250px; height: auto; left: 0; top: 10px; text-transform: uppercase; font-size: 16px; font-family:Arial,'微软雅黑', Helvetica, sans-serif; }
.pro-class-box > .title > .blue { display: block; font-size: 32px; margin-bottom:5px; color: #666; font-family:Arial,'微软雅黑', Helvetica, sans-serif;}