@charset "utf-8";
body{ margin:0px; padding:0px; font-size:12px; background:#0d0301 URL(../images/contentBg.jpg) center top repeat-y; line-height:25px; color:#cebf7c;}
ul,li,p{ margin:0px; padding:0px; list-style:none;}
a{ color:#cebf7c; text-decoration:none;}
a:hover{ text-decoration:underline;}

#Index{	width:970px; margin:0px auto;}

.Top{ clear:both; display:block; position:relative; height:115px; margin-bottom:10px;}
.logo{  }
.logo a{ display:block; clear:both; width:165px; height:63px; line-height: 63px; cursor:pointer; font-size: 40px; color: #fff; font-weight: bold;  

  background-clip: text;
  background: -webkit-linear-gradient(90deg, #f2da49, #997c23); /* Chrome, Safari */
  background: linear-gradient(90deg, #f2da49, #997c23); /* 标准语法 */
  -webkit-background-clip: text; /* Chrome, Safari */
  -webkit-text-fill-color: transparent; /* Chrome, Safari */
  color: transparent; /* 其他浏览器 */
  
 position:absolute; left:0px; bottom:20px; }
.logo a:hover{ text-decoration: none;  }

.Menu{ position:absolute; right:0px; top:50px; height:44px;}
.MenuLine{ display:block; float:left; width:1px; height:44px; background:URL(../images/menuLine.jpg) left top no-repeat;}
.Menu li{ float:left; margin-left:8px;}
.Menu li a{ display:block; float:left; width:67px; height:44px; line-height:44px; font-size:14px; font:bold; color:#ab8f21; text-align:center; font-weight:bold; text-decoration:none;}
.Menu li a:hover{ color:#fff; background:#772a08;}
.Menu .on{ color:#fff; background:#772a08;}

.Banner{ clear:both; height:466px; overflow:hidden; margin:10px 0px;}
#myFocus{ width:970px; height:466px;}
#myFocus img{ border:0px; width:970px; height:466px;}
.BannerLine{ clear:both; height:1px; overflow:hidden; background:URL(../images/bannerLine.jpg) center top no-repeat;}

.IndexContent{ clear:both; margin:10px 0px;}

.title{ clear:both; text-align:center; font-size:18px; font-weight:bold;}
.info{ clear:both; text-align:center; height:45px; line-height:45px;}
.boxoff{ clear:both; height:1px; overflow:hidden; border-top:1px dashed #666; margin:10px 0px;}
.subProList{ clear:both;}
.subProList li{ float:left; width:30%; overflow:hidden; text-align:center;}
.subProList li p{ text-align:center;  height:140px;}
.subProList li p img{ border:0px; margin:0px auto;}
.subProList li span{ clear:both; display:block; text-align:center;}


.Left{ float:left; width:226px;}
.ListTit{ clear:both; height:46px; line-height:46px; font-size:16px; font-weight:bold; color:#FFF; text-indent:1.5em; background:#140c0a;}
.List{ clear:both; background:#322423;}
.List li{ line-height:40px; height:40px; text-indent:4em; border-bottom:2px solid #999; border-right:2px solid #000; border-left:1px solid #666;}
.List .First a{ font-size:14px;}

.leftImg{ clear:both; margin-top:10px;}

.Right{ float:right; width:700px;}


.indexAbout{ float:left; width:280px; }
.cases{ float:left; width:660px; margin-left:20px;}
.contact{ float:right; width:240px; line-height:35px; background:URL(../images/contactBg.jpg) right bottom no-repeat;}




.AboutTit{ clear:both; height:33px; line-height:33px; font-size:14px; font-weight:bold; color:#fff; margin-bottom:10px;}
.AboutTit span{ float:right; margin-right:10px;}
.AboutTit span img {border:0px; margin-top:10px; font-size:12px; font-weight:normal;}
.AboutTit span a{ font-size:12px; font-weight:normal;}

.About{ clear:both;}
.clear{ clear:both;}

.ProTit{ clear:both; height:31px; line-height:31px; background:URL(../images/proTit.jpg) left top no-repeat; text-indent:2em; font-size:14px; font-weight:bold; color:#FFF; margin-top:10px;}
.ProTit span{ float:right; margin-right:10px;}
.ProTit span a{ font-size:12px; font-weight:normal; color:#C00;}

.Products{ clear:both; border:1px solid #f1f1f1; }
.Products li{ float:left; margin:7px 7px 3px 15px; width:160px; overflow:hidden; text-align:center;}
.Products img{ border:0px; width:160px; height:120px;}


.link{ clear:both; margin-top:10px; text-align:left;}

.Clear{ clear:both;}
.Bottom{ clear:both; background:#210501 URL(../images/bottom.jpg) left top repeat-x; text-align:center; margin-top:10px; padding:10px;}


.articleContent{ width:655px; margin:0px auto;}
/*   sub content style start   */


.SubTit{ clear:both; height:35px; line-height:35px; background:URL(../images/AboutTit.jpg) left bottom no-repeat; text-indent:1.5em; font-size:14px; font-weight:bold; color:#FFF;}
.SubTit span{ float:right; margin-right:10px;}
.SubTit span a{ font-size:12px; font-weight:normal; color:#FFF;}
.SubTitInfo{ clear:both; text-align:center;}
.SubTitInfo span{ margin:0px 10px;}
.SubContent{ clear:both; padding:10px; border:1px solid #2577cd; border-top:none;}

.SubProImg{ border:1px solid #e3e3e3; padding:1px;}
.SubProImgContent{ width:205px; overflow:hidden;}
.SubProImgContent img{ width:205px;}
.SubProImgContent span{ clear:both; display:block; text-align:center;}
.page{clear:both; margin-top:15px; padding-top:10px; border-top:1px dashed #666;}
.thisclass a{ color:#C00; font-weight:bold;}


.SubNews{ clear:both;}
.SubNews li{ text-indent:2em; background:URL(../images/ListIcon.gif) 5px 9px no-repeat; line-height:28px; border-bottom:1px dashed #0d0200;}
.SubNews li span{ float:right; margin-right:10px;}

.ContentAd{ float:right; margin-left:10px;}
.ContentBottomAd{ clear:both; margin:10px 0px; width:700px;}
/* scroll start */
.grow {
	width:970px;
	overflow:hidden;
}
.grow2 {
	width:auto;
	height:auto;
	font-size:12px;
	float:left;
	overflow:hidden;
}
.grow2 li{
	float:left;
	margin:0px 6px;
	text-align:center;
	list-style:none;
	padding:0px;
}
.grow2 li span{ clear:both; display:block;}
.grow img{
	height:125px;
	margin-top:12px;
	border:none;
	padding:1px;
}
.scroll{ width:400%; }
/* scroll end */


#fader{position:relative;overflow:hidden;height:216px;width:948px;}
#fader li{position:absolute;left:0;top:0;}
.fader-nav{display:inline-block; margin-right:8px;color:#fff;padding:2px 6px;background:#333;border:1px solid #fff;font-family:Tahoma;font-weight:bold;font-size:12px;cursor:pointer;}
.fader-cur-nav{display:inline-block;margin-right:8px;color:#fff;padding:2px 6px;background:#ff7a00;border:1px solid #fff;font-family:Tahoma;font-weight:bold;font-size:12px;cursor:pointer;}






.rollBox {clear:both;height:130px;margin:0; width:630px;}
.rollBox .LeftBotton {height:130px;width:30px;background:url(../images/BtnLeft.jpg) left 45% no-repeat;overflow:hidden;float:left;display:inline;cursor:pointer;}
.rollBox .RightBotton {height:130px;width:30px;background:URL(../images/BtnRight.jpg) right 45% no-repeat;overflow:hidden;float:left;display:inline;cursor:pointer;}
.rollBox .Cont {width:560px; height:130px; overflow:hidden;float:left; margin-top:10px;}
.rollBox .ScrCont {width:10000000px;}
.rollBox .Cont li {float:left;text-align:center; margin:0px 5px;}
.rollBox .Cont li img {display:block;margin:auto;width:100px; height:100px; border:0px;}
.rollBox #List1, .rollBox #List2 {float:left;}