@charset "utf-8";
* { margin: 0; padding: 0 }
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #000;
    background: #fff;
    line-height: 1.5;
    overflow-x: hidden;
    background-image: url("/static/img/bg_banner.webp");
    background-position: center 60px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

img { border: 0; display: block }
ul, li { list-style: none; }
a { text-decoration: none; color: #333; }
a:hover { color: #19b955; text-decoration: none; }
.clear { clear: both; width: 100%; overflow: hidden; }
.blank { clear: both; width: 100%; overflow: hidden; height: 20px }
main, .box { width: 1400px; margin: auto; overflow: hidden }
.is-fixed { position: fixed; top: 10px; z-index: 99; }
/*header*/
header { background: #fff; height: 65px; box-shadow: 0 1px 4px 0 rgb(0 0 0 / 12%); margin-bottom: 10px }
.topbar { width: 1400px; margin: auto; padding: 10px 0; }
.logo { float: left; margin-top: -5px; }
.logo img { height: 60px; }
.search-key { margin-top: 10px; float: right; margin: 12px 90px 0 0px;}
.search-key a { margin-right: 10px; }
.search { position: relative; overflow: hidden; width: 340px; height: 44px; background: #f0f0f0; border-radius: 6px; float: right;}
.search input.input_submit { border: 0; color: #fff; outline: none; position: absolute; top: 0; right: 0; width: 10%; display: block; font-size: 15px; height: 44px; line-height: 36px; text-indent: 1em; cursor: pointer; background: url(../img/searchm.png) no-repeat center; background-size: 18px; }
.search input.input_text { border: 0; line-height: 36px; height: 44px; font-size: 14px; width: 90%; outline: none; text-indent: 1em; background: no-repeat; }
/*nav*/
nav, .topnav { width: 130px; float: left }
nav ul li { height: 40px; color: #444; line-height: 40px; text-align: center; margin-bottom: 10px; border-radius: 6px; background: #f0f0f0; }
nav ul li a { display: block; }
nav ul li a#selected, nav ul li a:hover { background-color: #296df4; color: #fff; ; border-radius: 6px; }
nav em { width: 100%; display: block; height: 20px }
.sub { width: 420px; padding-left: 5px; height: auto; overflow: hidden; background: #fff; position: absolute; z-index: 99; bottom: -10px; left: 130px; display: none; padding: 5px; }
.sub ul { padding: 5px; overflow: hidden; }
.sub li { width: 130px; float: left; margin: 5px; }
.menu:hover .sub { display: block }
.menu { position: relative }
#mnavh { margin: 5px 0 0 0; width: 24px; height: 40px; float: right; text-align: center; padding: 0 10px; display: none }
.navicon { display: block; position: relative; width: 30px; height: 2px; background-color: #999; margin-top: 20px; }
.navicon:before, .navicon:after { content: ''; display: block; width: 30px; height: 2px; position: absolute; background: #999; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.navicon:before { margin-top: -9px; }
.navicon:after { margin-top: 9px; }
.open .navicon { background: none }
.open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.open .navicon:before, .open .navicon:after { content: ''; display: block; width: 30px; height: 2px; position: absolute; background: #999; }
.box_l { width: 890px; overflow: hidden; margin: 0 10px 10px; float: left;box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    padding: 10px;background: #fff;}
/*banner*/
.banner { width: 100%; margin-bottom: 20px; height: 260px; overflow: hidden }
.banner ul li { border-radius: 6px; position: relative; }
.banner ul li:nth-child(1) { width: 630px; height: 260px; float: left; overflow: hidden }
.banner ul li i { width: 100%; height: 100%; display: block; overflow: hidden; }
.banner ul li:nth-child(n+2) { width: 250px; height: 125px; overflow: hidden; float: right; margin: 0 0 10px; }
.banner ul li p { position: absolute; width: 100%; height: 38px; line-height: 38px; background: rgba(0,0,0,.35); bottom: 0; margin: 0; color: #fff; text-shadow: 1px 1px 1px #000; text-indent: 1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.banner ul li:hover p { background: rgba(0,0,0,.5); }
.banner ul li i img { width: 100%; min-height: 100%; transition: .5s }
.banner ul li:hover img { transform: scale(1.02) }
h2.tit { border-bottom: 1px solid #eee; line-height: 40px; margin-bottom: 10px; }
h2.tit span { font-size: 18px; color: #000; font-weight: normal; border-bottom: #296df4 2px solid; line-height: 50px; display: inline-block; padding-left: 2px;}
h1.tit { border-bottom: 1px solid #eee; line-height: 40px; margin-bottom: 10px; }
h1.tit span { font-size: 18px; color: #000; font-weight: normal; border-bottom: #296df4 2px solid; line-height: 50px; display: inline-block; }
/*news_list*/
.news_list {display: flex;flex-wrap: wrap;}
.news_list li {flex: 1 1 auto;overflow:hidden;margin-bottom:5px;border:1px solid #eee;margin-right:0px;float:left;box-sizing:border-box;border-radius:5px;padding:5px;}
.news_list li h3 {font-size:20px;line-height:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;color:#333;margin-right:auto;}
.news_list li i {display:block;float:left;width:187px;height:130px;overflow:hidden;margin-right:20px;border-radius:6px;}
.news_list li i img {width:100%;min-height:100%;transition:all 0.5s;}
.news_list_info {overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;font-size:16px;color:#999;line-height:30px;text-align:justify;}
.news_list li span {font-size:14px;padding:2px 6px;border:1px solid #296df4;color:#296df4;float:right;margin-top:-42px;margin-right:5px;border-radius:6px;}
.news_list li:hover img {transform:scale(1.1);}
.news_list li:hover h3 {color:#c00;}
.news_list li:last-child {margin-bottom:0;}
.news_list li:hover .news_list_info {color:#666;}
a.btn_more {height:56px;font-size:16px;line-height:56px;text-align:center;letter-spacing:5px;border:0;background:#f3f3f3;color:#222;margin:20px 0;display:block;transition:0.5s;}
a.btn_more:hover {background:#dedede;}
/*box_r*/
.box_r{float:right;width:340px;background-color:#f9f9f9;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,0.1);margin-bottom:20px;}
.box_r section{background:#ffffff;border-top:2px solid #296df4;padding:5px;border-radius:5px;margin-bottom:5px;}
.box_r section ul{padding:0;}
.box_r section h3{color:#333;background-color:#f5f5f5;border:1px solid #ddd;padding:10px;border-radius:5px;margin:0;margin-bottom:15px;}
/*news_part01*/
.news_part01{display:flex;flex-wrap:wrap;}
.news_part01 li{background: #fff;border:1px solid rgba(0,0,0,0.2);border-radius:4px;color:#666;line-height:1.2;margin:0 1.4% 1.4% 0;overflow:hidden;padding:5px 12px;text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;width:calc(24.67% - 1.4%);}
.news_part01 a:nth-child(3n+1){margin-left:0;}
/*news_part02*/
.news_part02{display:flex;flex-wrap:wrap;}
.news_part02 li{overflow:hidden;text-align:center;white-space:nowrap;width: calc(34.67% - 1.4%);}
.news_part02 a:nth-child(3n+1){margin-left:0;}
/*news_part05*/
.news_part05 { overflow: hidden; }
.news_part05 li { width: 48%; float: left; overflow: hidden; margin-bottom: 15px; }
.news_part05 li:nth-child(even) { float: right }
.news_part05 li a { display: block; }
.news_part05 li i{width:100%;height:82px;display:flex;align-items:center;justify-content:center;margin-bottom:5px;overflow:hidden;border-radius:6px;}
.news_part05 li i img{width:100%;height:auto;min-height:100%;object-fit:cover;}
.news_part05 li p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; font-size: 14px; }


.news_part06 { 
  overflow: hidden; 
}

.news_part06 li { 
  width: 100%; 
  float: none; 
  overflow: hidden; 
  margin-bottom: 5px; 
}

.news_part06 li a { 
  display: block; 
}

.news_part06 li i {
  width: 100%;
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
  overflow: hidden;
  border-radius: 6px;
}

.news_part06 li i img {
  width: 100%;
  height: auto;
  min-height: 100%;
  object-fit: cover;
}

.news_part06 li p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  font-size: 14px;
  display: inline-block;
  padding-left: 30px; /* Padding on the left */
  padding-right: 10px; /* Padding on the right */
  max-width: calc(100% - 40px); /* Ensures that the content fits within the padding */
}


.news_part06 li p::before {
    content: '问';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #fe5900;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    width: 24px;
}
/*footer*/
footer { background: #111e36; color: #87898d; font-size: 12px; line-height: 60px; }
p.foot_l { float: left; }
p.foot_r { float: right; }
footer a { color: #87898d; }
p.foot_r a { margin-left: 10px; padding-left: 10px; border-left: #87898d 1px solid; }
p.foot_r a:first-child { border-left: none; }
.icon-top { background: url(../img/istop.png) no-repeat center #fff; background-size: 22px; width: 40px; height: 40px; position: fixed; right: 5%; bottom: 10%; transition: all 0.3s; z-index: 9999999; border: #ececec 1px solid; }
/*epages*/
.epages { text-align: center; color: #666; width: 100%; clear: both; margin: 30px 0 0; }
.epages a { color: #666; margin: 0 5px 10px; padding: 5px 10px; background: #e6e7e5; display: inline-block; }
.epages a:nth-child(1) { display: none }
.epages a:hover, .epages > b { color: #FFF; background: #296df4; }
.epages > b { margin: 0 5px 10px; padding: 5px 10px; font-weight: normal; display: inline-block; }
/*container*/
.con_title{position:relative;padding:5px 15px;background:#efefef;border:1px solid #eee;border-radius:5px;}
.info{color:#666;font-size:14px;padding-bottom:5px;margin-top:5px;}
.info span { margin: 0 15px; padding-left: 15px; background-image: linear-gradient(#ccc, #ccc); background-repeat: no-repeat; background-size: 1px 14px; background-position: 0 3px; }
.bkcontent{word-break:break-word;text-align:justify;font-size:16px;color:#333;line-height:1.8;padding:5px;margin-top:10px;border-radius:8px;}
.bkcontent p{margin:20px 0;}
.bkcontent img{margin:15px 0;display:block;margin-left:auto;margin-right:auto;max-width:100% !important;height:auto !important;border-radius:6px;
    box-shadow:0 4px 8px rgba(0,0,0,0.1);}
.bkcontent h2,.bkcontent h3,.bkcontent h4,.bkcontent h5,.bkcontent h6{font-size:18px;margin:15px 0;color:#444;
    font-weight:bold;border-bottom:1px solid #ddd;
    padding-bottom:5px;}
.bkcontent video{height:auto !important;width:100% !important;border-radius:6px;}
.bkcontent iframe{width:100%;min-height:400px;border-radius:6px;}
.bkcontent ol{counter-reset:item;background-image:linear-gradient(#e4e4e4 50%,#fff 50%);background-repeat:repeat-y;background-size:2px 4px;background-position:left 17px top 20px;position:relative;padding-bottom:10px;margin-left:1px;}
.bkcontent ol li{position:relative;padding-left:60px;margin-bottom:20px;font-size:16px;line-height:1.5;}.bkcontent ol li:before{counter-increment:item;content:counter(item);position:absolute;text-align:center;left:0;top:0;width:36px;height:36px;font-weight:bold;border-radius:50%;background:#ffb700;color:#fff;line-height:36px;font-size:18px;z-index:7;box-shadow:0 2px 4px rgba(0,0,0,0.1);}.bkcontent ol p{position:relative;padding-left:50px;margin-bottom:20px;}.bkcontent ol p:before{counter-increment:item;content:counter(item);position:absolute;text-align:center;left:0;top:0;width:36px;height:36px;font-weight:bold;border-radius:50%;background:#ffb700;color:#fff;line-height:36px;font-size:18px;z-index:7;}
.bkcontent ol:after{content:"END";background:#fff;color:#ccc;font-size:12px;line-height:30px;left:5px;bottom:0px;position:absolute;}
.bkcontent blockquote{border-left:#19b955 4px solid;
    padding-left:20px;margin:20px 0;background-color:#f9f9f9;
    border-radius:6px;}.bkcontent blockquote p:nth-child(1){color:#999;font-style:italic;}
.bkcontent blockquote p{margin:0 !important;}
.bkcontent ol li ul li {
  all: unset;
}

.entry-tag{font-size:0;margin-top:15px;}
.entry-tag a{background:#e2e5ea;box-shadow:0 0 1px rgba(0,0,0,.1);color:#2c2c2d;line-height:14px;margin:0 10px 5px 0;padding:4px 10px 4px 0}.entry-tag a,.entry-tag a:before{display:inline-block;font-size:15px}
.entry-tag a:before{background:#296df4;color:#fff;content:"#";line-height:inherit;margin:-4px 6px -4px 0;padding:4px 7px;vertical-align:top}.entry-tag a:focus,
.entry-tag a:hover{background:#2196F3;color:#fff;text-decoration:none}
.entry-tag .entry-specials a:before{background:#296df4;border:1px solid var(#d8dadd);color:var(#d5d8dd);padding:3px 6px}
.about_end { background: #296df4; color: #fff; text-align: center; padding: 60px 0; }
.about_end h3 { font-size: 24px; margin-bottom: 20px; }
.about_end p { font-size: 16px; }
.news_t { font-size: 18px; font-weight: normal; padding: 5px 0; margin: 20px 0 10px; position: relative; border-top: #ccc 2px solid; border-bottom: #ececec 1px solid; color: #333333; }
.news_t:after { position: absolute; width: 70px; height: 2px; background: #ed4040; content: ""; left: 0; top: -2px }
.ph_show { display: none }
.aboutTop { width: 100%; height: 150px; background: url(../img/about.jpg) no-repeat center #00050d; background-size: cover; color: #fff; text-align: center; margin-top: -10px; }
.aboutTop h2 { padding: 35px 0 0; }
.aboutTop p { margin: 10px 0; font-size: 20px; }
.about .content { margin: 60px 100px; min-height: 400px; }
.weizhi { color: #ccc; font-size: 14px; margin: 0 0 20px 0; }
/* read_more */
.readall_box {position: relative;z-index: 9999;padding: 0 0 10px;margin-top: -200px;text-align: center;}
.readall_box .read_more_mask {height: 200px;background: -moz-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0));background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff));background: -o-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0))}
.read_more_btn{cursor:pointer;font-size: 20px;color: #296df4;background: #fff;border-radius: 4px;border: 1px solid #296df4;line-height: 30px;padding:5px 12px;}
.read_more_btn:hover{background:#296df4;color:#fff;}
.car-card{background-color:#E1F8FF;position:relative;display:flex;cursor:pointer;justify-content:center;align-items:center;overflow:hidden;border-radius:0.375rem;padding:0 1rem;}.car-carda{background-color:#FFF4ED;position:relative;display:flex;cursor:pointer;justify-content:center;align-items:center;overflow:hidden;border-radius:0.375rem;padding:0 1rem;}
.car-cardb{background-color:#e2f1ff;position:relative;display:flex;cursor:pointer;justify-content:center;align-items:center;overflow:hidden;border-radius:0.375rem;padding:0 1rem;}
.car-card::after{content:'';position:absolute;bottom:0;right:0;top:0;min-width:152px;background:url(//cximg.dacheche.com/rank_bg_2.png) right center no-repeat;background-size:auto 100%;z-index:0;}.car-carda::after{content:'';position:absolute;bottom:0;right:0;top:0;min-width:152px;background:url(//cximg.dacheche.com/rank_bg_1.png) right center no-repeat;background-size:auto 100%;z-index:0;}
.car-cardb::after{content:'';position:absolute;bottom:0;right:0;top:0;min-width:152px;background:url(//cximg.dacheche.com/rank_bg_3.png) right center no-repeat;background-size:auto 100%;z-index:0;}.label{margin-left:0.4375rem;border-radius:0.1875rem;padding:0 0.375rem;font-size:0.75rem;font-weight:500;color:white;background-color:rgb(37,201,255);}.labela{margin-left:0.4375rem;border-radius:0.1875rem;padding:0 0.375rem;font-size:0.75rem;font-weight:500;color:white;background-color:rgb(255,100,100);}
.labelb{margin-left:0.4375rem;border-radius:0.1875rem;padding:0 0.375rem;font-size:0.75rem;font-weight:500;color:white;background-color:rgb(255,100,100);}
.card-content,.card-contenta,.card-contentb{flex:1;overflow:hidden;}.card-title,.card-titlea,.card-titleb{margin-bottom:0.625rem;display:flex;align-items:center;font-weight:bold;line-height:1.25;}.card-info,.card-infoa,.card-infob{display:flex;height:1.25rem;align-items:center;font-size:0.875rem;color:#828CA0;}.car-name,.car-namea,.car-nameb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.car-price,.car-pricea,.car-priceb{white-space:nowrap;padding-left:0.375rem;}.car-image,.car-imagea,.car-imageb{z-index:1;margin-left:0.25rem;height:90px;width:120px;background:url(//dacheche.com/static/web/logo.png) center no-repeat;background-size:50%;transition:all 0.7s ease-in-out 0.1s;}.car-image img,.car-imagea img,.car-imageb img{height:90px;width:120px;}.car-card:hover .car-image,.car-carda:hover .car-imagea,.car-cardb:hover .car-imageb{transform:translateX(-15px);}
.xnypp{width:96.5%;background-color:#F8F9FC;padding:0.75rem 1rem 0.5rem;
    height:60px;overflow:hidden;}.flex-xnypp{display:flex;flex:1;}.brand-card{position:relative;margin-right:0.9rem;
    display:flex;min-width:54px;flex-direction:column;align-items:center;justify-content:center;border-radius:0.375rem;
    padding:0.15rem;
    color:#111E36;margin-bottom:1rem;
    transition:background-color 0.3s;}.brand-card:hover{cursor:pointer;background-color:var(--antd-itemHoverBg);}.brand-logo{width:28px;
    height:28px;}.brand-name{text-align:center;}
/* yidong */
@media screen and (max-width: 768px) {
main, .box, .topbar { width: 98% }
.search, .search-key { display: none; }
header { height: 60px; margin-bottom: 0; }
#mnavh { display: block; position: absolute; left: 10px; top: 4px; }
#mnavh.open:after { position: fixed; width: 50%; height: 100%; content: ""; right: 0; top: 60px; z-index: 9 }
nav { width: 100%; position: fixed; z-index: 8; left: 0; }
nav #starlist { width: 100%; background: rgba(0,0,0,0.7); overflow: hidden; height: 100%; overflow-x: hidden; overflow-y: auto; }
.topnav { width: 100% }
#starlist { display: none }
#starlist li { width: 50%; margin: 0; background: #fff; border-bottom: #eee 1px solid; line-height: 40px; float: left; clear: both; font-size: 16px; font-weight: normal; }
#starlist li a { text-align: center; width: 100%; padding: 0; }
nav ul li a#selected, nav ul li a:hover { border-radius: 0; }
#starlist li:last-child { padding-bottom: 100%; }
nav ul li { border-radius: 0; }
nav ul li a#selected { border-radius: 0; }
.ovhi { overflow: hidden }
.btn_menu { display: none }
ul.sub { display: block; position: inherit; left: 0; width: auto; padding: 0; bottom: 0; }
ul.sub li { width: 100% !important; }
.logo img { height: 43px; margin: auto; }
a.logo { float: none; text-align: center; }
.topbar { padding: 8px 0 0; }
aside { display: none; }
.xnypp { display: none; }
.banner { height: auto; margin: 0 0 0; }
.banner ul li:nth-child(1) { width: 100%; margin-bottom: 10px; height: auto }
.banner ul li:nth-child(n+2) { width: 48%; }
.banner ul li:nth-child(3) { float: left; }
.banner ul li { font-size: 14px; }
.banner ul li p { line-height: 30px; height: 30px; }
.box_l{width:100%;margin:10px 0;float:none;box-shadow:none;padding:0;}
.news_list li {margin-bottom:10px;padding-bottom:20px;float:none;display:flex;flex-direction:column;padding:5px;}
.news_list li i {width:28%;height:70px;float:right;margin:0 0 0 10px;}
.news_list_info {display:none;;}
.news_list li span {float:none;margin:0;}
.news_list li h3 {line-height:40px;font-size:18px;font-weight:normal;margin-bottom:8px;}
.icon-top { display: none }
footer { text-align: center; line-height: 24px; padding: 10px 0; }
p.foot_l { float: none; }
p.foot_r { float: none; }
.ph_show { display: block }
.aboutTop { margin-top: 0 }
.about .content { margin: 50px 0; min-height: inherit }
.about_end h3 { font-size: 20px; }
.about_end p { font-size: 15px; margin: 0 30px; }
.weizhi { display: none }
.content { line-height: 32px; font-size: 18px; color: #434343; }
.con_title { padding: 18px; margin-top: 3px; }
.con_title h1 { font-size: 22px; line-height: 36px; font-weight: normal; margin: 0 0 5px 0; }
p.info { font-size: 12px; }
main.phbox { width: 100%; }
main.phbox .content {width: 90%;margin: auto;}
.con_title { border-bottom: 1px solid #eee; }
main.phbox .news_box { width: 95%; margin: auto; }
.content ol li:before { width: 32px; height: 32px; line-height: 32px; }
.content ol li { padding-left: 50px; }
}