/* base css */
body,
input,
textarea,
select,
td,
tr{
  font-size: 12px;
  color: #333;
  padding: 0;
  margin: 0;
  font-family: PingFang SC, Microsoft Yahei, Helvetica Neue, Helvetica, Arial, STHeiTi, sans-serif !important
}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,div{margin:0;}
ul,ol{padding-left:0;list-style-type:none}
img{border:0;}
a{text-decoration:none;outline: medium none; color:#333;}
a:hover{text-decoration:none;color:#529ff2}
.fl{float:left}
.fr,.r{float:right}
.pt10{padding-top:10px}
.area,.aream{width:1200px;margin:0 auto; text-align:left}
.area:after,.aream:after{content:"."; display:block;height:0;visibility:hidden;clear:both;}
.aream{ margin-top:20px;}
.adcon img,.ad_con img{ background:none}
* {font-family: PingFang SC, Microsoft Yahei, Helvetica Neue, Helvetica, Arial, STHeiTi, sans-serif !important}


/**s= 公共 **/
.nobor{ border:none !important;}
.red{ color:#D52525}
.col9{ color:#777}
.col3{ color:#333}
.x_bgtxt{display:block;position:absolute;bottom:0px; left:0px; z-index:4;  font-size: 14px; line-height: 40px;color:#FFF; text-align:left; overflow:hidden; height:40px; width:100%; text-align:center}
.x_bg{ height:40px; background:#000;filter:alpha(opacity=80); opacity: 0.8; display:block; position:absolute; z-index:2;bottom:0px; left:0px; width:100%;}
/*.btn{font-size: 18px; line-height: 40px; color:#fff; background:#529ff2; display:block; float:left; text-align:center; width:100px;}
.btn:hover{ background:#3F87D9; text-decoration:none;color:#fff;}
.mbtn{font-size: 18px; line-height: 38px; color:#529ff2; border:1px #529ff2 solid;display:block; float:left;text-align:center; width:128px;}
.mbtn:hover{ background:#4D9DF4; color:#fff}*/
/***s= 下拉浮层*/
.hltit{ padding:0 24px 0 16px;display:block; position: relative; border:1px #fff solid; background: #fff; line-height: 28px; height: 30px; color: #333;}
.hltit::after{content: ''; position: absolute; right: 6px;background: url(../images/top_arr_d.png) no-repeat right center;  top: 0px; height:28px; width: 14px;}
.hcon{ position:absolute; top:30px; border:1px #EBEBEB solid; background:#FFF; display:none;left:0; height:336px;}
.show .hcon{ display:block}
.show .hltit{ border:1px #EBEBEB solid; border-bottom:0px; position:relative; z-index:102;  }
.hcon .citytip{font-size: 14px; line-height: 28px; padding:10px 10px 10px 10px; border-bottom: 1px #EBEBEB solid;word-break:break-all; width:268px;}
.hcon .citytip a{ margin:0 9px 0 10px; color:#333}
.hcon .citytip a:hover{ color:#529ff2}
.citylist{overflow-y:scroll; overflow-x:hidden;font-size: 14px; line-height: 40px; height:250px;width:288px;  }
.citylist dl{ width:278px; margin-left:0px; overflow:hidden;}
.citylist dt{ padding-left:20px; width:66px; float:left; color:#aaa; text-align:right}
.citylist dt em{ font-style:normal; float:left;}
.citylist dd{ padding-left:4px; width:184px; float:left;}
.citylist dd a{ margin:0 8px; display:inline-block; color:#333}
.citylist dd a:hover{ color:#529ff2}





/**s= top**/
.head{ height:30px;  color:#777; position:relative; z-index:10000; padding-top: 20px; padding-bottom: 10px;}
.head .auto-home{ width: 100px; height: 30px; background: url(../images/auto-home.png) no-repeat center center; background-size:  100% auto; float: left; overflow: hidden; text-align: left; text-indent: -10em; margin-right: 20px;}
.head .cv { background: url('//s.auto.itc.cn/cv/images/logo.png') no-repeat center center; background-size: cover; width: 116px;}
.head .hlbox{ float:left; position:relative; height:30px; font-size: 16px;line-height: 30px;}
.head .hseach{ float: right; width: 258px; height: 30px; background: #e1e2e2; border-radius: 16px; position: relative;}
.head .logseach{ border: 0; background: none; font-size: 14px; line-height: 30px; padding-left: 20px; float: left;outline: none; width: 160px;}
.head .seachbtn{ float: right; width: 68px; height: 30px; float: right; background: #d74a43; border-radius: 15px; color: #fff; font-size: 14px; line-height: 30px; text-align: center;}
/***s= seach ***/
.seachul{width:258px;border:1px #ebebeb solid;z-index:100;background:#FFF; position:absolute; left:0px; top:30px; display:none;  font-size: 14px; line-height: 30px;}
.seachul li{padding-left:10px;}
.seachul .now{background:#529ff2;font-weight:600}

.daohang .hseach{ display: none;}

/**e= top**/
/**s= menu**/
.menu_box{ background:#4880D4; height:50px; margin-top:10px; min-width:1200px;}
.menu_box .menu{ font-size: 18px; line-height: 50px; text-align: center; display: flex; justify-content: space-between;}
.menu.area::after{ display: none;}
.menu_box .menu a{color:#fff; padding: 0 22px; display: inline-block; }
.menu_box .menu .cur{color:#333;  background: #dee3eb;;}
/**e= menu**/
/**s= car menu**/
.carico_box.area{ font-size: 14px;line-height:50px;  position:relative; z-index:102; margin-top:8px;}
.carico_box a{ background:url(../images/car_ico.jpg) no-repeat 0px 8px; padding-left:49px; width:42px; float:left;}
.carico_box .carm02{ background-position:-91px 8px; padding-left:70px; width:42px;}
.carico_box .carm03{background-position:-204px 8px; padding-left:80px; width:54px;}
.carico_box .carm04{background-position:-337px 8px; padding-left:86px; width:40px;}
.carico_box .carm05{background-position:-462px 8px; padding-left:92px; width:56px;}
.carico_box .carm06{background-position:-610px 8px; padding-left:90px; width:40px;}
.carico_box .carm07{background-position:-738px 8px; padding-left:72px; width:40px;}
.carico_box .carm08{background-position:-851px 8px; padding-left:68px; width:38px;}
.carico_box .carm09{background-position:-958px 8px; padding-left:90px; width:38px;}
.carico_box .carm10{background-position:-1088px 8px; padding-left:68px; width:44px;}

.carm_con{ position:absolute; top:45px; left:0px; width:1198px; border:1px #529ff2 solid; background:#fff; height:80px; padding-top:8px; display: none}
.carm_con em{ position:absolute; width:16px; height:7px; background:url(../images/ad_bg.jpg) no-repeat bottom center; top:-7px;}
.carm01_con em{ left:38px;}
.carm02_con em{ left:150px;}
.carm03_con em{ left:264px;}
.carm04_con em{ left:390px;}
.carm05_con em{ left:510px;}
.carm06_con em{ left:654px;}
.carm07_con em{ left:778px;}
.carm08_con em{ left:898px;}
.carm09_con em{ left:1020px;}
.carm10_con em{ left:1135px;}
.carm_con ul{ height:80px; overflow:hidden; padding-left:20px; line-height:24px;}
.carm_con li{ width:290px;}
.carm_con li,.carm_con li img{float:left;}
.carm_con li p{ position:relative; padding-left:30px; margin-top:10px;float:left; width:148px; overflow:hidden;}
.carm_con li p img{ float:none; position:absolute; left:0px;}
.carm_con a{ float:none; background:none; padding-left:0px;}
/**e= car menu**/

/**s= sidnav**/
.sidnav{width:42px; position:fixed; left:50%; margin-left:620px; bottom:0px; text-align:center; display: block; z-index:1000; height:96px;}
.sid_w{ left:auto; margin-left:0px; right:0px;}
.sidnav a{ display:block; height:22px; background:#529ff2 url(../images/ico3_bg.png) no-repeat center -395px; font-size: 12px;line-height: 22px; text-align:center; color:#fff; padding-top:20px; margin-bottom: 6px;}
.sidnav a:hover{ background:#4486cd url(../images/ico3_bg.png) no-repeat center -395px; color:#fff}
.sidnav a.last{ background-position: center -475px; display:none}
.sidnav a.last:hover{background:#4486cd url(../images/ico3_bg.png) no-repeat center -475px; color:#fff}


/***foot****/
#foot{  font-size: 12px;line-height: 26px; text-align:center; padding:15px 0;  border-top: 1px solid #ebebeb; margin-top: 20px;}
.fontArial{ font-family:Arial, Helvetica, sans-serif}
#foot a:hover{color:#529ff2}