@charset "utf-8";

/*Banner*/
#banner{text-align:center; position:relative; z-index:1; overflow:hidden; height:550px;}
#Slideshow{ position:relative; z-index:2; width:1920px; height:550px; margin:0 auto; left:50%; margin-left:-960px; 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'); transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:none;}
#Slideshow li:first-child{ display:block;}
#Slideshow li a img{ max-width:100%;}
#jsNavBox { position:absolute; z-index:4; line-height:0; left:0; top:auto; bottom:30px; width:100%;}
#jsNav{ margin:0 auto; text-align:center;}
#jsNav a{ position:relative; height:18px; width:18px; margin:0 6px; overflow:hidden; display:inline-block; cursor:hand; cursor:pointer; background:#fff; border-radius:50%;-moz-border-radius:50%; -webkit-order-radius:50%; opacity:0.8;}
#jsNav a.Selected{ background:#ffdc52; opacity:1;}
#prev_sd,#next_sd{ position:absolute; left:0; top:45%; z-index:4; display:inline-block; width:50px; height:50px; cursor:hand; cursor:pointer; background:url(../images/elements.png) left -26px no-repeat;background-color:rgba(33,33,33,0.8); background-color:#212121\9;}
#next_sd{ left:auto; right:0; background-position:-50px -26px;}
#prev_sd:hover,#next_sd:hover{ background-color:#ffdc52;}
@media screen and (max-width: 1440px){
  #banner{height:458px;}
  #Slideshow{width:1600px; height:458px;margin-left:-800px;}
}

#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;}

/*简介*/
#index_about{ margin:60px auto;}

/*产品*/
#index_pro{ background:url(../images/bg1.jpg) center top no-repeat #5dab6f; margin-bottom:60px;}
#index_pro .global_width{ padding:90px 0; z-index:11;}
#tit_pro{ float:left; color:#fff; width:295px;}
#series_pro{ width:890px; float:right;}
#series_pro li{ float:left; width:20%; overflow:hidden; padding-left:3px; line-height:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#series_pro li a{ display:block; position:relative; width:100%; overflow:hidden; border-radius:10px; height:0; padding-bottom:200%;}
#series_pro li a img{ width:100%; height:auto;}
#series_pro li a span{ position:absolute; z-index:2; display:inline-block; width:100%; left:0; top:auto; bottom:0; text-align:center; padding:10px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; color:#5dab6f; font-size:15px; font-weight:bold; line-height:120%;}
#series_pro li a:hover span{ color:#ffdc52;}
#series_pro li a i{ display:inline-block; width:100%; height:85px; position:absolute; z-index:1; left:0; top:auto; bottom:0;background:url(../images/gradientBG.png) left top repeat-x;}
#KT1{ position:absolute; left:auto; right:186px; top:auto; bottom:-85px; line-height:0;}

/*文章 新闻*/
.index_news{ width:420px; float:left; margin-right:40px;}
.TopNews{ margin:0 0 15px 0; padding:0; height:120px; overflow:hidden;}
a.a_Thum{ width:160px; height:120px; overflow:hidden; display:inline-block; float:left; margin-right:15px; text-align:center; border-radius:0 10px 0 10px;}
a.a_Thum img{ width:100%; height:auto;}
a.a_indexNews{ height:32px; width:245px; line-height:32px;overflow:hidden; font-size:15px;display:inline-block;white-space: nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis; font-weight:bold;}
.TopNews span{ height:72px; width:245px;overflow:hidden; line-height:18px; font-size:12px; display:inline-block; color:#808080;}
.ArticleUl{border-bottom:#cfcfcf 1px dotted;}
.ArticleUl li{ height:38px; line-height:38px; border-top:#cfcfcf 1px dotted;}
.NewsTime{ float:right; font-size:11px; color:#808080;}
.ArticleUl li a{ display:block; height:38px; overflow:hidden; padding-left:15px; background:url(../images/elements.png) -80px top no-repeat;}

/*首页荣誉*/
#index_honors{ float:right; width:280px; padding-left:40px; border-left:#e3e3e3 1px solid; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#hotHonor{ overflow:hidden; position:relative; width:240px; height:330px;}
#hotHonor ul{ position:absolute; left:0; top:0; height:100%; width:9999px;}
#hotHonor ul li{ width:240px; height:330px; line-height:330px; overflow:hidden; text-align:center; float:left; background:#f2f2f2; display: table-cell;vertical-align:middle;}
#hotHonor ul li img{ max-width:100%; max-height:100%; vertical-align:middle;}
a#prevHonor,a#nextHonor{ display:inline-block; position:absolute; left:0; bottom:0; top:auto; width:50%; height:28px; background:rgba(255,212,39,0.95); background:transparent\9;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2ffd427,endColorstr=#f2ffd427);zoom:1; cursor:hand; cursor:pointer; text-align:center;}
a#nextHonor{ left:auto; right:0; background:rgba(0,0,0,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000); }
a#prevHonor:hover,a#nextHonor:hover{ background:#ff5460\9; background:rgba(255,84,96,0.9);filter:none;}
a#prevHonor i,a#nextHonor i{ display:inline-block; width:50px; margin:0 auto; height:100%; background:url(../images/elements.png) left -37px;}
a#nextHonor i{ background-position:-50px -37px;}

/*首页品牌*/
#indexBrands{ background:url(../images/bg2.jpg) #ffdc52; color:#966d00; margin:80px auto -61px auto;}
#indexBrands .global_width{ padding:100px 0 110px 0; min-height:400px; z-index:11;}
#tit_brands{ position:absolute; left:0; top:65px; width:410px;}
#cont_brands{ position:absolute; left:auto; right:0; bottom:60px; width:400px;}
#KT2{ position:absolute; left:0; top:-41px; line-height:0;}


/*首页公共*/
a.seeMore{ display:inline-block; height:32px; line-height:32px; background:#fff; color:#4a9e57; padding:0 20px 0 15px;}
a.seeMore i{ font-size:11px; font-style:normal; padding:0 8px; font-family:serif,"宋体","Times New Roman",Times; letter-spacing:-1px;}
a.seeMore:hover{ background:#fec81e; color:#fff;}

.tit{ height:40px; background:url(../images/Tit_cn.png) left top no-repeat; margin:20px 0;}
#tit2{ background-position:left -40px;}
#tit3{ background-position:center -80px;}
a.more{ float:right; width:45px; height:24px; background:url(../images/elements.png) left -76px no-repeat; margin-top:15px;}
a.more:hover{ background-position:-45px -76px;}
a.more2{ display:block; width:100%; height:100%;}