@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-color: #e9f2f7; }
a{color: #333;}
a:hover,a:focus {color:#0088cc;text-decoration: none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;   font-size:14px;font-weight:normal;}
a img { border:0px; }
img { 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; }


.header{ margin:0 auto; padding:0px;overflow:visible;width:100%;}
.header .top{ margin:0 auto;height:40px; width:1000px; line-height:40px; clear: both; font-size:14px;}
.header .top .left{ width:300px; float:left; line-height:40px; padding-left:10px;}
.header .top a{ padding:0 5px;}
.header .top a:hover{ text-decoration:none;}
.header .top .right{ width:300px; float:right; line-height:40px; text-align:right; padding-right:10px;}
.header .banner{ margin:0 auto; width:100%;}
.header .banner img{ width:100%;}


.navbar-default {background-color: #52a0eb;border: none;}
.navbar {border-radius: 0; }
.navbar-default .navbar-nav>li>a {color: #fff;}
.navbar-default .navbar-brand {color: #fff;}
.nav>li>a {padding: 15px 91px; font-size:17px; }
.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;}
		  



.box3{width:1200px; margin:0 auto; padding:0px; }
.box3 .hd{ height:60px; line-height:60px; }
.box3 .hd .title{border-left: 4px solid #0c92f2;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);}
	



.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 #0c92f2;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: #0c92f2;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: #0c92f2; 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; }


.bline { border-bottom: 2px solid #0c92f2; margin:0 auto; width:1200px;}







.logo { width:350px; float: left; height:55px;  }
.logo img{ width:350px; height:55px; box-shadow:none;}
.txtMarquee-left{width:600px; position:relative; height:55px;padding: 0px; color:#333; font-size:14px; line-height:55px;  margin:0 10px; float:left;overflow:hidden;}
.txtMarquee-left .bd{ padding:0 10px; height:55px; }
.txtMarquee-left .bd .tempWrap{ width:620px !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;  }




.foot { padding-top:15px; padding-bottom:10px; line-height:30px; margin:0 auto; height:70px;
width: 100%; text-align:center; font-size: 12px;color:#999; }
.foot a{color:#999;}
.foot a:hover{color: #c3220c;}