/*
@Description:新版公共导航 && 公共底
@author: zhuzp
@update: 2015-11-28
*/
/* reset */
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr {margin:0;padding:0;}
body {font:12px/1.5 Arial,"Microsoft YaHei"; color:#333}
select,input,button {vertical-align:middle;font-size:100%;}
ul,ol {list-style:none;}
fieldset,img {border:0;}
em {font-style:normal;}
.clearfix:after {content:"."; display: block; visibility: hidden; clear: both; height:0; font-size:0}
.clearfix {*zoom:1}

.site-nav-wrapper .truckhome a,.site-nav-2015 .ready i,.site-nav-2015 .new i,.site-nav-2015 dd .more,.truckhome-footer-2015 .iphone,.truckhome-footer-2015 .android,.category-nav .more i,.top-bar .country .caption,.top-bar .country i,.category-parts .title i{ background: url("../png/sitenav-icons.png") no-repeat;}
.site-nav-2015 .site-nav-news,.site-nav-2015 .site-nav-detail,.site-nav-2015 .site-nav-other,.site-nav-2015 .site-nav-bbs{border-right: 1px solid #3e6eb3;}

.top-bar{position: relative;height:30px; line-height: 30px;color:#999; background: #41454b; z-index: 1001}
.top-bar .login .bubble-more-links{left: 10px;top: 30px;}
.top-bar .login .bubble-more-links a{color: #6c6c6c !important;text-align: center;margin: 0; height: 40px;line-height: 40px}
.top-bar .login .bubble-more-links a:hover{color:#226ad2 !important; background: #f3f3f3;}
.top-bar .top-bar-inner{margin:0 auto;width: 1000px;}
.top-bar .top-bar-sign{position: relative;float: right;z-index: 1;*zoom:1;}
.top-bar .top-bar-sign a,.top-bar .top-bar-sign a:visited{margin:0;color:#999; text-decoration: none}
.top-bar .top-bar-sign a:hover{ text-decoration: underline;color:#fff;}
.top-bar .top-bar-sign .site-map{cursor: pointer;}

.top-bar .country{position: relative;left: 0;top:0;z-index: 2;}
.top-bar .country .caption{background-position: 0 -230px;padding: 0 25px 0 15px;color: #999;text-decoration: none;}
.top-bar .country dl{display: none;z-index: 1;position: absolute;left: 0;top: 30px;width: 140px;height: 220px;padding: 0 10px;border: 1px solid #e9e9e9;border-top: none;background-color: #fff;border-radius: 0 0 4px 4px;-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);}
.top-bar .country dt{display: block;color: #999;height: 40px;line-height: 40px;font-size: 12px;font-weight: 400;border-bottom: 1px solid #e9e9e9;margin-bottom: 20px}
.top-bar .country dd{width: 140px;margin: 15px 0 0 auto;}
.top-bar .country dd a{text-decoration: none;cursor: pointer;margin:0 5px 20px 5px; padding:0 6px;height: 18px;line-height: 20px;float: left;color: #333;}
.top-bar .country .selected,.top-bar .country dd a:hover{background-color: #1571e5; color: #fff;}
.top-bar .country dt i{position: absolute;left: 43px;top: -9px;width: 17px;z-index: 2;height: 10px;background-position: 0 -190px;}
.top-bar .country dl.visible{ display: block;-webkit-animation: country-animation .5s ease-out forwards;animation: country-animation .5s ease-out forwards;}
@-webkit-keyframes country-animation{
	0%{opacity: 0;}
	100%{opacity:1;}
}
@keyframes country-animation{
	0%{opacity: 0;}
	100%{opacity:1;}
}

.top-bar .notice{margin-right: 21px;color: #999;text-decoration: none}
.top-bar .notice:hover{color: #fff;text-decoration: underline;}
.top-bar .phone,.top-bar .wechat{color: #999;padding: 0 15px 0 20px;text-decoration: none;}
.top-bar a.phone:hover,.top-bar a.wechat:hover{color: #fff;text-decoration: underline;}

.site-map-content{ cursor: default; position:absolute;right:0;top:30px;padding-top:5px;width:272px;z-index: 1;display: none;background: #fff;border-radius:0 0 4px 4px;-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); border: 1px solid #e9e9e9;border-top: none;}
.top-bar .site-map-content dl{padding:10px 25px 8px; width: 222px; overflow: hidden; border-bottom: 1px solid #e9e9e9}
.top-bar .site-map-content dt{ color:#999; line-height: 22px;}
.top-bar .site-map-content dd{margin-left: -18px; width: 260px; line-height: 26px;color:#e9e9e9;}
.top-bar .site-map-content a,.top-bar .site-map-content a:visited{margin:0 18px; width: 48px;color:#333; display: inline-block; vertical-align: top; *vertical-align: baseline; white-space:nowrap;}
.top-bar .site-map-content a:hover{ color:#1571e5; text-decoration: underline;}
.site-map-more{padding:0 5px;height: 42px; line-height: 42px; text-align: right}
.top-bar .site-map-more a{ *font-family: "Simsun";display: block;width: 100%;margin: 0;text-align: center;color: #999}
.top-bar .site-map-more a:hover{text-decoration: none;}
.site-map .map:hover{ color: #fff;}

.site-nav-wrapper{margin:10px auto;position: relative;padding-left:160px;width:840px;height:60px; background: #2459a6;z-index: 1000;*zoom:1;}
.site-nav-wrapper .truckhome{position: absolute;left: 0;top:0; width: 160px; height: 60px; text-indent: -160px; overflow: hidden; background: #f2f2f2}
.site-nav-wrapper .truckhome a{margin:10px auto 0;width: 110px; height: 40px; display: block;background-position:0 -113px }
.site-nav-2015 dl{ float: left;}
.site-nav-2015 dt{position: absolute;left:0;top:0; height: 60px; line-height: 60px; text-align: center;}
.site-nav-2015 a{ color:#d4dfee; text-decoration: none;} 
.site-nav-2015 dt a{color: #fff}
.site-nav-2015 a:hover{ text-decoration: underline;color:#fff;}
.site-nav-2015 dt a{font-size: 18px;}
.site-nav-2015 dd {padding-top: 7px; font-size:0;*letter-spacing: -1px; line-height: 22px; height: 53px;}
.site-nav-2015 dd span{ display: inline-block; vertical-align: top; *vertical-align: baseline; font-size: 12px;font-weight: 200;}

.site-nav-2015 .site-nav-news,.site-nav-2015 .site-nav-detail,.site-nav-2015 .site-nav-other{position: relative; padding-right: 2px;background-position: 100% 0;*zoom:1;}
.site-nav-2015 .site-nav-news{padding-left: 79px;}
.site-nav-2015 .site-nav-news dt{width: 76px;font-weight: bold;}
.site-nav-2015 .site-nav-news dd{width: 88px;}
.site-nav-2015 .site-nav-news dd span{width: 44px;}

.site-nav-2015 .site-nav-detail{padding-left:94px;}
.site-nav-2015 .site-nav-detail dt{width:94px;font-weight: bold;}
.site-nav-2015 .site-nav-detail .more{ background-position: -102px -64px;padding-right: 15px;}
.site-nav-2015 .site-nav-bbs{padding-left:76px;position: relative;}
.site-nav-2015 .site-nav-bbs dt{ width: 76px;font-weight: bold;}
.site-nav-2015 .site-nav-detail dd,.site-nav-2015 .site-nav-bbs dd{width: 136px;}
.site-nav-2015 .site-nav-other dd{width:125px;}
.site-nav-2015 .site-nav-detail dt a,.site-nav-2015 .site-nav-bbs dt a,.site-nav-2015 .site-nav-other dt a,.site-nav-2015 .site-nav-detail dd span,.site-nav-2015 .site-nav-bbs dd span,.site-nav-2015 .site-nav-other dd span{width:68px;}
.site-nav-2015 .ready,.site-nav-2015 .ready:hover,.site-nav-2015 .rank .ready,.site-nav-2015 .rank .ready:hover{position: relative;color:#9fb8dd;*zoom:1;}
.site-nav-2015 .ready i,.site-nav-2015 .new i{position: absolute;text-indent: -64px;overflow: hidden;}
.site-nav-2015 .ready i{right: -27px;top: -19px;width: 44px; height: 19px;display: none; background-position:0 -158px;}
.site-nav-2015 .ready:hover{text-decoration: none;}
.site-nav-2015 .ready:hover i{display: block;-webkit-animation: bubble-animation .5s ease-out forwards;animation: bubble-animation .5s ease-out forwards;}
.site-nav-2015 .new{position: relative;*zoom:1}
.site-nav-2015 .new i{right:-22px;top:-8px;width:21px;height:12px; background-position:-47px -158px}
.site-nav-2015 .site-nav-other{padding-left: 20px;}
.site-nav-2015 span.dealer a{color: #f60;font-weight: 600}
.site-nav-2015 span.dealer a:hover{text-decoration: underline;}
.site-nav-2015 dd span.dealer,.site-nav-2015 dd span.rank{width: 56px;}

.category-nav{position: relative;margin:10px auto;width: 1000px; height: 64px; background: #f9f9f9; z-index: 999}
.category-nav a,.category-nav span,.category-nav a:visited,.category-nav .category-minicar .title,.category-nav .category-special .title,.category-nav .category-special .title,.category-light .title{padding-top:40px;float: left; height: 24px; line-height: 24px; text-align: center; color:#303030; text-decoration: none; border-right:1px solid #f2f2f3; background: url(../png/subcategory-icons.2.0.png) no-repeat}
.category-nav a:hover,.category-nav .more .title:hover{background-color: #ececec;color:#333; text-decoration: none;}
.category-nav .more .title:hover{text-decoration: underline;}
.category-nav span{padding-top: 0;height: 64px;background: none;position: relative;left: 0;top: 0;}
.category-nav .more .title{padding-top: 40px;}
.category-nav .more i,.category-parts .title i{position: absolute;left: 64px;top: 50px;width: 10px;height: 10px;background-position: -153px -196px;}
.category-nav .category-special i{left: 69px;}
.category-parts .title i{left: 76px}


.bubble-more-links{ display: none; position: absolute;left:0;top:63px; border:1px solid #cdd5e2; z-index: 1000; background: #fff;border-radius: 4px;-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);}
.bubble-more-links a{padding:0 12px; height: 25px; line-height: 25px; color:#6c6c6c; display: block; text-decoration: none;  width: auto;float:none;background: none;border: 0;}
.bubble-more-links a:hover{color:#1571e5; background: #f3f3f3; }
.category-nav .bubble-more-links{width: 98px;}
.category-special .bubble-more-links{width: 180px;left:-82px;}
.category-special .bubble-more-links a{float: left;}


/* ÓÑÇéÁ´½Ó */
.truckhome-firendlink-2015{margin:10px auto;width: 1000px;overflow: hidden;}
.truckhome-firendlink-2015 h2{font-size: 18px;height: 43px; line-height: 43px;border-bottom: solid 1px #e9e9e9;}
.truckhome-firendlink-content{margin:0 -6px;padding:10px 0;line-height: 26px; color:#ccc;}
.truckhome-firendlink-content a,.truckhome-firendlink-content a:visited{margin:0 6px;color:#0f5489; text-decoration: none; display: inline-block; vertical-align: top; *vertical-align: baseline;}
.truckhome-firendlink-content a:hover{color: #d60000;text-decoration: underline;}
.truckhome-firendlink-content .more{ color:#999; *font-family: Simsun}

/* ¹«¹²µ×²¿ */
.truckhome-footer-2015{margin:10px auto;padding:10px 0;width: 1000px;border-top:3px solid #0f5489;}
.truckhome-footer-2015 p{line-height: 24px; text-align: center;color:#999;}
.truckhome-footer-2015 a,.truckhome-footer-2015 a:visited{margin:0 10px;color:#999; text-decoration: none;display: inline-block; vertical-align: top; *vertical-align: baseline;}
.truckhome-footer-2015 a:hover{color: #d60000;text-decoration: underline;}
.truckhome-footer-2015 .iphone,.truckhome-footer-2015 .android{padding-left: 20px;}
.truckhome-footer-2015 .iphone{background-position: -147px -110px}
.truckhome-footer-2015 .android{background-position: -146px -140px}

/* global-widget */
.global-widget{position: fixed;left:50%;bottom:100px;margin-left:530px;width: 50px;}
.global-widget a,.global-widget span,.global-widget a:hover{line-height: 16px;display: block;text-decoration: none;overflow: hidden;text-align: center;color:#fff;}
.global-widget .feedback,.global-widget .gotop{padding:8px 11px;width:26px;height:32px;border:1px solid #e9e9e9;text-indent: -100px;background:#fff url(../png/aside-icon.png) no-repeat;}
.global-widget .buy{padding:9px 12px;width:26px;height:32px;background:#f60;}
.global-widget .buy:hover{background: #f70}
.global-widget .feedback{margin-top:10px;background-position:-1px -1px}
.global-widget .gotop{cursor:pointer;visibility: hidden;opacity: 0;border-top:0 none;-webkit-transition: opacity .3s ease-out;transition: opacity .3s ease-out; background-position: -1px -49px;}
.global-widget .gotop.visible{visibility: visible;opacity:1}
.global-widget .feedback:hover,.global-widget .gotop:hover{text-indent: 0;border-color: #0f5489;background: #0f5489;}


/* ºîÒ«»Ô  Ê×Ò³ÑùʽÐÞ¸Ä  2016-06-16 15:20 */

.category-nav a:hover{text-decoration: underline;}

.site-nav-2015 .site-nav-parts{position: relative;padding-left: 15px;}
.site-nav-2015 .site-nav-parts dd{width: 60px;}
.site-nav-2015 .site-nav-parts dt{width: 76px;line-height: 24px}
.site-nav-2015 .site-nav-parts dt a{font-size: 12px;font-weight: 500;}
.site-nav-2015 .site-nav-parts dt span{position: relative;left: 0;top: 0;display: block;width: 21px;height: 20px;margin: 10px auto 0 auto;background: url(../png/icon.png) no-repeat 0 -46px;}
.site-nav-2015 .site-nav-parts dt i{position: absolute;right: -8px;top:0;font-size: 0;width: 18px;height: 8px;background: url(../png/icon.png) no-repeat -26px -46px; }
   
/*Í·²¿¶þάÂë*/
.top-bar .scansion{position: relative;z-index: 3;}
.top-bar .scansion div{display: none;position: absolute;left: 0;top: 30px;width: 140px;height: 200px;padding: 0 10px;border:1px solid #e9e9e9;border-top: none;background: #fff;z-index: 3;border-radius:0 0 4px 4px;-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);}
.top-bar .scansion h4{position: relative;left: 0;top: 0;width: 100%;height: 40px;line-height: 40px;font-size: 12px;border-bottom: 1px solid #ccc;font-weight: 400;color: #999;margin-bottom: 8px;}
.top-bar .scansion div a{position: absolute;right: 0;top: 0;font-size: 12px;color: #333;}
.top-bar .scansion div a:hover{text-decoration: underline;color: #1571e5}
.top-bar .scansion span{display: block;}  
.top-bar .scansion span img{width: 140px;height: 140px;}
.essay-hover{width: 90px;text-align: center;}  

/*ͼ±êhoverЧ¹û*/
.top-bar .country .caption,.top-bar .scansion .phone,.top-bar .scansion .wechat,.top-bar .top-bar-sign .site-map,.top-bar .top-bar-sign .site-map .map,.top-bar .country,.top-bar .scansion,.site-nav-2015 dd .more{background: url(../png/icon.png) no-repeat;}
.top-bar .top-bar-sign .site-map,.top-bar .country,.top-bar .scansion{display: inline-block;height: 30px;line-height: 30px;padding: 0 2px;border-right: 1px solid #303134}
.top-bar .top-bar-sign .site-map,.top-bar .country{border-left: 1px solid #303134}
.top-bar .country{background-position: -100px -56px;}
.top-bar .scansion{background-position: -49px -56px;margin-left: -3px;}
.top-bar .wechat-span{background-position: -72px -56px;}
.top-bar .top-bar-sign .site-map{background-position: -75px -56px;}

.site-nav-wrapper .site-nav-2015 dl:hover,.site-nav-parts dt:hover{background-color: #245498}
.top-bar .country .caption:hover,.top-bar .top-bar-sign .site-map .map:hover{text-decoration: underline;}

.top-bar .top-bar-sign .site-map .map{padding: 0 15px 0 25px;background-position: -460px 0;}
.top-bar .country .caption{background-position: 5px 0;padding: 0 20px;}
.top-bar .scansion .phone{background-position: -60px 0;padding: 0 20px 0 25px}
.top-bar .scansion .wechat{background-position: -175px 0;padding: 0 20px 0 25px}

.site-nav-2015 dd .more{position: relative;left: 0;top: 0;padding-right: 15px;background-position: -126px -64px;float: none;}
.site-nav-2015 dd .more.visible{background-position: -126px -118px;}
.site-nav-2015 .site-nav-detail dd .more.visible{background-position: -102px -118px;}

.top-bar .country.visible .caption{background-position: 5px -23px;}
.top-bar .wechat-span:hover .wechat{background-position: -175px -23px;}
.top-bar .app-span:hover .phone{background-position: -60px -23px;}
.top-bar .wechat-span:hover{background-position: -72px -110px;}
.top-bar .app-span:hover{background-position: -49px -110px;}

/*µÇ½ע²á*/
.deng_hou { float:left; height:30px; z-index:10; width:auto;  }
.autline{width: 2px;float: left;height: 40px; display: none}
.deng_hou .aut_user_ma { float:left; position:relative; padding:0px 16px 0px 28px; font-size:12px; color:#999999; height:30px; line-height:30px;margin-top: 8px; background:url(../png/icon.png) no-repeat -306px 8px;max-width: 84px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.deng_hou .aut_user_ma span { display: inline-block; height: 12px; padding: 2px 3px; text-align: center; line-height: 12px; background-color: #F60; border-radius: 2px; color: #FFF; margin: 7px 1px 0 5px; }
.deng_hou .aut_user_ma em { display:block; position:absolute; top:12px; right:6px; background:url(../png/icon.png) no-repeat -152px -69px; width:8px; height:4px; }
.deng_hou .aut_user_ma:hover { background-color:#292929; text-decoration:none; color:#fff }
.aut_user_box {position: absolute;border:1px solid #e9e9e9; width:130px; border-top:none; top: 30px; background: #fff; right: 94px; height:152px; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);}
.aut_user_box ul li.aut_user_a { width:auto; display:block; background:none; float:none; height:35px; overflow:hidden; cursor:pointer; border-bottom:1px solid #e9e9e9 }
.aut_user_box ul li.aut_user_a a { display:block; padding:0px 14px; height:35px; line-height:35px; color:#666666; font-size:12px; }
.aut_user_box ul li.aut_user_a a:hover { background:#f7f7f7; color:#1571e5; text-decoration:underline }
.aut_user_box ul li.aut_l_line { border-bottom:none }
.aut_user_box ul li.atop9 { height:44px; }
.aut_user_box ul li.atop9 a { padding-top:9px; }
.aut_user_box ul li.aut_user_a a span { padding-left:6px; color:#1571e5 }
.top-bar .top-bar-sign .aut_user_box a{margin:0;}
.hoverthre{background-color:#292929;}
.hoverthre .aut_user_ma{ background-color:#292929; text-decoration:none; color:#fff;background-position:-306px -15px; color: red}
.hoverthre .aut_user_ma em { background-position:-152px -123px; z-index: 11}
.login_che { float:left; height:40px; z-index:10; width:auto; padding-right:0px; }
.loginaq { display:block; float:left; position:relative; padding:0px 15px 0px 15px; font-size:12px; color:#999999; height:40px; line-height:40px; }
.loginaq:hover { color:#fff; text-decoration:none }
.top-bar .more{float: none;}   

.top-bar .country.visible .caption,.top-bar .scansion.visible .phone,.top-bar .scansion.visible .wechat,.top-bar .top-bar-sign .site-map.visible .map{background-position-y:-23px;color: #fff;}
.top-bar .top-bar-sign .site-map.visible,.top-bar .country.visible,.top-bar .scansion.visible,.top-bar .wechat-span.visible{background-position-y:-112px;background-color: #303134;}
#site-map-content.visible,#sitenav-bubble.visible,.bubble-more-links.visible,.top-bar .scansion div.visible,.category-light .bubble-more-links.visible{ display: block;-webkit-animation: bubble-animation .5s ease-out forwards;animation: bubble-animation .5s ease-out forwards;}
@-webkit-keyframes bubble-animation{
	0%{opacity: 0;}
	100%{opacity:1;}
}
@keyframes bubble-animation{
	0%{opacity: 0;}
	100%{opacity:1;}
}
.top-bar .wechat-span:hover  div,.top-bar .app-span:hover div{display: block;}
.category-parts:hover div,.bubble-more-links:hover{display: block;}
.more:hover div,.more:hover div{display: block;}
 .top-bar .wechat-span:hover,.top-bar .app-span:hover{background-color: #303134;}

 /* 法律证明 */  
.top-notice-wrap{position: relative;left:0;top:0;text-align: center;background-color: #D0E3FA;height: 29px;line-height: 29px;border-bottom: 1px solid #B3A886;font-size: 14px;}
.top-notice-wrap p{width: 1000px;margin: 0 auto;background: url(../png/notice-icon.png) no-repeat 213px 8px;}
.top-notice-wrap a{color: #d60000;margin-left: 30px;text-decoration: underline;}
.top-notice-wrap .close{position: absolute;top:0;left:50%;margin-left: 450px;width: 28px;height: 28px;background: url(../png/close-icon.png) no-repeat center center; cursor: pointer;}
    
/*
	@description 新增广告位公用样式
	@author: houyh zhuzp
	@date 20170502  
*/ 
.ad-div{margin: 0 auto;width: 1000px;*zoom:1;} 
.ad-div.horizontal:after{content:"."; display: block; visibility: hidden; clear: both; height:0; font-size:0}
.ad-div.horizontal > div{float: left;margin-bottom: 10px;}
.ad-div.horizontal > div + div{margin-left: 10px;}
.ad-div.vertical > div{margin-bottom: 10px;}

/*
	@description PC站首页顶部增加新能源顶部入口
	@author: shanghui
	@date 20180111
*/ 

/* 各自的宽 */
.category-nav .category-light, .category-nav .category-light > a{width: 87px;}
.category-nav .category-mixer{width: 103px;background-position: -86px 0;}
.category-nav .category-minicar, .category-nav .category-minicar > a{width: 87px !important;}
.category-nav .category-tractor{width: 87px;background-position: -277px 0;}
.category-nav .category-cargo{width: 87px;background-position: -368px 0;}
.category-nav .category-dumper{width: 87px;background-position: -459px 0;}
.category-nav .category-pickup{width: 87px;background-position: -552px 0;}
.category-nav .category-trailer{width: 103px;background-position: -635px 0;}
.category-nav .category-special, .category-nav .category-special > a{width: 87px !important;}
.category-nav .category-parts, .category-nav .category-parts > a{width: 87px;}
.category-nav .category-electrocar{width: 87px ;background-position: -910px 0;}

.category-nav .category-light{ background-position: 0 0}
.category-nav .category-minicar .title{background-position: -184px 0}
.category-nav .category-minicar:hover{border-color:#ececec;}
.category-nav .category-special .title{background-position: -733px 0;}
.category-nav .category-parts .title{background-position: -821px 0;}