@charset "utf-8";
/* CSS Document */
.slideTxtBox .hd1 .title{
	border-left:4px solid #058f03;
	}
.box2 .hd .title{
	border-left:4px solid #058f03;
}
.box1 .right .hd .title{
	border-left:4px solid #058f03;
	}
.box3 .hd .title{
	border-left:4px solid #058f03;
	}
.slideTxtBox .hd ul li.on{
	border-bottom:3px solid #058f03;
	}
		* {
			margin:0;
			padding:0;
		}
		
		.w {
			width:1200px;
			margin:0 auto;
		}
		a {
			text-decoration:inherit;
		}
		a,li {
			list-style:none;
		}
		.cf:before,.cf:after,.clearfix:before,.clearfix:after {
			content:"";
			display:table;
		}
		.cf:after,.clearfix:after {
			clear:both;
		}
		.cf,.clearfix {
			clear:both;
			*zoom:1;
		}
		/*导航条*/
		#nav {
			width:100%;
			min-width:1200px;
			height:50px;
			background:#00a1ea;
			border-bottom:#900 3px solid;
			margin-bottom:10px;
		}
		#nav ul li {
			float:left;
		}
		#nav ul li:first-child {
			margin-left:17%;
		}
		#nav ul li a {
			font-size:16px;
			color:#fff;
			line-height:44px;
			padding:0 35px;
			display:inline-block;
		}
		#nav ul li a:hover {
			background:#FFF;
			border-bottom:#900 3px solid;
			border-top:#00a1ea 3px solid;
			color:#00a1ea;
			
		}
		#nav ul li.active a {
			color:#FFF;
			border-top:#00a1ea 3px solid;
			border-bottom:#900 3px solid;
		}
		
		#nav ul li.active a:hover{
			color:#00a1ea;
			}
			
		/*banner上面浮层*/
		.cat_wrap {
			
			
			
			width:180px;
			position:absolute;
			z-index:999;
			top:-48px;
		}
		.cat_wrap .cat_title {
			width:192px;
			height:63px;
			line-height:70px;
			font-size:25px;
			background:url({APP_PATH}statics/images/juxing.png) no-repeat;
			margin-left:-6px;
			margin-top:-28px;
			background-size:100%;
			color:#fff;
			
		}
		.cat_wrap .cat_list div {
			background:#fff;
			border-left:3px solid transparent;
		}
		.cat_wrap .cat_list div li {
			float:left;
			color:#323232;
			font-size:14px;
			margin:7px 0px;
		}
		.cat_wrap .cat_list div li:first-child {
			margin-left:15px;
			margin-right:10px;
		}
		.cat_wrap .cat_list {
			cursor:pointer;
		}
		.cat_wrap .cat_list div.active {
			width:177px;
			padding-left:1px;
			position:relative;
			z-index:999;
			border-left:3px solid #00a1ea;
			border-top:1px solid #00a1ea;
			border-bottom:1px solid #00a1ea;
			border-right:none;
		}
		.bline{
			border-bottom:2px solid #900;
			}
		/*遮罩效果*/
	

* { margin:0px; padding:0px; list-style-type: none;}
HTML { padding: 0px; margin: 0px }
body {font-family: "微软雅黑",Tahoma,Helvetica,Arial,sans-serif;margin: 0px auto;font-size: 12px;background:#fff;}
a{color: #333;}
a:hover,a:focus {color: 058f03; text-decoration: none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;font-size:14px;font-weight:normal;}
a img { border:0px; }
img:hover  { margin:0; padding:0;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }

border: { zoom:1;  }
ul, li,  p { margin:0; padding:0; border:none; list-style-type:none;}
.clear {clear: both; }
.hr2,.hr4,.hr5,.hr6,.hr8,.hr10,.hr15,.hr20{margin:0 auto; padding:0px; font-size:0;line-height:0;clear:both;}
.hr2{height:2px;}.hr4{height:4px;}.hr5{height:5px;}.hr6{height:6px;}.hr8{height:8px;}.hr9{height:9px;}.hr10{height:10px;}.hr20{height:20px;}.hr15{height:15px;}
.dash {border-bottom:1px dashed #999;padding-top: 4px;  text-align:center;}
.dis{ display:block;}
.undis{ display:none; }
.t1 {background-color:#FFFFFF;text-align:center} 
.t2 {background-color:#EDF6FF;text-align:center} 


.header{margin:0 auto; padding:0px; width:1200px; }
.header .top{  width:1200px; line-height:60px; }
.header .top img:hover{ box-shadow:none;}
.header .top .left{width:250px; float:left;}
.header .top .right{ width:250px; float:right; line-height:60px; text-align:right; padding-right:10px; font-size:14px;}
.header .top a{ padding:0 5px;}
.header .top a:hover{ text-decoration:none;}
.banner{ width:1200px;  margin:0 auto; text-align:center; }
.banner img{ width:1200px; height:100px;}


.nav_top { width:1200px; margin:0 auto;  height:55px; overflow:hidden;}
.logo { width:350px; float: left; height:55px;  }
.logo img{ width:350px; height:55px; box-shadow:none;}
.txtMarquee-left{width:820px; position:relative; height:55px;padding: 0px; color:#333; font-size:14px; line-height:55px;  margin-right:10px; float:left;overflow:hidden;}
.txtMarquee-left .bd{ padding:0 10px; height:55px; }
.txtMarquee-left .bd .tempWrap{ width:820px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin:0 10px;  float:left; height:55px; line-height:55px;  text-align:left; _display:inline; width:auto !important; }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left .bd ul li span{ color:#999;  }


.navbar-default {background-color: #529ff2;border-color: #e7e7e7;}
.navbar {border-radius: 0;}
.navbar .container{ padding-left:0; padding-right:0; width:1250px;}
.navbar-default .navbar-nav>li>a {color: #fff;}
.navbar-default .navbar-brand {color: #fff;}
.navbar-brand{ font-size:16px; padding:15px 51px 15px 60px;}
.nav>li>a {padding: 15px 24px; font-size:16px; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color: #333;background-color: #fff;   *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {color: #333;background-color: #fff; *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;}
		  
.wrap{width:1200px; margin:0 auto;}
.box{ width:1200px; margin:0 auto; padding:0px; }
.table{  border:1px solid #dedede;}		  
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 8px;line-height: 35px;vertical-align: top;border: 1px solid #dedede;text-align: center;font-size:15px;}
.table th:hover,.table td:hover{ 
 *border-right-width: -10px;
  *border-bottom-width: -10px;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
		  background-color:#fff;
		  }		  
.table td p a{ padding:0 5px 0 20px;  font-size:13px; float:left; color:#999;}
.table td p a:hover{color: #0088cc; }

.box1{width:1200px; margin:0 auto; padding:0px; }
.box1 .left{float:left; width:560px;}
.box1 .right{float:right; width:620px;}
.box1 .right .hd .title{border-left: 4px solid 058f03;padding-left: 13px; font-size:16px; line-height:30px; font-weight:bold;}
.box1 .right .hd h3{text-align:center; font-size:28px; line-height:55px;overflow:hidden;font-weight:600; height:55px;}
.box1 .right .hd h3 a{color: 058f03;}
.box1 .right .hd h3 a:hover{ text-decoration:underline;}
.box1 .right .bd ul{ width:620px; overflow:hidden;}
.box1 .right .bd ul li{ width:281px; float:left; font-size:18px; line-height:50px; height:50px; border-bottom:1px dashed #ddd; margin:0 12px; overflow:hidden; padding-left:5px;}

.focus{width:560px;height:336px; position:relative; }
.focus:hover{*border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;}
		  
.focus #pic{width:560px;height:336px;overflow:hidden;}
.focus #pic ul{width:560px;height:336px;float:left;}
.focus #pic li{width:560px;height:336px;float:left;}
.focus #pic li img{width:560px;height:336px;float:left;}
.focus #txt{width:560px;height:38px;background:#757575;filter:alpha(opacity=70);-moz-opacity:0.7; opacity:0.7;position:absolute;left:0;bottom:21px;z-index:100; overflow:hidden;}
.focus #txt ul{ float:left;}
.focus #txt li a{ float:left;width:560px;height:38px; line-height:38px; text-align:center; color:#fff; font-size:17px;text-decoration:none;letter-spacing:1px; }
.focus #txt li a:hover{text-decoration:none;}
.focus .tip-bg{width:560px;height:21px;background:url(../images/car/focus_tip_bg.png) repeat-x left top;position:absolute;left:0;bottom:0;z-index:12;}
.focus #tip{width:100px;height:14px;position:absolute;left:230px;bottom:3px;z-index:13;}
.focus #tip ul li{width:14px;height:14px;float:left;display:inline;margin:0 5px;cursor:pointer;background:url(../images/car/focus_tip.png) no-repeat;}
.focus #tip ul li.on{background:url(../images/car/focus_tip_current.png) no-repeat;}
.focus .button{width:42px;height:9px;position:absolute;right:0;bottom:5px;z-index:14;overflow:hidden;}
.focus .button ul{width:100%;float:left;}
.focus .button li{width:7px;height:9px;float:left;display:inline;margin:0 7px;cursor:pointer;overflow:hidden;}
.focus .button li.prev{background:url(../images/car/focus_btn_left.png) no-repeat left top;}
.focus .button li.next{background:url(../images/car/focus_btn_right.png) no-repeat left top;}

.box2{width:1200px; margin:0 auto; padding:0px; }
.box2 .left{float:left; width:810px;}
.box2 .right{float:right; width:360px;}
.box2  h4{ font-size:19px; height:55px; line-height:55px; font-weight:bold;}
.box2 .bd p{ float:left; font-size:15px; line-height:28px; padding:0 5px; }
.box2  h6{ font-size:12px; color:#999; line-height:30px;}
.box2 .hd{ height:60px; line-height:60px; }
.box2 .hd .title{border-left: 4px solid 058f03;padding-left: 20px; font-size:22px; float:left;margin-right:20px;font-weight:600; }
.box2 .hd h3{float:left; font-size:18px; overflow:hidden; height:60px; line-height:60px; }
.box2 .hd h3 a{padding:0 12px; }
.box2 .hd h3 .dot{background:url("../images/car/list_point.gif") no-repeat 0px 10px;height:60px; line-height:60px; }

.box2 .left .bd{float:left; width:810px;}
.box2 .left .bd ul li {text-align:justify;text-justify:inter-ideograph; float:left; padding:10px 5px; width:810px; }
.box2 .left .bd ul li img{ width:230px; height:164px; float:left; margin:15px 20px 15px 0; }
.box2 .right .bd{float:right; width:360px; }
.box2 .right .bd ul li{ float:left;padding:15px 5px; }

.box2 .right .rank-list{ padding:15px 0;}
.box2 .right .rank-list li {height: 36px;line-height: 36px; overflow: hidden; font-size: 15px;}
.box2 .right .rank-list li.rank-top {font-size: 16px;}
.box2 .right .rank-list li.rank-top .rank-num {color: 058f03;font-size: 22px;font-family: 'Georgia';}
.box2 .right .rank-list li .rank-num{width: 20px; font-style: italic; margin-right: 8px; float: left; font-size: 18px;}
.box2 .right .rank-list li .rank-link { width: 330px; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.box2 .right .rank-list li .rank-price {float: right; color: 058f03; white-space: nowrap;}

.box2 .right .list{float:right; width:360px;}
.box2 .right .list ul{ padding:5px 15px; width:360px; float:left;}
.box2 .right .list ul li{ float:left;line-height:35px; height:35px; width:338px; font-size:15px; padding-left:22px;background:url("../images/list_point.gif") no-repeat 10px 16px; }


/* tab选项切换效果 */
.slideTxtBox{ width:810px;  text-align:left;  }
.slideTxtBox .hd{ height:60px; line-height:60px;  padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
.slideTxtBox .hd ul{ float:left; position:absolute;}
.slideTxtBox .hd ul li{ float:left; padding:0 22px; cursor:pointer; font-size:20px; }
.slideTxtBox .hd ul li.on{ height:61px; border-bottom:3px solid 058f03;}
.slideTxtBox .hd ul li.on a{ color:058f03;}



.slideTxtBox .hd1{ height:60px; line-height:60px;  padding:0; border-bottom: none; }
.slideTxtBox .hd1 .title{border-left: 4px solid 058f03;padding-left: 20px; font-size:22px; float:left;margin-right:20px;font-weight:600;}
.slideTxtBox .hd1 ul{ float:left; position:static;}
.slideTxtBox .hd1 ul li{ float:left; font-size:18px; overflow:hidden; height:60px; line-height:60px; padding:0 10px;}
.slideTxtBox .hd1 ul li a.dot{background:url("../images/car/list_point.gif") no-repeat 0px 10px;height:60px; line-height:60px; padding-left:10px; }
.slideTxtBox .hd1 ul li.on{border-bottom:none;}



.box3{width:1200px; margin:0 auto; padding:0px; }
.box3 .hd{ height:60px; line-height:60px; }
.box3 .hd .title{border-left: 4px solid 058f03;padding-left: 20px; font-size:22px; float:left;margin-right:20px;font-weight:600; }
.box3 .hd h3{float:left; font-size:18px; overflow:hidden; height:60px; line-height:60px; }
.box3 .hd h3 a{padding:0 12px; }
.box3 .hd h3 .dot{background:url("../images/car/list_point.gif") no-repeat 0px 10px;height:60px; line-height:60px; }
.box3 .bd{ padding:20px 0;}
.box3 .bd ul li{ width:400px; height:225px; float:left; margin:10px 0;  text-align:center;position: relative;}
.box3 .bd ul li a{ color:#fff;}
.box3 .bd ul li img{width:385px; height:225px;}
.box3 .bd ul li .img-title {position: absolute;z-index: 4;left: 0px;right: 0;bottom: 0;text-align:center;line-height: 40px;height: 40px;font-size: 15px;width:385px;background: url("../images/car/img-bg.png") repeat-x left bottom;
    background-image: linear-gradient(transparent,black);
    background-size: auto 100%;
    _width: 100%;
    _background: #000;
    _filter: Alpha(opacity=50);}
	
	
.bline { border-bottom: 2px solid 058f03; margin:0 auto; width:1200px;}
.foot { padding-top:15px; padding-bottom:30px; line-height:30px; margin:0 auto;
width: 100%; text-align:center; font-size: 12px;color:#999; }
.foot a{color:#999; padding:0 5px;}