@charset "utf-8";/*--------------------------
东风Honda网站2017提案版 新闻
作者：chihong
QQ:2586334408
---------------------------*/

/*公共样式*/
.line_shot{ display:block; width:58px; height:1px; background-color:#2d2d2d; margin:60px auto 0;}
a:hover { color: #000;}
ul,li{ list-style:none;}

img.w100{ width: 100%; }

/*召回信息*/
.column_servicerecall{ width:1127px; max-width:92%; margin:0 auto; background:url(../images/servicerecallbg02.jpg) repeat-y center center; background-size:100%;}
.column_servicerecall .bgimg{ position:absolute; left:0; top:0; bottom:0; width:100%; height:100%;}
.column_servicerecall .recall_content{ position:relative; background:url(../images/servicerecallbg01.jpg) no-repeat center top; background-size:100%;}
.column_servicerecall .recall_content .bgimg{ position:absolute; left:0; top:0; width:100%;}
.column_servicerecall .recall_content .txt_title{ padding:6.5% 10% 3.5%;text-align:center;}
.column_servicerecall .recall_content .txt_content{ padding:0 10%; text-align:justify; font-size:16px;}
.column_servicerecall .recall_content .txt_content p{ margin:0.5em 0;}
.column_servicerecall .recall_content .txt_title h2{ line-height:1.5em; font-size:3em; font-weight:lighter; color:#000; }
.column_servicerecall .recall_contactus{ position:relative; background:#F5F5F5 url(../images/servicerecallbg03.jpg) no-repeat center top; background-size:100%; padding:17.5% 5.3% 4.125%}
.column_servicerecall .recall_contactus .bgimg{ position:absolute; left:0; top:0; width:100%;}
.column_servicerecall .recall_contactus .txt_content{ padding:2em 5.25%; position:relative; background:#FFF; box-shadow:0 0 20px #D5D5D5; color:#665858; font-size:1.167em;}
.column_servicerecall .recall_contactus .txt_content:before{ content:""; position:absolute; left:0; width:0.25em; top:2.75em; bottom:2.25em; background:#EA223D;}
.column_servicerecall .recall_contactus .txt_content h3{ font-size:1.167em; line-height:1.5em;}
.column_servicerecall .recall_contactus .txt_content h3 + p:before{ content:"";vertical-align:middle; width:0.25em; height:0.25em; display:inline-block; margin-right:0.25em; background:#665858; border-radius:0.125em;}
.column_servicerecall .recall_contactus .txt_content p{ margin:0;}
.column_servicerecall .recall_contactus .txt_content a{ text-decoration:none;color:#665858;}
.column_search{width:1127px; max-width:92%; margin:0 auto;}
.delsearch{ margin-left:52%;}
.delsearch .delsearch_title{ padding:2em 0 0; border-bottom:2px solid #E0E0E0;height:3.5em;}
.delsearch .delsearch_title h2{ float:left;border-bottom:2px solid #EA223D;padding-right:0.5em; margin-right:-2px; font-size:1.75em; color:#000; line-height:2em; font-weight:lighter;}
.delsearch .delsearch_content{ overflow:hidden;zoom:1; padding-bottom:2em;}
.delsearch .delsearch_content > p{ color:#665858; margin:0.5em 0; line-height:1.5em; font-size:1.167em; float:left;}
.delsearch .btn_dealers{ float:right;line-height:1.5em;height:0;overflow:hidden;padding:21px 0 0;width:67px;background:url(../images/btn_delsearch.jpg) no-repeat 0 0; background-size:100%; margin:0.75em 1.5em 0 0;}

.vinsearch{ float:left; width:48%; min-width:480px;}
.vinsearch .vinsearch_title{ padding:2em 0 0; border-bottom:2px solid #E0E0E0;height:3.5em;}
.vinsearch .vinsearch_title h2{ float:left;border-bottom:2px solid #EA223D;padding-right:0.5em; margin-right:-2px; font-size:1.75em; color:#000; line-height:2em; font-weight:lighter;}
.vinsearch .vinsearch_content > p{ color:#665858; margin:0.5em 0; line-height:1.5em; font-size:1.167em;}
.vinsearch .vinsearch_content .btn_contain{ margin:0 0 0 480px}
.vinsearch .vinsearch_content .btn_dealers{ margin:3em auto; font-size:1.25em; width:10em; background:#dfdfdf; color:#EA223D; line-height:2em; height:2em; border:1px solid #E0E0E0; border-radius:0.25em; display:block; text-align:center;zoom:1;}
.vinsearch .vinsearch_content .btn_dealers:hover{ box-shadow:1px 1px 3px rgba(0,0,0,0.5)}
.vin_contain{position:relative; z-index:10;width:480px; max-width:100%;}
.vin_contain h4.example{ font-size:14px; color:#383635; margin-bottom:16px; font-weight:normal; }
.vin_contain h4.example span{ font-size:16px; color:#df1536}
.vin_contain .vin_box{ margin-right:100px; height:35px; line-height:35px; border:1px solid #dddddd; padding-left:10px;}
.vin_contain .vin_box input{ height:32px; line-height:32px; border:0; width:20em; background:none;}
.vin_contain .vin_box .search_btn{border: none;outline: none;margin: 0;width: 4em;height:35px; line-height:35px;overflow: hidden;background: url(../images/search_btn_gary.png) no-repeat center center;text-indent: -999em;margin-right: -0.5em;font-size: 1em;}
.vin_text{ cursor:pointer; position: absolute; right:0px; top:40px; padding-bottom:30px;}
.vin_text span{ color:#d30a2b; font-size:13px; display:block;}
.vin_text .vin_detail{padding:6%;border:1px solid #dddddd;color:#383635;  position: absolute;background:#fff; display:none; font-size:12px; box-sizing:border-box; width:500px;top:0;left:0;  margin:-11em 0 0 100px;}
.vin_text .vin_detail .arrow_up{ position:absolute; top:-12px; left:180px; display:none;}
.vin_text .vin_detail .arrow_left{ position:absolute; top:11em; left:-12px;}
.vin_text:hover  .vin_detail{ display:block;}
.vin_detail_box{ background-color:#f9f9f9; padding:15px 8px;}
.vin_detail_box p{ overflow:hidden; position:relative; margin-bottom:10px;}
.vin_detail_box p img{ float:right; margin-left:10px; margin-top:10px; width:50%;}
.vin_detail_box p span.img_span{ position:absolute; bottom:0; width:216px; color:#383635; font-size:12px;}
.vin_detail_box p span.img_span span{ color:#383635; font-size:12px;}
.prompt_text{margin-right:100px; color:#383635; font-size:12px; line-height:1.5; margin-bottom:66px; padding-top:15px;}
#showme{ display: none;position: fixed;_position: absolute;z-index: 50;left: 0;top: 0;right: 0;bottom: 0;text-align:left;background: url(../images/tm.png)}
#showme .showme_contain{ width:448px; margin:15% auto 0;}
.vin_prompt{/* height:118px; */background-color:#fff; border-radius:6px; padding:20px 4%; overflow:hidden;}
.page_recall #newlayer .btn_close{ display:none;}
.vin_prompt .text{/* height:5em; border-bottom:1px solid #e0e0e2*/}
.vin_prompt .text .box{}
.vin_prompt .text .box_error{border-bottom:1px solid #e0e0e2; padding-bottom:1.5em;}
.vin_prompt .text a{color:#ababab;}
.vin_prompt .text a:hover{ color:#79c4e3}
.vin_prompt .text a span{ color:#df1536}
.vin_prompt .text a:hover span{color:#79c4e3}
.vin_prompt p{ color:#464646;}
.vin_prompt .close_btn{ display:block; float:right; color:#79c4e3; font-size:14px; padding:20px 20px 0 0}
.vin_prompt .text .box h4{ font-size:20px; color:#df1536; font-weight:normal; text-align:center; margin-bottom:0.5em;}
.vin_prompt .text .box_ok .box_top{padding-bottom:1em;border-bottom:1px solid #e0e0e2;}
.vin_prompt .text .box_ok p{ line-height:2em;}
.vin_prompt .text .box_ok .box_bottom p{ padding-top:1em; font-size:13px; color:#c0c0c0;}
.vin_prompt .text .box_ok .box_bottom p img{ margin-left:8px!important;}

.batchlist{width:1127px; max-width:92%; margin:0 auto; background:#F5F5F5; padding:5% 2.5% 1.5%; font-size:1.167em; clear:both;}
.batchlist ul{ list-style-type:none; overflow:hidden; zoom:1;}
.batchlist ul li{ position:relative; float:left; width:47%; margin-right:3%; left:1.5%; background:#FFF; margin-bottom:2%;}
.batchlist ul li:first-child:before,.batchlist ul li:first-child + li:before{ content:"车型名称"; line-height:2em; width:32%; padding-right:68%; text-align:center; background:#E0E0E0; font-size:1.167em; color:#000; height:2em; display:block; font-weight:bold;}
.batchlist ul li:first-child:after,.batchlist ul li:first-child + li:after{content:"生产日期"; position:absolute; line-height:2em;width:13.5em;text-align:center;font-size:1.167em; color:#000; height:2em;font-weight:bold; top:0; left:32%;}
.batchlist ul .carname{ display:inline-block;*display:inline;zoom:1; width:32%; text-align:center; height:10em; position:relative; vertical-align:middle;}
.batchlist ul .batchsub{ width:65%;display:inline-block;*display:inline;zoom:1;vertical-align:middle;  max-height:9em; overflow:hidden; margin-right:-3em;}
.batchlist ul .batchsub p{ line-height:1.5em; margin:0; padding:0;}
.batchlist ul .batchsub p:before{content:""; vertical-align:middle; width:0.25em; height:0.25em; display:inline-block; margin-right:0.25em; background:#2D2D2D;}
.batchlist ul .carname h3{ position:absolute;left:0;bottom:50%;width:100%; line-height:1.5em; font-size:1.167em;}
.batchlist ul .carname a{position:absolute;top:50%;line-height:1.5em; left:50%; height:0; overflow:hidden; padding:21px 0 0; width:67px; margin:0.25em 0 0 -33px; background:url(../images/btn_vinsearch.jpg) no-repeat 0 0; background-size:100%;}
.batchlist + p{ text-align:center;width:1127px; max-width:92%; margin:1.5em auto 3em;}
.batchlist + p span{ display:inline-block; white-space:nowrap;}
.batchlist + p a{ color:#0073D6;}

/*售后服务*/
.page_service_company .main_container{ position:relative; padding-top:24%}
.page_service_company .banner_bj{ position:absolute; left:0; top:0; width:100%; z-index:1}
.page_service_company .columnTitle{ position:absolute; left:0; top:0; z-index:2; width:100%; padding: 2em 0;}
/*链接导航*/
.recall_list {width:85%; margin:0 auto; max-width:1280px;}
.recall_list ul{ list-style-type:none; max-width:640px; min-width:288px; line-height:3em; width:66.66%; margin-left:2.5%;}
.recall_list li{padding:0 2em 0 1.5em;background:#e10024 url(../images/recall_list_bg.png) no-repeat right bottom; background-size:1.25em; transition:background-color 0.5s ease-out; height:3em; margin-top:0.25em; }
.recall_list li:first-child{ margin-top:0;}
.recall_list li:hover{ background-color:#ee1e3f;}
.recall_list li a{padding:0 0 0 1.6667em; font-size:1.5em; line-height:2em; background:url(../images/recall_list_icon.png) no-repeat left center; background-size:1em; color:#FFF;overflow:hidden; white-space:nowrap; display:block; text-overflow:ellipsis; zoom:1;}
.recall_list li a:before{ content:"详细>>"; float:right; margin-left:0.5em; font-size:0.6667em; line-height:3em;}

.after_sales_list{ padding: 6% 0;margin-bottom:4%;}
.after_sales_item { display: table-row;display:table;table-layout:fixed; width:85%; margin:0 auto; max-width:1280px;*display:block; clear: both; overflow: hidden; zoom:1;}
/*.after_sales_item.block2_first{ width: 69%; margin: 0 auto; *padding-left:8%;}*/
.after_sales_item a{ position: relative; display: table-cell;*display:block; width: 20%;  *float:left;*width:19.9%;padding:4% 2.5% 5.5%;text-align: center;}
.after_sales_item a h2{ font-size: 24px; margin:3% 0 10%; font-weight: normal;}
.after_sales_item a h2 .twolines{ position:relative; line-height:1.25em; margin-bottom:-1em; top:-0.5em;}
.after_sales_item a p{ font-size:18px; line-height:1.6em;}
.after_sales_item a span{  display: block; position: absolute; bottom:4.5%; left: 0; width: 100%; margin-top: 4%; font-size: 16px;}
.after_sales_item a span em{ font-style: normal; color: #E51628;}
.hover_show{ display: none;}
/*.after_sales_item.block2_first a{*width:24.9%;}*/
/*售后原厂认证服务*/
.after_sales_content{ width:85%; margin:0 auto; max-width:1280px; padding: 5% 0; }
.after_sales_content .title h4{ font-size: 44px; font-weight: normal;}
.after_sales_content .title p{ padding: 8% 0;}
.after_sales_content a.go_btn{ display:block; width:220px; padding-left:20px; height:45px; line-height:45px; margin: 0 auto 6% auto; color:#fff; font-size:18px; letter-spacing:2px; background:#e11d30; text-align:center;}
.after_sales_content a.go_btn span{ font-size:12px; color:#fbeaeb;}
.after_sales_content a.go_btn img{ vertical-align:middle;margin-left:20px;}
.erweima {
    width:80%;
    margin: 0 auto;
    overflow: hidden;
    zoom: 1;
    clear: both;
	text-align:center;
	padding-top:3%;
}
.erweima a {
    padding: 18% 0 0;
    /*float: left;*/
    /*width: 49.9%;*/
    text-align: center;
	width:100%;
	display:block;
}
.erweima a img {
    /*width: 55%;*/
	width:25%;
}
.erweima .box{ display:inline-block; width:388px; vertical-align:top;}
.erweima .box.first_box{ width:456px; text-align:center;}
.erweima .box.first_box p{ margin-top:26px;}
.erweima .box.first_box img{ display:inline-block; width:146px}
.erweima .box ul{ overflow:hidden; text-align:left;}
.erweima .box li{ float:left; width:50%;}
.erweima .box li img{ width:146px;}
.erweima .box li p{ width:146px; text-align:center;}
.title_all{ width:335px;}
@media all and (max-width:1280px){
	.erweima .box.first_box{ width:398px;}
}
@media all and (max-width:1120px) and  (min-width:1000px){
	.vin_text .vin_detail{ width:calc(92vw - 520px);}
	.vin_detail_box p img{ width:calc(100% - 19em);}
	.delsearch {margin-left:calc(4% + 480px);}
}
@media all and (max-width:999px){
	.vin_text .vin_detail{top:48px; left:50%; margin:0 0 0 -200px;}
	.vin_text .vin_detail .arrow_up{display:block;}
	.vin_text .vin_detail .arrow_left{display:none;}
	.delsearch {margin-left:calc(4% + 480px);}
}
@media all and (min-width:768px) and (max-width:999px){
    /*banner*/
    .page_service_company .columnTitle{ position:static;}
    .page_service_company .banner_bj{ position:static;}
    .page_service_company .main_container{ padding: 0;}
    /*链接导航*/
		.column_servicerecall .recall_content .txt_title h2{ font-size:2.25em;}
		.batchlist{ font-size:1em;}
		.batchlist ul .batchsub{ font-size:12px;}
		.recall_list{ width:90%;}
    .after_sales_item{ width: 90%;}
    .after_sales_item a{padding:4% 0.5% 5.5%}
    /*.after_sales_item.block2_first{ width: 74%;}
    .after_sales_item.block2_first a{padding: 4% 1% 7%}*/
    .after_sales_item a h2{ font-size: 18px;}
	.after_sales_item a p{ font-size:14px;}
    .after_sales_item a span{ font-size: 12px;}

    /*售后原厂认证服务*/
    .after_sales_content .title h4{ font-size: 36px;}
    .after_sales_content a.go_btn{ font-size: 16px;}
    .after_sales_content .title p img{ width: 30%;}
	
	.erweima .box.first_box{ width:224px;}
	.erweima .box{ width:375px;}

}
@media all and (max-width:767px){
	
    /*banner*/
    .page_service_company .columnTitle{ position:static;}
    .page_service_company .banner_bj{ position:static;}
    .page_service_company .main_container{ padding: 0;}
    .main_content{ padding: 0;}
		
		.column_servicerecall .recall_content .txt_title h2{ font-size:1.4em; font-weight:bold; margin:0 -5%;}
		.column_servicerecall .recall_content .txt_content{ font-size:13px;}
		.column_servicerecall .recall_contactus .txt_content{font-size:13px;}
		
		.delsearch{ float:none;width:100%;min-width:0px; margin:0;}
		.vinsearch { float:none;width:100%;min-width:0px;}
		.vinsearch .vinsearch_content .btn_contain{ margin:0; clear:both; padding:2em 0;}
		.vinsearch .vinsearch_content .btn_dealers{ margin:0 auto;}
		
		.vin_text{ width:100%; margin-right:0; position:relative; top:0;}
		.vin_contain .vin_box .search_btn{ background-size:50%; width:15%;}
		.vin_contain .vin_box{ margin-right:0; float:none; width:auto;}
		.vin_contain .vin_box input{ width:83%;}
		.vin_contain h4.example{ width:auto; margin-right:0;}
		.prompt_text{width:auto; margin-right:0; margin-bottom:10px;}
		.vin_text span{ float:right;}
		.vin_text .vin_detail{ width:94%; padding:3%; left:auto; margin-left:0; right:0;}
		.vin_text .vin_detail .arrow_up{ left:90%;}
		.vin_detail_box p img{ float:none; margin-left:0; width:60%; display:block;}
		.vin_detail_box p span{ position:static; width:auto; float:none; display:inline;}
		.vin_detail_box p span.img_span{ position:static;width:auto;}
		#showme .showme_contain{ width:90%; margin-top:25%;}
		
		.batchlist{ font-size:1em;}
		.batchlist ul .batchsub{ font-size:13px;}
		.batchlist ul li{ float:none; width:auto; margin-right:0; left:0; }
		.batchlist ul li:first-child + li:before,.batchlist ul li:first-child + li:after{ display:none;}

    /*链接导航*/
		.recall_list{ width:90%;}
    .after_sales_item{ width: 90%;}
    .after_sales_item a{padding:4% 0.5% 5.5%}
    /*.after_sales_item.block2_first{ width: 74%;}
    .after_sales_item.block2_first a{padding: 4% 1% 7%}*/
		.recall_list ul{ margin-left:0;}
		.recall_list li a{padding:0 0 0 2em; font-size:1.25em; line-height:2.4em; background-size:1.2em;}
		.recall_list li a:before{font-size:0.8em; line-height:3em;}

    .after_sales_item a h2{ font-size: 14px;}
    .after_sales_item a span,.after_sales_item a p{ font-size: 12px;}

    .erweima{ width: 90%; margin: 0 auto;}

    /*售后原厂认证服务*/
    .after_sales_content .title h4{ font-size: 32px;}
    .after_sales_content a.go_btn{ font-size: 16px;}
    .after_sales_content .title p img{ width: 30%;}
	
	.erweima .box.first_box{ width:100%;}
	.erweima .box.first_box img{ width:40%;}
	.erweima .box.second_box{ margin-top:20px; width:100%;}
	.erweima .box li{ text-align:center;}
	.erweima .box li p{ width:100%;}
	.erweima .box.first_box p{ margin-top:0;}
	.erweima .box li img{ width:77%;}
	.title_all{ width:100%;}
	
	
}
@media all and (max-width:479px){
    /*链接导航*/
    /*.after_sales_item.block2_first{ width: 90%;}
    .after_sales_item.block2_first a{padding:4% 0.5% 10.5%;}*/
		.column_servicerecall .recall_contactus .txt_content{font-size:12px;}
		.batchlist ul .batchsub{ font-size:12px;}
		
		.recall_list li a{padding:0 0 0 2.5em; font-size:1em; line-height:3em; background-size:1.5em;}
		.recall_list li a:before{font-size:1em; line-height:3em;}
    .after_sales_item a{ display: block; float: left; width: 49%; padding-bottom: 10.5%;}

    /*售后原厂认证服务*/
    .after_sales_content .title h4{ font-size: 20px;}
    .after_sales_content .title p img{ width: 45%;}
    .after_sales_content a.go_btn{ width: 160px;}
}
@media all and (max-width:374px){
	.column_servicerecall .recall_content .txt_title h2{ font-size:1.25em;}
	.column_servicerecall .recall_content .txt_content{ font-size:12px;}
	.batchlist ul .batchsub{ font-size:9px;}
}