﻿/*首页*/

/*关于我们*/
#index-about{width: 100%;min-height: 200px;background: #eeeeee;}
#index-about #about{width: 1000px;margin:0 auto;padding-bottom: 30px;}
#index-about #about #bt{width: 100%;height: 60px;line-height: 60px;padding:10px 0;font-size: 26px;font-weight: bold;color:#2c2c2c;letter-spacing:1.5px;text-align: center;}
#index-about #about #bt span{font-size: 28px;color:#3b3b3b;font-weight:normal;line-height: 1;vertical-align: -2px;}
#index-about #about #content,#index-about #about #content p{font-size: 14px;line-height: 30px;text-indent: 1em;}


/*通用标头*/
.cate{width: 100%;height: 115px;padding-top:50px;text-align: center; }
.cate img{width: 202px;height: 81px;}
.mored{width: 100%;height:35px;padding:40px 0 30px;text-align: center; }
.mored a{display: inline-block;width: 135px;height: 31px;line-height: 31px;border:2px solid #cccccc;}

/*产品大类*/
#index-class{width: 100%;height: 600px;background: #fff;}
#index-class #class{width: 1000px;margin:0 auto;}
#index-class #class #content{width: 100%;height: 310px;overflow: hidden;}
#index-class #class #content li{float: left;width:192px;height: 310px;margin-right:10px;}
#index-class #class #content li:last-child{margin-right: 0px;}
#index-class #class #content li img{ display: block;width: 100%;height: 260px;margin:0;}
#index-class #class #content li .title{width: 100%;height: 46px;line-height: 46px;font-size:15px;text-align:center;border-bottom: 4px solid #bbbbbb;background:#ececec;overflow: hidden;transition:all ease 0.5s;}
#index-class #class #content li:hover .title{color:#fff;background:#00a390;border-color:#00a390; }

/*产品展示*/
#index-product{width: 100%;min-height: 450px;background: #26c3b0;}
#index-product #product{width: 1000px;margin:0 auto;}
#index-product #product #content{width: 100%;height: 210px;overflow: hidden;background: #26c3b0;}
#index-product #product #content li{position: relative;}
#index-product #product #content .cover{width: 310px;height: 200px;;border:2px solid #fff;}
#index-product #product #content .title{display:none;width: 100%;height: 40px;line-height: 40px;font-size: 15px;color:#fff;text-align: center;position: absolute;left:0;bottom:-20px;overflow: hidden;transition: bottom 2s;-moz-transition: bottom 2s; -webkit-transition: bottom 2s; -o-transition: bottom 2s; }
#index-product #product #content li span{display: block;width: 310px;height: 0px;position: absolute;top:50%;left:2px;transition:all ease 0.35s;}
#index-product #product #content .zoom{width: 40px;height: 40px;position: absolute;top:77px;left:137px; opacity: 0;transition:all ease 0.35s;}

#index-product #product #content li:hover .title{ display:block; bottom:0px}
#index-product #product #content li:hover span{height: 200px;top:2px;background: #000;opacity: 0.8;}
#index-product #product #content li:hover .zoom{opacity: 0.9;transform:rotateX(360deg); -webkit-transform:rotateX(360deg); -moz-transform:rotateX(360deg);}

#product .bx-wrapper {border:0px;box-shadow:0 0 0 #fff;}
#product .bx-wrapper{width: 1000px;margin:0 auto;}
#product .bx-wrapper .bx-prev{top:50%;left: -45px;background: url(../images/left.png) no-repeat;background-size: 21px 34px;width: 21px;height: 34px;}
#product .bx-wrapper .bx-next{top:50%;right: -45px;background: url(../images/right.png) no-repeat;background-size: 21px 34px;width: 21px;height: 34px;}
#product .bx-wrapper .bx-pager{display: none;}

#index-product .mored a{border-color: #fff;color:#fff;}


/*首页新闻*/
#index-news{width: 100%;min-width: 540px;background: #fff;}
#index-news #news{width: 1000px;margin:0 auto;}
#index-news #news #content{width: 100%;min-height: 240px;}
#index-news #news #content li{float: left;width: 480px;height: 90px;margin:0 20px 20px 0;position: relative;overflow: hidden;}
#index-news #news #content li:nth-child(2n+0){margin-right: 0;}
#index-news #news #content li .cover{width: 90px;height: 90px;position: absolute;top:0;left: 0;}
#index-news #news #content li .title{width: 370px;height: 25px;line-height: 25px;font-size: 15px;color:#2c2c2c; position: absolute;left:105px;top:0;overflow: hidden;}
#index-news #news #content li .explan{width: 370px;height: 45px;line-height: 22px;font-size: 14px;color:#797979;position: absolute;left:105px;top:25px;overflow: hidden;text-overflow:ellipsis;}
#index-news #news #content li .more{display: block;width: 63px;height: 20px;background: url(../images/more.jpg) no-repeat;background-size: 63px 20px;position: absolute;right: 15px;bottom: 0;}
#index-news #news #content li:hover .more{background: url(../images/more1.jpg) no-repeat;}