@charset "utf-8";

/*Banner*/
#banner{height:600px; margin-bottom:45px;}
#js {height:600px;}
.jsNav { position:absolute; left:0; bottom:0; height:34px; width:100%;  text-align:center; background:url(../images/index_Elem.png) center top no-repeat;}
.jsNav a{ height:16px; width:16px; line-height:16px; overflow:hidden; display:inline-block; margin:14px 5px 0 5px; top:0; position:relative; color:#fff; background:#9e9e9e; border-radius:50%; text-align:center;}
.jsNav a.imgSelected { background:#0e4e80; top:-2px}
.jsNav a.prevBtn,.jsNav a.nextBtn{ display:none;}
#bannerCover{ position:absolute; z-index:1; width:100%; height:100%; background:url(../images/tran.png); left:0; top:0;}

/*首页公共*/
.Convex{ position:absolute; height:38px; width:100%; left:0; top:-38px; overflow:hidden; background:url(../images/index_Elem.png) center -290px no-repeat; min-width:1200px;}
.tit{ position:relative; top:-10px; width:100%; height:120px; overflow:hidden; margin:0 auto 20px auto; background:url(../images/index_Elem.png) center -40px no-repeat; text-align:center;}
.tit a{ position:relative; z-index:10; width:150px; height:120px; display:inline-block; background:url(../images/index_tit.png) center top no-repeat;}
.tit p{ position:absolute; left:0; top:65px; z-index:1; margin:0; padding:0; width:100%; height:4px; background:url(../images/DBLine.png) center top no-repeat;}
a.more{ position:absolute; z-index:100; left:auto; top:50px; right:12px; display:inline-block; width:150px; height:41px; line-height:41px; color:#fff; background:url(../images/Element.png) -250px -124px no-repeat; padding-left:62px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; cursor:hand; cursor:pointer; -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;}
a.more:hover{-moz-opacity:1; -khtml-opacity:1; opacity:1;}

/*首页产业*/
#index_pro,#index_about{ position:relative; width:100%; max-width:1600px; min-width:1200px; margin:0 auto; padding-bottom:90px;}
#index_pro{background:url(../images/bg1.jpg) center top repeat-y; margin-top:65px;}
#Industry li{ float:left; width:20%; padding:0 1px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; line-height:0;}
#Industry li a{ position:relative; display:inline-block; width:100%; overflow:hidden;}
#Industry li a img{ width:100%;}
#Industry li a span{ position:absolute; left:0; top:auto; bottom:-8px; width:100%; overflow:hidden; padding:8px 10px 16px 10px; text-align:center; line-height:20px; color:#b0c3d2; font-size:14px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; background:rgba(0,58,104,0.75); background:transparent\9;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0003a68,endColorstr=#c0003a68)\9;zoom: 1;
transition:background 0.3s,bottom 0.3s;-webkit-transition:background 0.3s,bottom 0.3s;-moz-transition:background 0.3s,bottom 0.3s; -o-transition:background 0.3s,bottom 0.3s;}
#Industry li a:hover span{ background:rgba(0,58,104,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6003a68,endColorstr=#e6003a68)\9; color:#fff; bottom:0;}

/*首页关于*/
#index_about{ background:url(../images/bg2.jpg) center top}
#index_about .Convex{ background-position:center -330px;}
#index_about .tit{ background-position: center -165px;}
#index_about .tit a{ background-position: center -120px;}
#indexAbout{ padding:30px; background:url(../images/bg3.png) center top repeat-y;}

#slogan2{ position:absolute; left:10px; top:50px; background:url(../images/index_Elem.png) left -445px no-repeat; width:210px; height:35px;}

/*首页新闻*/
#index_news .Convex{ background-position:center -370px;}
#index_news .tit a{ background-position: center -240px;}

#index_news ul{ position:relative; background:url(../images/timeLine.png) center top repeat-y; padding:27px 0 20px; margin-top:-30px;}
#topLine{ width:47%; position:absolute; left:auto; right:0; top:27px; line-height:0; font-size:0; height:1px; background:#e3e3e3; margin:0; padding:0;}
#index_news li{ position:relative; width:47%; float:left; height:75px; margin:83px 3% 0 0; border-bottom:#e3e3e3 1px solid; padding-bottom:8px;}
#index_news li:first-child{ margin-top: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{ width:100px; height:75px; display:inline-block; overflow:hidden; float:right; margin:0 0 0 15px; text-align:center; background:#e1e1e1;}
a.pic img{ max-height:75px; max-width:100px; *width:100px;}
#index_news li p{ margin:0; padding:0; height:75px; overflow:hidden; line-height:20px; font-size:13px; color:#7c7c7c;}
a.articleTit{ display:inline-block; width:100%; height:32px; line-height:32px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis; font-size:16px; font-weight:bold; color:#1d1b1c; text-align:right;}
.articleTitme{font-size:12px; font-weight:normal;}
#index_news li:Hover a.articleTit{ color:#003a68;}
#index_news li:Hover .articleCont,.article li:Hover .articleTitme{ color:#b4a17b;}

#index_news li.odd{ float:right; margin:83px 0 0 3%; /*padding:83px 0 8px 0; border-bottom:none; border-top:#e3e3e3 1px solid;*/}
#index_news li.odd a.pic{ float:left; margin:0 15px 0 0;}
#index_news li.odd a.articleTit{ text-align:left;}

#arrow_down{ width:100%; height:30px; overflow:hidden; background:url(../images/index_Elem.png) center -415px no-repeat;}

@media screen and (max-width: 1000px){
  #index_pro,#index_about{ min-width:980px;}
  .Convex{ min-width:980px;}	
  #indexAbout{line-height:21px; font-size:12px;}
}