@charset "utf-8";
/* 
* home css document 
* by Rain 
* at 2013.6.4 
*/

/* banner */
#banner{ height:498px; overflow:hidden; position:relative;}
#banner ul li{height:498px; width:100%; position:absolute; z-index:1; top:0;}
#banner ul li.curr{ z-index:2;}
#banner ul li div.container span{ position:absolute;}
.bTitle{ top:140px; left:30px;}
.bDescp{ top:195px; left:120px;}
.bt2{ top:180px;}
#banner ul li div.container{ width:1003px; margin:auto; overflow:hidden; position:relative; height:498px;}
#banner ul li div.container span.bt2{width:287px;height:44px;background:url(../images/banner/b2Title.png) no-repeat;_background:url(../images/banner/b2Title.gif) no-repeat;
}
#banner ul li div.container span.bt2 img{ display:none;}
#ctrlDot{ position:absolute; z-index:10; left:50%; bottom:10px; height:18px; overflow:hidden;}
#ctrlDot i{ display:inline-block; width:16px; height:18px; background:url(../images/bPoint.png) no-repeat 0 0; margin:0 2px;}
#ctrlDot i.curr{background:url(../images/bPoint.png) no-repeat -16px 0;}
.animBox{ margin-top:230px; position:relative;}
.animBox span{
	display: block;
	position: absolute;
}
.animBox span a{
	display:block;
	position:absolute;
	z-index:20;
}
.animBox span.sun{
	left:480px;
	top:-190px;
}
.animBox span.car1{
	left: 0;
	top: 60px;
	width:243px;
	height:108px;
	background:url(../images/banner/car1.png) no-repeat center;
}
.animBox span.car2{
	left: 12px;
	top: 10px;
	width:471px;
	height:191px;
	background:url(../images/banner/car2.png) no-repeat center;
}
.animBox span.car3{
	left: 180px;
	top:0;
	width:521px;
	height:221px;
	background:url(../images/banner/car3.png) no-repeat center;
}
.animBox span.car4{
	right: -12px;
	top: 25px;
	width:505px;
	height:162px;
	background:url(../images/banner/car4.png) no-repeat center;
}
.animBox span.car5{
	right: 5px;
	top: 40px;
	width:301px;
	height:111px;
	background:url(../images/banner/car5.png) no-repeat center;
}
.animBox span.car6{
	right: 20px;
	top: 60px;
	width:133px;
	height:89px;
	background:url(../images/banner/car6.png) no-repeat center;
}
.animBox span.car1 a{
	left: 70px;
	top: 0;
	width: 172px;
	height: 85px;
}
.animBox span.car2 a{
	left: 200px;
	top: 0;
	width: 271px;
	height: 151px;
}
.animBox span.car3 a{
	left: 250px;
	top: 0;
	width: 271px;
	height: 162px;
}
.animBox span.car4 a{
	left: 0;
	top: 0;
	width: 223px;
	height: 121px;
}
.animBox span.car5 a{
	left: 0;
	top: 0;
	width: 177px;
	height: 90px;
}
.animBox span.car6 a{
	left: 0;
	top: 0;
	width: 136px;
	height: 63px;
}
.animBox span.hover1{ background:url(../images/banner/car1_1.png) no-repeat center;}
.animBox span.hover2{ background:url(../images/banner/car2_1.png) no-repeat center;}
.animBox span.hover3{ background:url(../images/banner/car3_1.png) no-repeat center;}
.animBox span.hover4{ background:url(../images/banner/car4_1.png) no-repeat center;}
.animBox span.hover5{ background:url(../images/banner/car5_1.png) no-repeat center;}
.animBox span.hover6{ background:url(../images/banner/car6_1.png) no-repeat center;}
#loading{ width:100%; height:498px; background:#fff; position:absolute; z-index:25;}
#loading img{ position:absolute; top:50%; left:50%; margin-left:-16px;}
/* main */
.main{ width:980px; margin:auto;}
.selectArea{ background:url(../images/areaBar.gif) no-repeat; width:243px; height:36px; color:#aaa; position:relative; z-index:10; float:left;}
.selectArea em{ font-size:14px; font-style:normal; color:#fff; padding-left:10px;}
.selectArea h1{ padding:0 30px 0 40px; line-height:36px;}
.selectArea i{ display:block; width:13px; height:7px; line-height:7px; background:url(../images/arrow1.gif) no-repeat; float:right; margin-top:15px; cursor:pointer;}
.selectArea i.curr{background:url(../images/arrow1.gif) no-repeat 0 -7px;}
.selectCont{ background:#282828; position:absolute; z-index:30; top:32px; padding:5px 10px 10px; left:1px; width:222px; border-radius:2px; display:none;}
.selectCont button{ height:20px; width:40px;}
.mainTxt{ padding-left:50px; color:#4f4f4f; font-weight:bold; font-size:14px;}
/* slide */
.slide{ position:relative; margin-top:15px; z-index:5;}
.slideCtrl{ width:15px; height:30px; background-image:url(../images/arrow2.gif); background-repeat:no-repeat; position:absolute; z-index:10; top:40px;}
.slide .cl{ background-position:0 0; left:-25px;}
.slide .cr{background-position:-16px -30px; right:-25px;}
.slide .cl:hover, .slide .cldis{background-position:-16px 0;}
.slide .cr:hover, .slide .crdis{ background-position:0 -30px;}
.slideCont{ width:984px; height:125px; float:left; position:relative; overflow:hidden; left:-2px;}
.slideCont ul{ position:absolute; left:0; top:0; z-index:10;}
.slideCont ul li{ overflow:hidden;width:242px; height:120px;border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px; float:left; position:relative; margin:0 2px;_margin:0 0 0 3px; box-shadow:1px 2px 2px rgba(153,153,153,1);}
.slideCont ul li h1{ background:url(../images/tBg.png) repeat-x; height:27px; line-height:27px; position:absolute; z-index:10; left:0; bottom:-1px; width:222px;font-size:14px; color:#fff; padding-left:20px;}
.slideCont ul li a{display:block;}
.slideCont ul li div{ position:absolute; z-index:20; width:222px; height:122px; background:url(../images/newsCoverBg.jpg) repeat-x center bottom; padding:0 10px; color:#838383; top:-122px;}
.slideCont ul li div a{ font-family:"宋体"; color:#838383;}
.slideCont ul li div a:hover{ color:#333;}
.slideCont ul li dl dd{ color:#9A9A9A; font-family:Arial, Helvetica, sans-serif;}
.slideCont ul li dl dt{ margin-top:4px; padding-top:3px;}
.newsBorder{ border-top:1px dashed #9a9a9a;}
.newsMore{ position:absolute; display:block; z-index:21; right:2px; bottom:5px;}
/* float tools */
#tools{ padding:6px 6px 0; width:191px;position:fixed;right:-152px; top:90px; z-index:100;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+110)); background:#919191; border-radius:6px;}
.tCont{ background-image:url(../images/toolBg.gif); background-repeat:no-repeat; margin-bottom:6px; padding:3px 0 0 48px; line-height:17px; text-shadow:1px 1px #333; color:#fff;}
.tCont a{ color:#fff;}
.t0{height:59px; background-position:0 0; padding-top:4px; }
.t1{height:67px; background-position:0 -67px; padding-top:7px; }
.t2{ height:105px; background-position:0 -147px;}
.t3{ height:46px; background-position:0 -263px; padding-top:5px;}
.t4{ height:69px; background-position:0 -319px; padding-top:5px;}
.t0Hover{background-position:-206px 0;}
.t1Hover{background-position:-206px -67px;}
.t2Hover{background-position:-206px -147px;}
.t3Hover{background-position:-206px -263px;}
.t4Hover{background-position:-206px -319px;}
#tCtrl{ position:relative;}
#tCtrl i{ width:34px; height:25px; display:block; position:absolute; left:-6px; bottom:-20px; background:url(../images/arrow.gif) no-repeat 10px center #919191; border-radius:0 0 6px 6px; cursor:pointer;}
#tCtrl i.close{background:url(../images/arrow.gif) no-repeat -26px center #919191;}
/* 滚动经销商信息 */
.scrollInfo{ height:20px; overflow:hidden; padding-top:10px;}
.scrollInfo marquee{ height:20px;}
.scrollInfo marquee li{ height:20px; line-height:20px; display:block;}