@charset "utf-8";

body{ background:#f0f3f5;}
/* banner */
#banner_box{width:100%;height:620px;background:url(../bannerImg/banner_bg.jpg) center top no-repeat;overflow:hidden;position:relative; border-bottom:#dee2e5 4px solid;}
#banner{ width:1600px; height:620px; left:50%; margin-left:-800px; position:relative; overflow:hidden;}
#banner li{ width:100%; height:100%; position:absolute; left:0; top:0; /*display:none;*display:expression(this.previousSibling==null?'block':'none');*/}
/*#banner li:first-child{ display:block;}*/
#banner li .ba_txt{ padding:0; margin:0; text-align:left; display:inline-block; position:absolute; top:245px; left:310px; z-index:10; opacity:0;-moz-opacity:0;-khtml-opacity:0;filter:alpha(opacity=0);}
#banner li .ba_txt a{ display:inline-block; height:38px; line-height:38px; background:#ff4761; padding:0 30px; color:#ffcbd1;margin-top:52px;}
#banner li .ba_txt a:Hover{ color:#fff; background:#87c474; }
#banner li .ba_img{ padding:0; margin:0; text-align:left; position:absolute; left:auto; right:53px; top:0; z-index:9;opacity:0;-moz-opacity:0;-khtml-opacity:0;filter:alpha(opacity=0);}
#banner li .ba_img img{ max-height:620px;}

#banner li:first-child .ba_txt,#banner li:first-child .ba_img{opacity:1;-moz-opacity:1;-khtml-opacity:1;filter:alpha(opacity=100);}
#banner li:first-child .ba_txt{ z-index:12;}
/*banner按钮*/
#banner_btns{ position:absolute; left:auto; right:238px; top:250px; z-index:15; width:22px; line-height:0; font-size:0;}
#banner_btns a{ display:inline-block; width:22px; height:22px; background:url(../images/banner_btn.png) center top no-repeat; margin:5px 0; cursor:hand; cursor:pointer;}
#banner_btns a.bannerBtn{ background-position:center -22px;}
#banner_btns a.bannerBtn.active{ background-position: center -44px;}
#banner_btns a#next{ background-position: center -66px;}

/*公共*/
#indexBox{ padding-top:25px;}
.indexTit{ font-size:15px; color:#7d848c;line-height:20px;}
.indexTit b{ font-size:22px; color:#323f4e;line-height:20px; vertical-align:bottom; padding-bottom:2px; display:inline-block;}
a.more{ display:inline-block; float:right; border:#a4abb2 1px solid; padding:0 15px; font-size:12px; color:#a4abb2; height:26px; line-height:26px;}
a.more:hover{ color:#fff; background:#87c474; border-color:#87c474;}
.line{ border-top:#dde0e2 1px solid; margin:20px auto; font-size:0; line-height:0; height:0;}

/*简介*/
#index_about{ position:relative; height:213px; background:#323f4e; margin:100px 35px 55px auto;}
#about_pic{ position:absolute; left:0; top:-71px;}
a#about_btn{ position:absolute; left:auto; right:215px; top:auto; bottom:0; z-index:10; width:30px; height:45px; line-height:45px; display:inline-block; background:#87c474; color:#fff; font-size:16px; font-family:"宋体",Helvetica, sans-serif,Arial; text-align:center;}a#about_btn:hover{ background:#ff4761;}
#about_tit{ position:absolute; text-align: center; top:15px; left:auto; right:-35px; background:#87c474; color:#fff; line-height:26px; width:180px; padding:25px 12px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#about_tit b{ font-size:24px;}
#about_cont{ position:absolute; top:-15px; left:auto; right:145px; background:#e3ebf0; height:220px; width:700px; overflow:hidden; padding:20px 35px 0 35px; border-bottom:#e3ebf0 20px solid; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/*产品系列*/
#index_pro{ overflow:hidden; margin-bottom:40px;}
#indexPro_bg{ position:absolute; left:0; top:125px; width:100%; height:100%; background:#dae2e7;}
#series{ position:relative; width:100%; overflow:hidden; margin:20px auto 25px auto; height:215px;}
#series ul{ position:absolute; left:0; top:0; height:100%; width:9999px;}
#series ul li{ position:relative; float:left; height:215px; width:296px; background:#fff; margin-right:5px; padding:8px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#series ul li:hover{ background:#87c474; color:#fff;}
#series ul li a{ display:inline-block; width:280px; height:140px; margin-bottom:8px; text-align:center; background:#323f4e;}
#series ul li a img{ max-width:100%; max-height:100%;}
#series ul li b{ display:inline-block; position:absolute; left:auto; right:8px; bottom:8px; left:auto; top:auto; font-weight:normal; font-size:18px; color:#d7dfe4;}

#seriesBtns{ display:inline-block; font-size:12px; height:26px; line-height:26px;border:#a4abb2 1px solid;color:#a4abb2; float:right; margin:0 8px;}
#seriesBtns a{ display:inline-block; height:100%; padding:0 12px; font-size:15px; font-weight:bold; vertical-align:top; text-align:center; cursor:hand; cursor:pointer;font-family:"宋体",Helvetica, sans-serif,Arial;}
/*产品推荐*/
#hotPro{ position:relative; margin-bottom:50px;}
.corner{ position:absolute; left:auto; top:0; right:0; display:inline-block; width:20px; height:20px; background:url(../images/corner.png) right top no-repeat; z-index:10;}
#corner2{ top:auto; bottom:0; background-position:right bottom;}
#hotPro1{ position:relative; float:left; width:150px; height:520px; background:url(../images/indexPro1.png) center top no-repeat #87c474;}
#hotPro1 a{ display:inline-block; position:absolute; left:0; top:auto; bottom:0; width:100%; height:140px; background:url(../images/indexPro1.png) center bottom no-repeat #3c4857;}
#hotPro1 a:Hover{ background-color:#87c474;}
#hotPro2{ float:left; width:270px; height:520px;}
#hotPro2 img{ max-width:100%; max-height:100%;}
#hot_pro{ width:780px; height:520px; float:left; overflow:hidden; background:#fff;}
#hot_pro li{ float:left; width:260px; height:260px; overflow:hidden; border:#e1e1e1 1px solid; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#hot_pro li a{ position:relative; display:block; width:100%; height:100%; text-align:center; color:#87c474; font-size:12px;}
#hot_pro li a img{ max-width:100%; max-height:100%; margin: 50% 0 0 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);}
#hot_pro li a p{ display:inline-block; padding:10%; margin:0; width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:100%; background:url(../images/tran.png);box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; line-height:20px;}
#hot_pro li a p b{ font-size:16px; padding:5px 0; display:inline-block;}
#hot_pro li a p span{ display:inline-block; width:86px; height:86px; line-height:86px; text-align:center; background:url(../images/Element.png) left -160px no-repeat; color:#fff; margin:15px auto 10px auto;}

/*首页新闻*/
#index_news{overflow:hidden;}
#index_news ul{ position:relative; height:126px; overflow:hidden;}
#index_news ul li{ position:relative; width:31%; float:left; height:126px; margin:0 0 0 3%; *margin-left:expression(this.previousSibling==null?'0':'3%');}
#index_news ul li:first-child{ margin-left:0;}
a.link_pic{ position:absolute; width:100%; height:100%; top:0; left:0; display:inline-block; z-index:100; background:url(../images/blank.gif);}
a.pic{ position:relative; width:168px; height:126px; display:inline-block; overflow:hidden; float:left; margin:0 12px 0 0; text-align:center; background:#323f4e;}
a.pic img{ max-height:100%; max-width:100%; *width:100%;}
.articleTitme{ position:absolute; left:0; top:auto; bottom:0; font-size:12px; line-height:14px; padding:5px; display:inline-block; background:rgba(135,196,116,0.85); background:#87c474\9; color:#fff;}
.articleTitme b{ font-size:15px;}
#index_news li p{ margin:0; padding:0; height:126px; overflow:hidden; line-height:20px; font-size:12px; color:#7a848d;}
a.articleTit{ display:inline-block; width:100%; height:36px; line-height:18px; margin:4px 0; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; font-size:15px; font-weight:bold; color:#323f4e;}
#index_news li:Hover a.articleTit{ color:#6bab57;}
/*#index_news li:Hover .articleTitme{background:#87c474;}*/

/*视频按钮*/
#videoBtn{ position:fixed; left:auto; right:20px; top:auto; bottom:30px; }

@media screen and (max-width: 1024px){
  #banner_btns{ right:348px;}
  #about_cont{ width:480px;}
  /*产品系列*/
  #series{ height:185px;}
  #series ul li{ width:240px; margin-right:6px; height:185px;}
  #series ul li a{ width:224px; height:112px;}
  /*产品推荐*/
  #hotPro1{ width:200px;}
  #hotPro2{ display:none;}
  /*首页新闻*/
  #index_news ul li{ width:47%;}
}