@charset "utf-8";

/*Banner*/
#banner{text-align:center; /*background:#525252;*/ position:relative; z-index:1; overflow:hidden; height:600px;}
#Slideshow{ position:relative; z-index:2; width:1600px; height:600px; margin:0 auto; left:50%; margin-left:-800px; clear:both; text-align:center;background:url(../images/loading.gif) center center no-repeat;}
#Slideshow li{ position:absolute; left:0; top:0; width:100%; height:100%; display:none;*display:expression(this.previousSibling==null?'block':'none');}
#Slideshow li:first-child{ display:block;}
#Slideshow li a img{ width:100%;}
#jsNavBox { position:absolute; z-index:99; line-height:0; left:0; top:auto; bottom:35px; width:100%;}
#jsNav{ margin:0 auto; padding:0 0 0 20px;}
#jsNav a{ position:relative; height:12px; width:12px; margin-left:10px; overflow:hidden; display:inline-block; cursor:hand; cursor:pointer; border:#4f4f4f 2px solid; border-radius:50%;-moz-border-radius:50%; -webkit-order-radius:50%; opacity:0.7; background:#fff;}
#jsNav a.Selected{ border-color:#ce04a5; opacity:1;}
#prev_sd,#next_sd{ position:absolute; left:0; top:38%; z-index:4; display:inline-block; width:32px; height:118px; cursor:hand; cursor:pointer; background:url(../images/bannerBtn.png) left top no-repeat;}
#next_sd{ left:auto; right:0; background-position:-64px top;}
#prev_sd:hover{ background-position:-32px top;}
#next_sd:hover{ background-position:-96px top;}

#banner_bg{ position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; /*margin:-10% 0 0 -5%;*/
/*filter:url(blur.svg#blur); -webkit-filter:blur(15px); -moz-filter:blur(15px); -ms-filter:blur(15px); filter:blur(15px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=18, MakeShadow=false*/}
#banner_bg p{ margin:0; padding:0; width:100%; height:100%; background:url(../images/trans.png); *background:none;}

/*搜索*/
#searchBox{ height:54px; background:#ebebeb; margin-bottom:30px;}
#Searchform{ height:30px; float:left; margin-top:12px;}
#Searchform input{height:30px; line-height:30x; border:none; padding:0 0 0 8px; margin:0 0 0 10px; width:200px; display:inline; color:#a4a4a4; background:#fff; vertical-align:top;}
#Searchform #SearchBtn{ width:35px; height:30px; overflow:hidden; background:url(../images/elements.png) -75px top no-repeat #303069; border:none; display:inline-block; vertical-align:top;}
#Searchform #SearchBtn:hover{ background-color:#ff00cc;}
.icon{ display:inline-block; width:35px; height:30px; vertical-align:top; background:url(../images/elements.png) -110px top no-repeat;}
/*分享*/
#share{ float:right; margin-top:11px; width:220px; line-height:32px; color:#969696;}
#share a{ position:relative; vertical-align:top; margin:0 6px 0 0; padding:0; float:right;}

/*推荐图片*/
#recommend{ line-height:0;}
.halfWidth{ width:50%; float:left;}
#recommend .halfWidth:first-child{ padding-right:2px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
a.halfWidth { display:inline-block;}
.halfWidth img{ width:100%; margin-bottom:2px;}

/*首页产品*/
#index_Pro{ margin-top:64px; width:100%; overflow:hidden; background:url(../images/bg1.jpg) center top repeat; padding-bottom:40px;}
#proLabel{ position:relative; height:50px; display:inline-block; margin:0 auto 40px auto;}
#proLabel li{ float:left; height:50px; line-height:50px; font-size:16px; color:#212121; background:#fff; padding:0 40px; cursor:hand; cursor:pointer;}
#proLabel li.curr{ background:none; color:#d14bd6;}
#leftBg,#rightBg{ position:absolute; top:0; left:auto; right:100%; height:100%; width:5000px; background:#fff; margin:0; padding:0;}
#rightBg{ right:auto; left:100%;}

.indexPro{ width:100%; max-width:1800px; min-width:980px; margin:0 auto; display:none;}
.indexPro.show{ display:block;}
.indexPro li{ width:16.6%; float:left; text-align:center; font-size:0;}
.indexPro li a{ display:inline-block; background:#fff; width:90%; text-align:center; overflow:hidden;padding-bottom:20px; max-width:270px;}
.indexPro li a p{ position:relative; margin:0 0 8px 0; padding:0; width:100%; height:0; padding-bottom:150%}
.indexPro li a p img{ max-width:100%;}
.indexPro li a p i{ position:absolute; width:98%; height:60%; left:1%; top:20%; display:none;}
.indexPro li a p i img{ max-width:100%; max-height:100%;}
.indexPro li a span{ font-size:15px; display:inline-block; width:100%; padding:0 12px;overflow:hidden;white-space: nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.details{ display:inline-block; width:144px; max-width:90%; height:36px; background:url(../images/elements.png) left -40px no-repeat; line-height:30px; color:#fff; text-transform:uppercase; font-weight:normal;}
.indexPro li a:hover .details{ background-position:left -80px;}

#indexB{ background:url(../images/bg2.jpg) left bottom repeat-x; padding-bottom:45px;}
/*热门产品*/
.tit{ overflow:hidden; text-align:center; clear:both; margin:60px auto 30px;}
.tit a{ position:relative; display:inline-block; line-height:40px; font-size:24px; color:#424242; font-weight:bold;}
.tit a span{ position:absolute; width:5000px; height:1px; font-size:0; line-height:0; background:#d2d2d2; left:120%; top:50%;}
.tit a span:first-child{ left:auto; right:120%;}
#indexHot li{ width:25%;}

/*首页简介*/
#index_about{ width:48%; float:left; line-height:30px; max-height:150px; overflow:hidden;}

/*首页新闻*/
#indexNews{ width:48%; float:right;}
a#indexNews_pic{ float:left; width:46%;}
a#indexNews_pic img{ max-width:100%;}
#indexNews ul{ width:51%; float:right;}
#indexNews ul li{ line-height:0;}
#indexNews ul li a{ display:inline-block; width:100%; height:30px; line-height:30px; overflow:hidden; white-space:normal; text-overflow:ellipsis; -o-text-overflow:ellipsis; padding-left:10px; background:url(../images/dott.png) left center no-repeat;}
@media screen and (max-width: 1024px){
  #banner{height:450px;}
  #Slideshow{width:1200px; height:450px;margin-left:-600px;}
  #banner_bg{ display:none;}
  #index_about{ line-height:26px; max-height:130px;}
  #indexNews ul li a{ height:26px; line-height:26px;}
}