@charset "utf-8";

/* banner */
#banner{ position:relative; z-index:1; height:500px; overflow:hidden; text-align:center; background:url(../images/loading.gif) center center no-repeat; max-width:none;}
#banner.fixed_this{position:fixed; left:0; top:100px;}
#bannerBlank{ height:500px; display:none;}
.Slideshow{ position:absolute; top:0; left:50%; width:1920px; margin-left:-960px; height:500px; overflow:hidden;text-align:center;}
.Slideshow li{ position:absolute; left:0; top:0; z-index:10; width:1920px; height:500px; overflow:hidden; display:none; text-align:center;  *display:expression(this.previousSibling==null?'block':'none'); }
.Slideshow li:first-child{ display:block;}
#banner a.prev,#banner a.next{ position:absolute; top:45%; left:10%; z-index:11; height:100px; width:50px; line-height:50px; display:inline-block; cursor:hand; cursor:pointer; background:url(../images/bannerBtn.png) left top no-repeat;}
#banner a.prev:hover{ background-position:left -100px;}
#banner a.next{ background-position:-50px top; left:auto; right:10%;}#banner a.next:hover{ background-position:-50px -100px;}

#points{ position:absolute; left:50%; top:auto; bottom:30px; margin-left:480px; z-index:11; width:120px; text-align:left; line-height:0;}
#currBanner{ display:inline-block; float:left; width:50px; height:50px;background:url(../images/num.png) left top no-repeat;font-size:0; line-height:0; transition:background 0.5s; -webkit-transition:background 0.5s; -moz-transition:background 0.5s; -o-transition:background 0.5s;}
#slash{ display:inline-block; width:18px; height:50px; float:left; margin-right:3px; background:url(../images/num.png) -400px top no-repeat;}
#allBanner{ display:inline-block; width:25px; height:25px; overflow:hidden; background:url(../images/num.png) left -50px no-repeat;font-size:0; line-height:0; margin-top:5px;}
#point{ white-space:nowrap; height:15px; line-height:15px;}
#point a{ display:inline-block; width:8px; height:8px; background:#000; margin-right:4px; border-radius:50%; cursor:hand; cursor:pointer; opacity:0.9;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9;}
#point a.active{ background:#ce000c; opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}

/*公共*/
.indexTit{ font-size:15px; color:#7d848c;line-height:20px;}
.indexTit b{ font-size:22px; color:#131f3c;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; margin-top:10px;}
a.more:hover{ color:#fff; background:#e60012; border-color:#e60012;}
.line{ border-top:#dde0e2 1px solid; margin:20px auto; font-size:0; line-height:0; height:0;}

/*简介*/
#indexBox1{ position:relative; z-index:10; padding:1px 0 25px 0;background:url(../images/bg1.png) center bottom no-repeat #fff;}
#index_about{ position:relative; height:213px; background:#131f3c; margin:100px 35px 55px auto;}
#about_pic{ position:absolute; left:0; top:-92px;}
a#about_btn{ position:absolute; left:auto; right:215px; top:auto; bottom:0; z-index:10; width:36px; height:45px; line-height:45px; display:inline-block; background:#e60012; color:#fff; font-size:16px; font-family:"宋体",Helvetica, sans-serif,Arial; text-align:center;}a#about_btn:hover{ background:#004386;}
#about_tit{ position:absolute; top:15px; left:auto; right:-35px; background:#e60012; 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:18px;}
#about_cont{ position:absolute; top:-20px; left:auto; right:145px; color:#131f3c; background:url(../images/aboutCont_bg.jpg) left top #e3ebf0; height:220px; line-height:20px; width:700px; overflow:hidden; padding:15px 35px 25px 35px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/*产品推荐*/
#brands{ float:right;color:#131f3c; margin:10px 10px 0 0;height:26px; line-height:26px; max-width:845px; text-align:right;}
#brands a{ display:inline-block; padding:0 16px; position:relative;}
#brands a:before{content:"|"; font-size:11px; position:absolute; left:0; top:0; bottom:0; margin:auto 0;}

#indexBox2{ position:relative; z-index:10; background:url(../images/bg2.jpg) center bottom repeat-x #fff; padding-bottom:50px;}
#hotPro{ position:relative;}
.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.jpg) center top no-repeat #0a142b;}
#hotPro1 a{ display:inline-block; position:absolute; left:0; top:auto; bottom:0; width:100%; height:140px; background:url(../images/indexPro1.png) center top no-repeat #e60012;}
#hotPro1 a:Hover{ background-color:#004386;}
#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; font-size:12px; color:#848484;}
#hot_pro li a img{ max-width:100%; max-height:100%;}
#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; font-weight:normal; margin:5px 0 10px 0; max-height:60px; overflow:hidden; display:inline-block; color:#ffffff; width:100%;word-break:break-all;}
#hot_pro li a p span{ display:inline-block; width:90px; height:90px; line-height:90px; text-align:center; background:url(../images/Element.png) left top no-repeat; color:#fff; margin:15px auto 10px auto;}

/*首页新闻*/
#index_news{overflow:hidden; position:relative; z-index:10; background:#fff; padding:50px 0;}
#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(0,67,134,0.85); background:#004386\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:#2d2f33;}
#index_news li:Hover a.articleTit{ color:#e60012;}

#foot{ background:#fff; margin-top:0;}