@charset "utf-8";
/*-----------------------公共样式------------------------*/
/*!
 * @名称：base.css
 * @功能：1、重设浏览器默认样式
 *       2、设置通用原子类
 */
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
	background:#f7f7f7; 
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	
}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin:0;
    padding:0;
}
/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea {
     font:14px "microsoft yahei", arial, sans-serif;color:#333;
}
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
    display:block;
}

/* HTML5 媒体文件跟 img 保持一致 */
audio,canvas,video {
    display: inline-block;*display: inline;*zoom: 1;
}
input,select,textarea {
    font-size:100%;
}
/* 去掉 table cell 的边距并让其边重合 */
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* ie bug：th 不继承 text-align */
th {
    text-align:inherit;
}
/* 去除默认边框 */
fieldset,img {
    border:none;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
    display:block;
}
/* 去掉 firefox 下此元素的边框 */
abbr,acronym {
    border:none;
    font-variant:normal;
}
/* 一致的 del 样式 */
del {
    text-decoration:line-through;
}
address,caption,cite,code,dfn,em,th,var {
    font-style:normal;
    font-weight:500;
}
/* 去掉列表前的标识，li 会继承 */
ol,ul ,li{
    list-style:none;
}

/* 对齐是排版最重要的因素，别让什么都居中 */
caption,th {
    text-align:left;
}
/* 来自yahoo，让标题都自定义，适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:500;
}
h2{ font-size:16px;}
q:before,q:after {
    content:'';
}
/* 统一上标和下标 */
sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline;
}
sup {
    top:-0.5em;
}
sub {
    bottom:-0.25em;
}
/* 让链接在 hover 状态下显示下划线 */
a:hover {
	color:#2fb15a;
    text-decoration:none;
}
/* 默认不显示下划线，保持页面简洁 */
ins,a {
	color:#333;
    text-decoration:none;
}
/* 去除 ie6 & ie7 焦点点状线 */
a:focus,*:focus {
    outline:none;
}
/* 清除浮动 */
.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
    overflow:hidden;
}
.clearfix {
    zoom:1; /* for ie6 & ie7 */
}
.clear {
    clear:both;
    display:block;
    font-size:0;
    height:0;
    line-height:0;
    overflow:hidden;
}
/* 设置显示和隐藏，通常用来与 js 配合 */
.hide {
    display:none;
}
.block {
    display:block;
}
/* 设置浮动，减少浮动带来的 bug */
.fl,.fr {
    display:inline;
}
.fl {
    float:left;
}
.fr {
    float:right;
}

/*网站宽度*/
.w1200 {
    clear: both;
    margin: 0 auto;
    width: 1200px;
}
/*颜色*/
.yellow {
	color: #f8bc02 !important;
}

.orange{
	color: #ff9202 !important;
}
.blue{
	color: #0766b1 !important;
}
.green{
    color: #2fb15a !important;
}
.col666{
	color: #666 !important;
}
.col999{
	color: #999 !important;
}
.fontb{
	font-weight: bold !important;
}
.mt0{margin-top: 0 !important;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.mb0{margin-bottom: 0 !important;}
.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom: 50px !important;}
.ml5{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.ml20{margin-left: 20px !important;}
.ml30{margin-left: 30px !important;}
.mr5{margin-right: 5px !important;}
.mr10{margin-right: 10px !important;}
.mr20{margin-right: 20px !important;}
.mr30{margin-right: 30px !important;}
.pl5{padding-left: 5px !important;}
.pl10{padding-left: 10px !important;}
.pl20{padding-left: 20px !important;}
.pl30{padding-left: 30px !important;}
.pl40{padding-left: 40px !important;}
.pl80{padding-left: 80px !important;}
.pr5{padding-right: 5px !important;}
.pr10{padding-right: 10px !important;}
.pr20{padding-right: 20px !important;}
.pr30{padding-right: 30px !important;}
.pr40{padding-right: 40px !important;}
.pr80{padding-right: 80px !important;}
.tc{text-align: center !important;}
.tl{text-align: left !important;}
.tr{text-align: right !important;}
/*顶部*/
.hi-top {
	width: 100%;
	height: 42px;
	line-height: 42px;
	background-color: #333333;
	font-size: 12px;
	color: #b0b0b0;
}

.hi-top a {
	color: #b0b0b0;
}

.hi-top .hi-top-r .link,
.hi-top .hi-top-r .buy-car,
.hi-top .hi-top-r .login{
    display: inline-block;
}

.hi-top .hi-top-r .link li {
	float: left;
	margin-left: 6px;

}

.hi-top .hi-top-r .link li a {
	margin-top: 10px;
	padding: 0 8px;
	display: block;
	line-height: 12px;
	border-right: 1px solid #b0b0b0;
}
.hi-top .hi-top-r .link li:last-child a{
    border-right:0;
}
.buy-car{
    background-color:#424242;
    height: 42px;
    padding: 0 10px;
}
.buy-car:hover{
    background-color:#fff;
}
.buy-car:hover a{
    color: #2fb15a;
}
.hi-top .hi-top-r .login{
    color: #b0b0b0;
}
.lang-switcher{
    width: 66px;
    display: inline-block;
    position: relative;
    color: #2fb15a;
    text-align: center;
}
.lang-switcher:hover{
    color: #2fb15a;
    background: #424242;
}
.lang-switcher .icon-down2{
    margin-left: 5px;
}
.lang-switcher .lang-box{
    display: none;
    position: absolute;
    width: 66px;
    top: 42px;
    background-color: #333;
    line-height: 20px;
    z-index: 2;
    text-align: center;
    box-sizing: border-box;
    
}
.lang-switcher .lang-box a{
    width: 100%;
    display: inline-block;
    color: #2fb15a;
    height: 26px;
    line-height: 26px;
}
.lang-switcher .lang-box a:hover{
    background: #2fb15a;
    color: #fff;
}
.lang-switcher .lang-box a em{
    margin-right: 3px;
}
.lang-switcher .lang-box a span{
    width: 28px;
    display: inline-block;
}
/*头部*/
.header {
	width: 100%;
	height: 100px;
	position: relative;
    background-color: #fff;
}

.header .logo {
	width:200px;
    margin-top: 15px;
	height: 62px;
}

.header .logo img {
    max-width: 200px;
	height: 60px;
}

/*搜索*/
.search-box{
    margin-top: 24px;
    width: 305px;
    height: 40px;
    border: 1px solid #2fb15a;
    box-sizing: unset;
}
.search-box .search-btn{
    width: 65px;
    height: 40px;
    background-color: #2fb15a;
    border:1px solid #2fb15a;
    color: #fff;
    cursor: pointer;
}
.search-box .search-input{
    height: 40px;
    line-height: 40px;
    width: 215px;
    padding: 0 10px;
    border: 0;
    box-sizing: unset;
}

/*导航*/
.nav{
    margin-top: 24px;
    width: 675px;
    height: 40px;
}
.nav li{
    float: left;
    margin-right: 20px;
}
.nav li a{
    position: relative;
    display: block;
    padding: 0 10px;
    line-height: 38px;
    font-size: 16px;

}
.nav .cur::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -13px;
    width: 26px;
    height: 5px;
    background: url(../images/nav_cur.png) no-repeat center center;
}
.nav .cur{
    color: #2fb15a;
}


/*栏目标题*/
.title {
	position: relative;
	width: 100%;
	height: 46px;
	line-height: 46px;
}
.title h2{
    position: relative;
	float: left;
	padding: 0 15px;
	font-size: 24px;
}
.title h2::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    height: 24px;
    width: 3px;
    background-color: #2fb15a;
    
}
.title .more{
	float: right;
	color: #999;
	line-height: 46px;
}
.title .more .iconfont{
    font-size: 12px;
}

/*网站底部*/
.footer {
	margin:0 auto;
	width: 100%;
	background-color: #333;
	overflow: hidden;
}

.footer .footer-c{
	width: 100%;
}
.footer .footer-c .footer-c-l{
	min-height: 310px;
}
.footer .footer-c .footer-c-l .fnav{
    float: left;
    padding: 50px 0;
    width: 250px;
    min-height:200px;
    border-right:1px solid #404246;
}
.footer .footer-c .footer-c-l ul{
	margin: 0 auto;
    width: 200px;
}
.footer .footer-c .footer-c-l ul li{
	color: #fff;
	line-height: 24px;
}
.footer .footer-c .footer-c-l ul li:first-child{
    font-size: 18px;
    line-height: 60px;
}
.footer .footer-c .footer-c-l ul li a{
	color: #a0a0a0;
	font-size: 14px;
}
.footer .footer-c .footer-c-c{
	min-height: 160px;
	width: 400px;
	padding: 0 30px;
	border-right:1px solid #404246;
}
.footer .footer-c .footer-c-c ul{
	display:inline-block;
	width: 400px;
	margin-bottom: 10px;
	text-align: center;
}
.footer .footer-c .footer-c-c li{
	display:inline-block;
	margin:0 10px ;
}
.footer .footer-c .footer-c-c p{
	text-align: center;
	font-size: 12px;
	color: #ccc;
	line-height: 30px;
}
.footer .footer-c .footer-c-c a{
	color: #ccc;
}
.footer .footer-c .footer-c-b{
	min-height: 160px;
	margin-left: 30px;
}
.footer .footer-c .footer-c-b .wxcode{
	width: 125px;
    text-align: center;
}
.footer .footer-c .footer-c-b .wxcode img{
	width: 125px;
	height: 125px;
}
.footer .footer-c .footer-c-b .wxcode span{
	color: #ccc;
	line-height: 30px;
	font-size: 14px;
}

.footer-bottom {
	width: 100%;
	padding: 20px 0;
	background-color: #333;
	border-top:1px solid #404246;
	height: auto;
	overflow: hidden;
    text-align: center;
    line-height: 1.5;
}
.footer-bottom p{
    color: #8d8d8d;
}
.footer-bottom p a{
    color: #fff;
}
.footer-bottom p span{
    display: inline-block;
    margin: 0 5x;
}

.footer-bottom p a.ying {
    color: #8d8d8d;
}