@charset "utf-8";
/* CSS Document */


* { 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: #0c92f2; 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; 
 -webkit-transform: scale(1.01);
    transform: scale(1.01);
		  }

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;}


.header{margin:0 auto; padding:0px; width:1200px; }
.header .top{  width:1200px; line-height:60px; }
.header .top img:hover{ box-shadow:none;
 -webkit-transform: scale(1.00);
    transform: scale(1.00);}
.header .top .left{width:500px; float:left;}
.header .top .right{ width:650px;float:right; line-height:60px; text-align:right; padding-right:10px; font-size:14px; }
.header .top .right ul{float:right;}
.header .top .right ul li{float:left; font-size:16px;   cursor:pointer; height:60px; line-height:60px;}
.header .top .right ul li a{padding:15px;}
.header .top .right ul li a:hover{ color:#0c92f2; border-bottom:4px solid #0c92f2;}


.banner{ width:1200px;  margin:0 auto; text-align:center; }
.banner img{ width:1200px; height:100px;}


.nav_top { width:1200px; margin:0 auto;  height:35px; overflow:hidden;}
.logo { width:320px; float: left; height:35px;  }
.logo img{ width:320px; height:35px; box-shadow:none;}
.logo img:hover{ box-shadow:none;
 -webkit-transform: scale(1.00);
    transform: scale(1.00);}
	
.txtMarquee-left{width:850px; position:relative; height:35px;padding: 0px; color:#333; font-size:14px; line-height:35px; margin:0 10px 0 15px; float:left;overflow:hidden;}
.txtMarquee-left .bd{ padding:0 10px; height:35px; }
.txtMarquee-left .bd .tempWrap{ width:850px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin:0 20px;  float:left; height:35px; line-height:35px; font-size:16px; background:url("../images/list_point.gif") no-repeat 0px 16px; padding-left:10px;text-align:left; _display:inline; width:auto !important; }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtScroll-top .bd ul li span{ color:#999;}



.navbar-default {background-color: #9b0000;border-color: #e7e7e7; margin-bottom:0;}
.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 39px; font-size:17px; font-weight:550; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color: #9b0000; font-weight:bold; 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; }
.box .bd{ width:100%;}
.box .bd ul li{ width:300px; height:200px; float:left; margin:10px 0;  text-align:center;position: relative;}
.box .bd ul li a{ color:#fff; width:300px; height:200px;}

.box .bd ul li img{width:280px; height:200px;}
.box .bd ul li .img-title {position: absolute;z-index: 4;left: 5px;right: 0;bottom: 0;  text-align:center;line-height: 40px;font-size: 14px; height:40px; overflow:hidden; width:280px; padding: 0 10px;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=70);}


.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 #9b0000;padding-left: 13px; font-size:16px; line-height:30px;}
.box1 .right .hd h3{text-align:center; font-size:24px; line-height:55px;overflow:hidden;font-weight:600; height:55px;}
.box1 .right .hd h3 a{color: #9b0000;}
.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:770px;}
.box2 .right{float:right; width:400px;}
.box2  h4{ font-size:18px; height:40px; line-height:40px; font-weight:bold;}
.box2 .bd p{ float:left; font-size:15px; line-height:28px; padding:0 5px; display:block;clear:both;}
.box2  h6{ font-size:12px; color:#999; line-height:30px;display:block;clear:both; padding-left:5px;}
.box2 .hd{ height:40px; line-height:40px; margin:10px 0; }
.box2 .hd .title{border-left: 4px solid #0c92f2;padding-left: 20px; font-size:20px; 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:770px;}
.box2 .left .bd ul li {text-align:justify;text-justify:inter-ideograph; float:left; padding:10px 5px; width:770px;}
.box2 .left .bd ul li img{ width:230px; height:164px; float:left; margin:15px 20px 15px 0; transition: .7s;}


.box2 .right .brand{float:right; width:400px; padding:20px 0 0 0 ;}
.box2 .right .brand .pic{ text-align:center;}
.box2 .right .brand img{ width:250px; height:auto;}
.box2 .right .brand img:hover{ box-shadow:none;}
.box2 .right .brand p{ line-height:25px; padding:10px 20px 10px 10px;}

.box2 .right .bd2{float:right; width:400px;}
.box2 .right .bd2 ul li{ float:left; margin:20px; background:#eee;}
.box2 .right .bd2 ul li img{ width:140px; height:auto;}
.box2 .right .bd2 ul li img:hover{ box-shadow:none;}
.box2 .right .bd2 ul li p{ text-align:center; line-height:25px;}
.box2 .right .bd2 ul li:hover{*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; 
 -webkit-transform: scale(1.01);
    transform: scale(1.01);}

.box2 .right .bd{float:right; width:400px; padding:20px 0 0 0 ;}
.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: 14px; width:400px; }
.box2 .right .rank-list li.rank-top {font-size: 16px;}
.box2 .right .rank-list li.rank-top .rank-num {color: #0c92f2;font-size: 24px;font-family: 'Georgia';}
.box2 .right .rank-list li .rank-num{width: 25px; font-style: italic; margin-right: 10px; float: left; font-size: 18px;}
.box2 .right .rank-list li .rank-link { float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:365px;}
.box2 .right .rank-list li .rank-price {float: right; color: #0c92f2; white-space: nowrap;}

.box2 .right .list{float:right; width:400px;}
.box2 .right .list ul{ padding:5px;  float:left;}
.box2 .right .list ul li{ float:left;line-height:35px; height:35px; width:390px; font-size:15px; padding-left:15px;background:url("../images/list_point.gif") no-repeat 0px 16px; white-space: nowrap;overflow:hidden;}


/* tab选项切换效果 */
.slideTxtBox{ width:770px;  text-align:left;  }
.slideTxtBox .hd{ height:50px; line-height:50px;border-bottom:1px solid #ddd;  position:relative; }
.slideTxtBox .hd ul{ float:left; position:absolute;   }
.slideTxtBox .hd ul li{ float:left; padding:0 20px; cursor:pointer; font-size:16px; font-weight:700; }
.slideTxtBox .hd ul li a{ color:#9297a0;}
.slideTxtBox .hd ul li.on{ height:52px; border-bottom:4px solid #0c92f2; font-weight:bold;}
.slideTxtBox .hd ul li.on a{ color:#0c92f2;}



.bline { border-bottom: 1px solid #0c92f2; 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;}
.foot a:hover{ color:#0c92f2;}