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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;word-wrap:break-word;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;/*font-weight:inherit;*/}
ol,ul{list-style:none outside none;}
del,ins{text-decoration:none;}
li{float:left;list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6,i,p,span{font-size:100%;font-weight:normal;font-style: normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}

body{font-family:"Microsoft YaHei","宋体";font-size:14px;color:#333;}
input, textarea, select, button {outline:none;border:none;}
textarea,input {resize:none;}
ul, ol, li {list-style:none;}
em, i {font-style:normal;}
img {border:none;}
fieldset,img{border:0;}
a {text-decoration:none;color:#333;outline:none;cursor:pointer;}
a:hover {text-decoration:none;color:#ff6600;}
.clearfix {*zoom:1;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear {clear:both;}
.fl {float:left;}
.fr {float:right;}
.tc{text-align:center;}
.cf{display:block;}
.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.red {color:#ff0000 !important;}
.pr{position:relative;}
.pa{position:absolute;}
.mr5{margin-right:5px;}
.mb5{margin-bottom:5px;}
.mt15{margin-top:15px;}
.mt10{margin-top:10px;}.mr10{margin-right:10px;}.mb10{margin-bottom:10px;}.ml10{margin-left:10px;}
.mt20{margin-top:20px;margin-bottom: 20px;}.mr20{margin-right:20px;}.mb20{margin-bottom:20px;}.ml20{margin-left:20px;}
.hide{display:none;}
.show{display:block;}
.none{display:none;}
.tips-ico {background:url(https://www.020h.com/images/020h/tips.png) no-repeat;display:inline;overflow:hidden;}

.wrapper {width:1200px; margin-right: auto; margin-left: auto; clear:both; overflow:hidden;}

/*顶部*/
.yc-header .yc-top-wrapper {
    border-bottom: 1px solid #f0f0f0;
	background-color: #f5f5f5;
}
.yc-header .yc-top-nav {
    width: 1160px;
    margin: 0 auto;
	height: 30px;
	line-height:30px;
    z-index: 2;
}
.yc-top-left{float:left;}
.yc-top-right{float:right;}
.header-main-wrap {
    min-width: 1200px;
    height: 140px;
    background-color: #fff;
    border-top: 1px solid #e5e5e5;
    border-bottom: 2px solid #fc5300;
}
.header-top, .header-main {
    width: 1200px;
    margin: 0 auto;
}
.header-main .header-search {
    padding: 23px 0 20px;
}
.header-main .head-logo {
    width: 216px;
    height: 52px;
	float:left;
}
.header-main .head-search {
    width: 580px;
    height: 40px;
    margin-left: 90px;
	margin-top: 8px;
    color: #333;
    position: relative;
    z-index: 1;
	float:left;
}
.header-main .head-search .suchen {
    border: 2px solid #fc5300;
}
.header-main .head-search .search {
    width: 529px;
    height: 36px;
    padding-left: 11px;
}
.header-main .head-search input[type="submit"] {
    width: 36px;
    background-color: #fc5300;
    background-position: -7px -957px;
    cursor: pointer;
}
.header-main .head-search .suchen input {
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    margin-right: -4px;
    border: none;
    border: 0;
}
.header-main .head-search input[type="submit"]{
	width: 36px;
    background-position: -17px 10px;
    cursor: pointer;
}
.header-main .head-text{float:right; margin-right:20px; width:204px; height:27px; margin-top:16px; background:url(https://www.020h.com/images/020h/headText.png) no-repeat;}
.header-main .header-nav {
    overflow: hidden;
    zoom: 1;
}
.header-main .head-nav {
    float: left;
}
.header-main .header-nav .active {
    background-color: #fc5300;
}
.header-main .header-nav li {
    width: 94px;
    float: left;
    height: 45px;
    line-height: 45px;
    text-align: center;
    position: relative;
}
.header-main .header-nav li a {
    font-size: 16px;
    color: #3d3d3d;
    display: block;
}
.header-main .header-nav li a:hover {
    background-color: #F7BB09;
	color:#FFF;
}
.header-main .header-nav .active a, .header-main .header-nav .active a:hover {
    color: #fff;
}
/*标题*/
.yc-hd{height: 42px;border-bottom: 2px solid #fc5300;position: relative;}
.yc-hd h3{font-size: 24px;color: #333;float: left;line-height: 38px; font-weight:bold;}
.yc-hd h3 a{color: #333;}
.yc-hd .cs_whe{float: left;margin-left: 50px;font-size: 12px;color: #333;margin-top: 18px;}
a.more_link{float: right;font-size: 14px;color: #333;margin-top: 14px; padding-right:22px; background-position: 60px -27px;}
a.more_link:hover{color:#fc5300;}
span.more_link{float: right;font-size: 12px;margin-top: 18px;}
span.more_link b{color: #ff9f00;font-size: 16px;}

/*当前位置*/
.location{color:#666;}
.location a,.location span{margin:0 2px;}
.location span{}

/*分页*/
.pagebox{padding: 10px 0 0 10px;height: 32px; clear:both; text-align:center;}
.pagebox ul{list-style:none; padding:0; margin:0; display:inline-block;*display:inline;zoom:1;}
.pagebox a, .pagebox span {margin: 0 6px; padding:6px 12px;border:1px solid #DDD; float:left;font-size: 14px;line-height:17px;background:#f1f1f1; display:block;}
.pagebox a:hover{color:#FFF; background:#fc5300; border:1px solid #fc5300;}
.pagebox span {margin: 0 6px; padding:6px 12px;border:1px solid #fc5300; float:left;font-size: 14px;line-height:17px;color:#fff; background:#fc5300;}

/*底部*/
#yc-footer{width:100%; height:198px; background-color:#0f0f0f; margin-top:20px;}
#yc-footer .footer-content{width:1250px; margin:0 auto; overflow:hidden;}
.footer-con-left{width:940px; margin-top:40px; float:left;}
.footer-con-left p{height:30px; line-height:30px; font-size:16px; color:#FFF; text-align:center;}
.footer-con-left p a{color:#FFF;}
.footer-con-left p a:hover{color:#fc5300;}
.footer-con-right{width:280px; float:right; margin-top:30px;}
.footer-con-right .code-img{width:100px; height:100px; float:left;}
.footer-con-right .code-img img{width:100px; height:100px; display:block;}
.footer-con-right .code-text{width:150px; height:100px; margin-left:20px; float:left;}
.footer-con-right .code-text p{width:150px; line-height:30px; color:#FFF;}


/**购车意向**/
.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color:#EEEEEE;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
.white_content {
    display: none;
    position: absolute;
    top: 18%;
    left: 25%;
    width: 50%;
    height: 50%;
    padding: 16px;
    z-index:1002;
}

.bootstrap-frm {
    margin-left:auto;
    margin-right:auto;
    max-width: 500px;
    background: #FFF;
    padding: 20px 30px 20px 30px;
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #888;
    text-shadow: 1px 1px 1px #FFF;
    border:1px solid #DDD;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.bootstrap-frm h1 {
    font: 25px "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0px 0px 10px 40px;
    display: block;
    border-bottom: 1px solid #DADADA;
    margin: -10px -30px 30px -30px;
    color: #888;
}
.bootstrap-frm h1>span {
    display: block;
    font-size: 11px;
}
.bootstrap-frm label {
    display: block;
    margin: 0px 0px 5px;
}
.bootstrap-frm label>span {
    float: left;
    width: 20%;
    text-align: right;
    padding-right: 10px;
    margin-top: 10px;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}
.bootstrap-frm input[type="text"], .bootstrap-frm input[type="tel"], .bootstrap-frm textarea, .bootstrap-frm select{
    border: 1px solid #CCC;
    color: #888;
    height: 28px;
    line-height:18px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 5px 0px 5px 5px;
    width: 70%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.bootstrap-frm select {
    background: #FFF url('https://www.020h.com/down-arrow.png') no-repeat right;
    background: #FFF url('https://www.020h.com/down-arrow.png') no-repeat right;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 70%;
    height: 35px;
    line-height:15px;
}
.bootstrap-frm textarea{
    height:100px;
    padding: 5px 0px 0px 5px;
    width: 70%;
}
.bootstrap-frm .button {
    background: #FFF;
    border: 1px solid #CCC;
    padding: 10px 25px 10px 25px;
    color: #333;
    border-radius: 4px;
}
.bootstrap-frm .button:hover {
    color: #333;
    background-color: #EBEBEB;
    border-color: #ADADAD;
}
.bootstrap-frm .reset {
    background: #FFF;
    border: 1px solid #CCC;
    padding: 10px 25px 10px 25px;
    color: #333;
    border-radius: 4px;
}
.bootstrap-frm .reset:hover {
    color: #333;
    background-color: #EBEBEB;
    border-color: #ADADAD;
}
.close{
    float:right;
    margin-top: -15px;
    margin-right: -25px;
    text-decoration:none;
    color:#666;
}

.rightfixed{ position:fixed; right:5px; bottom:5%; border: 1px solid #efefef;}
.rightfixed a.layerclose{ background:#ffffff; width:14px; height:14px; float:right; padding:3px 3px 3px 4px; border-top-right-radius:2px; border-top-right-radius:2px;}
.rightfixed a.layerclose span{ background:url(http://www.020h.com/statics/images/purchase/icon.gif) no-repeat 0 -680px; width:14px; height:14px; display:block;  }
.rightfixed ul{ background:#fff; padding:10px;}
.rightfixed ul li{ text-align:center; border-bottom:1px  solid #f1f1f1; padding-bottom:10px; margin-bottom:10px; list-style:none;float: none;}
.rightfixed ul li:last-child{ border-bottom:0; padding-bottom:0; margin-bottom:0;}
.rightfixed ul li a{cursor: pointer; text-decoration: none}
.rightfixed ul li span{ display:block; font:13px/20px "Microsoft Yahei"; color:#686868; margin-top:5px;}
.rightfixed ul li b.tips{ background:url(http://www.020h.com/statics/images/purchase/icon.gif) no-repeat 0 -540px; width:38px; height:32px; display:block; margin:0 auto;float: inherit; padding-left: inherit;}
.rightfixed ul li b.dy{ background:url(http://www.020h.com/statics/images/purchase/icon.gif) no-repeat 0 -610px; width:36px; height:26px; display:block; margin:0 auto;}
.rightfixed a.uptop{ display:block; height:32px; background:#f7f7f7 url(http://www.020h.com/statics/images/purchase/icon.gif) no-repeat 20px -720px; font:13px/32px "Microsoft Yahei"; color:#006ca7; padding-left:35px; }

/* 广告 */
.winBox{width:1200px;height:165px;overflow:hidden; position:relative;margin: auto;}
.scroll{width:100%;display: flex;justify-content: space-between;}
.scroll li{width:45%;float:left;line-height:25px;text-align:left;display: flex;margin-right: 20px;justify-content: space-between;margin-top: 10px;}
.scroll li a{color:#fc5300;width:50%;line-height: 40px;}
.scroll li a i{margin-top:10px;width: 20px;height: 20px;float: left;background: url(https://www.020h.com/images/020h/lb.png);background-position: 0 0;background-size: 100% 100%;margin-right: 3px;}
.scroll li a.hd_img{background: url(https://www.020h.com/images/020h/denglu.png);width: 300px;height: 155px;background-size: 100% 100%;float: left;margin-right: 5px;}
.scroll li a.zw_img{background: url(https://www.020h.com/images/020h/zw.jpg);background-size: 100% 100%;}