﻿@charset "utf-8";
/* banner */
#banner{ position:relative; z-index:1; height:600px; overflow:hidden; text-align:center; background:url(../images/loading.gif) center center no-repeat #0f0f0f; max-width:none;}
#banner .Slideshow{ position:absolute; top:0; left:50%; width:1920px; margin-left:-960px; height:100%; overflow:hidden;text-align:center;}
#banner .Slideshow li{ position:absolute; left:0; top:0; z-index:10; width:1920px; height:600px; overflow:hidden; display:none; text-align:center;  *display:expression(this.previousSibling==null?'block':'none'); }
#banner .Slideshow li:first-child{ display:block;}
#banner .Slideshow li img{ max-width: 100%; height: auto;}
/*banner按钮*/
#banner .CTR{position:absolute; left:0; right:0; top:auto; bottom:30px;width:200px;white-space:nowrap; margin:0 auto;z-index:11; text-align:center;}
#banner a.prev,#banner a.next{  display: none; font-size:2em; width: 1.5em; height: 4em; line-height: 4em;  font-family: "宋体"; color: #fff; text-align: center; position: absolute; left: 2%; top: 50%; margin-top: -2em; z-index: 10; cursor: hand; cursor: pointer; background: rgba(0,0,0,0.5); background:url("../images/tran.png")\9;}
#banner a.next{ left:auto; right: 2%;}
#banner:hover a.prev,#banner:hover a.next{ display: inline-block;}
#banner .points{line-height:0; display:inline-block; vertical-align:middle;}
#banner .points a{ display:inline-block; width:1.3em; height:1.3em;background:#68953f; margin:0 4px; cursor:hand; cursor:pointer; border-radius:50%;transition:width 0.3s;-moz-transition:width 0.3s;-o-transition:width 0.3s;-webkit-transition:width 0.3s;}
#banner .points a.active{ background:#68953f; width:4em; border-radius:0.8em;}

/*搜索和电话*/
#SAT{ padding: 2em 0;}
#search{ float: left; height: 36px; line-height: 0; border-radius: 16px;  border: #8e8e8e 1px solid; padding: 0 4px 0 16px;}
#searchInput{ background:none; border: none; width: 280px; height: 32px; line-height: 32px; padding: 0; float: left}
#SearchBtn{ width: 32px; height: 32px; margin-top: 2px; display: inline-block; background: url("../images/icos.png") left top no-repeat; float: left;}
#SearchBtn:hover{ background-position: left -32px;}
#tel{ font-size: 18px; color: #666666; float: right; font-weight: bold; line-height: 36px;}
#tel span{ font-size: 26px; color: #333; font-weight: normal; /* font-family: 'Ashby';*/}

/*公共*/
a.more{ display: inline-block; height: 22px; line-height: 22px; border-radius:12px; padding: 0 20px; color: #fff; background: #737373; font-size: 12px;}
a.more:hover{ background: #68953f;}
.indexLine{ clear: both; font-size: 0; line-height: 0; height: 1px; background: #545454;  filter:alpha(opacity=20);  -moz-opacity:0.2;  opacity:0.2; margin: 35px auto;}
.indexTit{ margin-top: 60px;}
.indexTit b{ font-size: 45px;font-family: 'Ashby'; display: inline-block; margin-top:8px; }
.indexTit span{ display: inline-block; margin-left: 0.5em; color: #68953f; font-size: 16px;}
.indexTit .floatR{ text-align: right;}
.indexTit .floatR p{ margin: 0; padding: 0; font-size: 12px;filter:alpha(opacity=60);  -moz-opacity:0.6;  opacity:0.6; line-height: 24px;}

/*图标*/
.ICON{ display: inline-block; width: 48px; height: 48px; margin-right: 8px; overflow: hidden;  background: url("../images/ICONS.png") center top; vertical-align: top;}
#ICON2{ background-position: center -100%;}
/*#ICON3{ background-position: center -200%;}*/
#ICON3{ background: url("../images/ICON.png") center center no-repeat;}
#ICON4{ background-position: center -300%;}
#ICON5{ background-position: center -400%;}

/*首页简介*/
#indexAbout{ background: url("../images/indexBg2.jpg") center top repeat-y #68953f; padding: 1px 0 60px 0; color: #fff;}
#indexAbout a,#indexAbout .indexTit span{ color: #fff;}
#indexAbout .indexLine{ background: #fff;}

/*首页宣传图*/
.GG{ position: relative; overflow:hidden; line-height: 0;}
.GG div{ width: 1920px; position: relative; left: 50%; margin-left: -960px; text-align: center;}

/*首页荣誉*/
#honor{ background: #f2f2f2; padding: 1px 0 40px 0;}

/*新闻/成品展示*/
#indexTit_news,#indexNews{ width: 1200px; float: left;}
#indexTit_finiPro,#finiPro{ width: 436px; float: right;}
/*新闻*/
#indexNews dl{ position: relative; padding-left: 270px; height: 162px; margin-bottom: 18px;}
#indexNews dl a{ position: absolute; left: 0; top: 0;  z-index:10; display: inline-block; width: 100%; height: 100%; background: url("../images/blank.gif") ;}
#indexNews dt{ position: absolute; left: 0; top: 0; border: #c0c0c0 1px solid; width:250px; height:170px; padding: 4px; border-radius: 5px; overflow: hidden; text-align: center;}
#indexNews dt img{ max-width: 100%; max-height: 100%;}
dd.newsTit{ font-size: 20px; height: 32px; line-height: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
dd.newsTime{ width: 100%; overflow: hidden; }
dd.newsTime span{ display: inline-block; position: relative; color:#999999; height: 28px; line-height: 28px;}
dd.newsTime span:after{ content: ""; display: inline-block; position: absolute; left:108%; top:50%;  width:800px; border-top:#999999 1px dotted;  line-height: 0; font-size: 0; height: 0;}
dd.newsCon{ color: #666666; line-height: 24px; max-height: 96px; overflow: hidden;}
#indexNews dl:hover dt{ border-color: #68953f; }
#indexNews dl:hover .newsTit{ color: #68953f;}

#indexNews ul{ background: #f0f0f0; padding: 5px 15px;}
#indexNews ul li{ border-top:#b3b3b3 1px dotted; line-height: 0;}
#indexNews ul li:first-child{ border-top:none;}
#indexNews ul li a{ display: inline-block; height: 35px; line-height: 35px; font-size: 14px; overflow: hidden; width: 100%; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
#indexNews ul li a span{ float: right; margin-left: 1em; font-size: 12px;}

/*成品 展示*/
#finiPro{ position:relative; z-index:1; height:327px; overflow:hidden; text-align:center;  max-width:none;}
#finiPro .Slideshow{ position:absolute; top:0; width:100%; height:100%; overflow:hidden;text-align:center;}
#finiPro .Slideshow li{ position:absolute; left:0; top:0; z-index:10; width:100%; height:327px; overflow:hidden; display:none; text-align:center; background:url(../images/loading.gif) center center no-repeat #fff; *display:expression(this.previousSibling==null?'block':'none'); }
#finiPro .Slideshow li:first-child{ display:block;}
#finiPro .Slideshow li img{ max-width: 100%; height: auto;}
/*按钮*/
#finiPro .CTR{ display: none;}
#finiPro a.prev,#finiPro a.next{  display: none; font-size:2em; width: 44px; height: 44px; line-height: 44px; font-size: 0;  text-align: center; position: absolute; left: 2%; top: 50%; margin-top: -22px; z-index: 10; cursor: hand; cursor: pointer; border-radius: 50%; background: rgba(0,0,0,0.8); background-color:#333333\9; background-image: url("../images/ICONS.png"); background-position: center -242px;}
#finiPro a.next{ left:auto; right: 2%; background-position:center -290px;}
#finiPro:hover a.prev,#finiPro:hover a.next{ display: inline-block;}
#finiPro a.prev:hover,#finiPro a.next:hover{ background-color: rgba(0,91,172,0.88); background-color: #68953f\9;}
