@charset "utf-8";/*--------------------------
东风Honda网站2017提案版 首页
作者：chihong
QQ:2586334408
---------------------------*/{}
/*----首页KV------------*/
.index_kv{position:relative;}
.index_kv .kv_container{position:relative;width:100%;padding:40% 0 0;height:0;overflow:hidden;}
.index_kv .kvslide{ left:0; right:0;}
.index_kv .kv_content{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;*height:768px;}
.index_kv ul{position:relative;list-style-type:none; white-space:nowrap;font-size:0;zoom:1; height:100%;}
.index_kv ul li{position:relative;width:100%;height:100%;display:inline-block;*display:inline;margin-right:-0.5em;zoom:1; vertical-align:top; overflow:hidden;}
.index_kv ul li img{width:100%;}
.index_kv ul li video{background:#000;position:absolute; width:100%; height:100%; overflow:hidden; left:0; top:0; /*margin-top:-9.15%;*/}
.index_kv .forwap{ display:none;}
.index_kv .scroll_bar{display:none;}
.index_kv .scroll_num{display:none;}
.index_kv .scroll_prev,.index_kv .scroll_next{position:absolute;top:0;margin-top:17.1875%;width:0;height:0;padding:5.625% 0 0 2.8125%;background-repeat:no-repeat;}
.index_kv .scroll_prev{left:1.25%;background-image:url(../images/2016page/kv_prev.png);background-position:center left;}
.index_kv .scroll_next{right:1.25%;background-image:url(../images/2016page/kv_next.png);background-position:center right;}

.index_kv .prev,.index_kv .next{position:absolute;top:0;margin-top:17.1875%;width:0;height:0;padding:5.625% 0 0 2.8125%;background-repeat:no-repeat;}
.index_kv .prev{left:1.25%;background-image:url(../images/2016page/kv_prev.png);background-position:center left;}
.index_kv .next{right:1.25%;background-image:url(../images/2016page/kv_next.png);background-position:center right;}


.index_kv .scroll_btn { position:absolute; left:5%; width:90%; bottom:4px; text-align:center;line-height:0.75em;display:flex;}
.index_kv .scroll_btn a{padding:3px 0 0; overflow:hidden; height:0; background:#FFF; opacity:0.5; filter:alpha(opacity=50);display:inline-block;*display:inline; width:4em; vertical-align:top; margin:0 0.25em;flex-grow:1; line-height:1.75em;}
.index_kv .scroll_btn ul{ font-size:14px; margin:0 auto; display:flex; width:100%;}
.index_kv .scroll_btn li{padding:3px 0 0; overflow:hidden; height:0; background:#FFF; opacity:0.5; filter:alpha(opacity=50);display:inline-block;*display:inline; width:4em; vertical-align:top; margin:0 0.25em;flex-grow:1; line-height:1.75em;}
.index_kv .scroll_btn a.current{opacity:1; filter:alpha(opacity=100);width:8em;flex-grow:2;}
.index_kv .scroll_btn li.on{opacity:1; filter:alpha(opacity=100);width:8em;flex-grow:2;}
.index_kv .scroll_bar{ display:none;}
.index_kv .scroll_btn li{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}

/*添加一路书香kv*/
.index_kv ul li.shux_li{position: relative;}
.index_kv ul li.shux_li .car_type{position: absolute;top: 38%;left:12%;width:80%;}
.index_kv ul li.shux_li .car_type a{display: block;float: left;}
.index_kv ul li.shux_li .car_type .ur-v{width:48%;/*background:red;*/}
.index_kv ul li.shux_li .car_type .inspire{width:48%;margin-top: 1%;float: right;/*background:green;*/}
.index_kv ul li.shux_li .car_type img{width:100%;}


/*----首页热点链接------------*/
.index_hotlink ul{ overflow:hidden; list-style-type:none; zoom:1;}
.index_hotlink li{float:left;width:20%;}
.index_hotlink li.hotlink_5{ margin-right:-5px;}
.index_hotlink li a{ display:block; position:relative; padding:45% 0 0; margin:0 1px; overflow:hidden; height:0; border-bottom:5px solid #F3F3F3; background-color:#F3F3F3;background-position:center center; background-repeat:no-repeat;*font-size:0;*line-height:0;}
.index_hotlink li a:hover{border-bottom:5px solid #E41828; background-color:#303030;}
.index_hotlink li.hotlink_1 a{background-image:url(../images/2016page/hotlink_1.png);}
.index_hotlink li.hotlink_2 a{background-image:url(../images/2016page/hotlink_2.png);}
.index_hotlink li.hotlink_3 a{background-image:url(../images/2016page/hotlink_3.png);}
.index_hotlink li.hotlink_4 a{background-image:url(../images/2016page/hotlink_4.png);}
.index_hotlink li.hotlink_5 a{background-image:url(../images/2016page/hotlink_5.png);}
.index_hotlink li.hotlink_1 a:hover{background-image:url(../images/2016page/hotlink_1_on.png);}
.index_hotlink li.hotlink_2 a:hover{background-image:url(../images/2016page/hotlink_2_on.png);}
.index_hotlink li.hotlink_3 a:hover{background-image:url(../images/2016page/hotlink_3_on.png);}
.index_hotlink li.hotlink_4 a:hover{background-image:url(../images/2016page/hotlink_4_on.png);}
.index_hotlink li.hotlink_5 a:hover{background-image:url(../images/2016page/hotlink_5_on.png);}

/*----首页车型列表------------*/
.index_product .column_content{position:relative;margin:0 auto; width:100%;max-width:840px;overflow:hidden;}
.index_product ul{position:relative;list-style-type:none; white-space:nowrap;font-size:0;zoom:1; width:100%;}
.index_product li{width:50%;position:relative;display:inline-block;*display:inline;margin-right:-0.5em;zoom:1; overflow:hidden; background:url(../images/tm.gif); padding-bottom:63px;}
.index_product a.mainurl{position:relative; display:block;width:368px; padding:207px 0 0;margin:0 auto;zoom:1;font-size:14px; white-space:normal; border-bottom:1px solid #AAAAAA;background:url(../images/tm.gif);}}
.index_product .img_container{position:absolute; padding:56.25% 0 0; height:0; overflow:hidden; width:100%; left:0; top:0;}
.index_product .img_container img{position:absolute;left:5%; top:0; width:90%; margin-top:2.8125%;}
.index_product h5{color:#000;font-size:1.25em; line-height:2em;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.index_product p{ color:#5D5D5D; height:5.25em; overflow:hidden;}
.index_product p.price{ text-align:right; height:auto; padding:1em 0 0; color:#000;}
.index_product p.price span{ font-size:1.25em; font-weight:bold;color:#E51628;}
.index_product a:hover h5{color:#E51628;}
.index_product .btn_pdf{ position:absolute; bottom:0; left:50%; margin-left:-184px;width:5.5em;font-size:18px; line-height:1.5em; padding:1em 0; color:#000; font-weight:bold;background:url(../images/2016page/icon_arw.png) no-repeat right center;}
.index_product .btn_testdrive{position:absolute; bottom:0; right:50%;margin-right:-184px;color:#E51628;font-size:12px;padding:1.5em 0;line-height:2.25em;}
.index_product .btn_wydc{position:absolute; bottom:0; right:50%;margin-right:-184px;color:#E51628;font-size:12px;padding:1.5em 0;line-height:2.25em;}

.index_product .btn_testdrive span{ font-weight:bold; color:#000;font-size:18px;line-height:1.5em; vertical-align:baseline;}
.index_product .btn_wydc span{ font-weight:bold; color:#000;font-size:18px;line-height:1.5em; vertical-align:baseline;}

.index_product .btn_testdrive b{font-size:18px;line-height:1.5em; vertical-align:baseline;}
.index_product .btn_wydc b{font-size:18px;line-height:1.5em; vertical-align:baseline;}

.index_product .scroll_bar,.index_product .scroll_num{ display:none;}
.index_product .scroll_btn{ text-align:center;}
.index_product .scroll_btn a{ display:inline-block;zoom:1;width:1em;padding:1em 0 0;height:0; overflow:hidden; background:#AAA; border-radius:0.5em; margin:0 0.5em;}
.index_product .scroll_btn a.current{background:#E51628;}
.index_product .scroll_prev,.index_product .scroll_next{position:absolute;top:0;margin-top:100px;width:0;height:0;padding:3.5em 0 0 2em;background-repeat:no-repeat;background-position:center center;background-size:100%; z-index:6;}
.index_product .scroll_prev{left:0;background-image:url(../images/2016page/product_prev.png);}
.index_product .scroll_prev:hover{background-image:url(../images/2016page/product_prevon.png);}
.index_product .scroll_next{right:0;background-image:url(../images/2016page/product_next.png);}
.index_product .scroll_next:hover{background-image:url(../images/2016page/product_nexton.png);}
.index_product .noshow{ display:none;}

/*----首页热点活动------------*/
.index_market ul{list-style-type:none;overflow:hidden;zoom:1;}
.index_market li{float:left;width:50%; width:49.9%; position:relative; left:0.1%;}
.index_market li a{ position:relative; display:block; padding:51.875% 0 0; height:0; width:100%; overflow:hidden;}
.index_market .img_container{ position:absolute; left:0; top:0; width:100%;padding:51.875% 0 0; height:0;overflow:hidden;}
.index_market .img_container img{position:absolute; left:0; top:0; width:100%;}
.index_market .iea,.index_market h3,.index_market p{-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.index_market .iea{ background:#000;opacity:0;filter:alpha(opacity=0);}
.index_market .txt_container{ position:absolute; left:50%; margin-left:-210px; bottom:1em; padding-bottom:1.5em; width:432px;*background:url(../images/2016page/tomore.png) no-repeat center bottom; text-align:center; color:#FFF;/*text-shadow:1px 1px 5px rgba(0,0,0,1);*/ z-index:6;}
.index_market .txt_container:after{content:"了解更多 MORE";position:absolute;left:50%;bottom:0em; margin-left:-4em;}
.index_market .txt_container:before{content:"+";position:absolute;left:50%;bottom:0em; margin-left:3.5em;color:#E51628;font-weight:bold;}
.index_market .txt_container h3{font-size:1.25em; line-height:1.5em;min-height:1.5em;}
.index_market .txt_container p{ text-align:justify; height:0; overflow:hidden; word-break:break-all;background:url(../images/2016page/line.png) no-repeat center top;}
.index_market a:hover .iea{opacity:0.3;filter:alpha(opacity=30);}
.index_market a:hover .txt_container p{height:5.25em; padding-top:1.25em;}
.index_market a:hover .txt_container h3{ padding-bottom:1em;}

/*----首页新闻------------*/
.index_news ul{ position:relative; margin:0 auto; list-style-type:none;overflow:hidden;zoom:1; width:95%; max-width:800px; }
.index_news li{ width:352px; float:left;*margin-bottom:-5px;}
.index_news li a{position:relative;display:block;}
.index_news .img_container{position:relative; display:block;width:100%;padding:56.25% 0 0; height:0;overflow:hidden;}
.index_news .img_container img{position:absolute; left:0; top:0; width:100%;}
.index_news .txt_container {display:block;padding:6.25% 0 25%;*background:url(../images/2016page/news_more.png) no-repeat left bottom;}
.index_news .txt_container .time{position:absolute;left:0;bottom:1em; line-height:3em; font-size:16px; font-weight:bold; color:#E41828;}
.index_news .txt_container:after{content:"了解更多 >";position:absolute;left:0;bottom:1em;width:100%; text-align:right;  line-height:3em; font-size:16px; font-weight:bold; color:#000;border-top:1px solid #B2B2B2;}
.index_news .txt_container h3{font-size:17px; line-height:1.25em; height:3.75em;overflow:hidden; color:#353535;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.index_news .txt_container p{font-size:14px;line-height:1.75em; height:5.25em;overflow:hidden; color:#9F9F9F; word-break:break-all;}
.index_news a:hover .txt_container h3{color:#E51628;}


.index_news li:nth-child(2n+1){float:left; clear:left;}
.index_news li:nth-child(2n){float:right;clear:right;}
.index_news li.no_1,.index_news li.no_3,.index_news li.no_5{float:left; clear:left;}
.index_news li.no_2,.index_news li.no_4,.index_news li.no_6{float:right;clear:right;}


/*首页预约试驾*/
.page_index {}
.test_drive{margin:0 auto; background-color:#936;/* position:absolute; top:0; left:0; opacity:0; z-index:-1;*/ display:none; background:none;}
.layer_place{position: relative;width: 1px;overflow: hidden;margin: 0 0 0 -1px;height: 100%;visibility: hidden;display: inline-block;vertical-align: middle; display: inline-block;}
.test_driveshow{ position:fixed; top:0; left:0; bottom:0;right:0; display:block; z-index:1000;}
.test_driveinfo .test_driveinfo_content .btn_close{ margin-top:2%; margin-right:2%; position:absolute; top:0; right:0;}
.test_driveinfo .test_driveinfo_content .btn_close img{ width:20px;}
.page_index #newlayer .layer_bg{ background:url(../images/2016page/fuzhu/tm_white.png)}
.test_driveinfo{ background-color:#fff; height:500px;box-shadow:0px 0px 16px #888888;-moz-box-shadow:0px 0px 16px #888888;-o-box-shadow:0px 0px 16px #888888;-webkit-box-shadow:0px 0px 16px #888888;/* padding:5% 10% 3% 10%;*/box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box; vertical-align:middle; display:inline-block; width:920px; max-width:90%;}
.test_driveinfo .test_driveinfo_content{padding:5% 10% 3% 10%; margin:0 auto; position:relative;}
.test_driveinfo .title{ text-align:center;}
.test_driveinfo .title h4{ font-size:18px; font-weight:normal; margin-bottom:0.5%;}
.test_driveinfo .title p{ color:#989898; font-size:14px;}
.test_driveinfo .content{ margin-top:4%; height:300px; overflow:hidden; overflow-y:auto; position: relative;}
.test_driveinfo .content ul{ list-style:none; overflow:hidden;}
.test_driveinfo .content ul li{ list-style:none; font-size:18px; padding-left:12em; position:relative; overflow:hidden; margin-bottom:15px;}
.test_driveinfo .content ul li .text_left{ position:absolute; left:0; top:0; display:block; line-height:34px; letter-spacing:1px} 
.test_driveinfo .content ul li .text_left i{ font-style:normal; color:#ff0000; position:relative; top:4px;}
.test_driveinfo .content ul li.provinces_cities .box{ width:50%;*width:42%; float:left; box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box; padding-right:2em; position:relative}
.test_driveinfo .content ul li.provinces_cities .box .text_right{ position:absolute; right:0.5em; top:0; line-height:34px; display:block;}
.test_driveinfo .content ul li.dealers{ padding-left:16.2em;}
.test_driveinfo .content ul li.times{ padding-left:0; }
.test_driveinfo .content ul li.times .box{ width:49%;*width:25%; float:left;position:relative;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box; padding-left:8.5em;}
.test_driveinfo .content ul li.times .box_two{ float:right;}
.test_driveinfo .content ul li.times .text_left i{ color:#fff;}
.test_driveinfo .line{ width:120%; margin:4% 0 4% -10%;}
.test_driveinfo .line img{ width:100%; display:block}
.test_driveinfo .content ul.self li{ width:48%;*width:30%; float:left;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box; padding-left:6em;}
.test_driveinfo .content ul.self li.liright{ float:right;}
.submit_btn { padding-top:20px;}
.submit_btn a{ display:block; margin:0 auto; width:120px; height:32px; line-height:32px; text-align:center; background-color:#e11d30; color:#fff;}




@media all and (min-width:0px){
	.index_hotlink li a{ background-image:none !important;}
	.index_hotlink li a:before{content:"";position:absolute; top:0; bottom:0; left:0; right:0; opacity:1; background-position:center center; background-repeat:no-repeat; background-size:contain;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
	.index_hotlink li a:after{content:"";position:absolute; top:0; bottom:0; left:0; right:0;  opacity:0;background-position:center center; background-repeat:no-repeat; background-size:contain;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
	.index_hotlink li a:hover:before{opacity:0;}
	.index_hotlink li a:hover:after{opacity:1;}
	.index_hotlink li.hotlink_1 a:before{background-image:url(../images/2016page/hotlink_1.svg);}
	.index_hotlink li.hotlink_2 a:before{background-image:url(../images/2016page/hotlink_2.svg);}
	.index_hotlink li.hotlink_3 a:before{background-image:url(../images/2016page/hotlink_3.svg);}
	.index_hotlink li.hotlink_4 a:before{background-image:url(../images/2016page/hotlink_4.svg);}
	.index_hotlink li.hotlink_5 a:before{background-image:url(../images/2016page/hotlink_5.svg);}
	.index_hotlink li.hotlink_1 a:after{background-image:url(../images/2016page/hotlink_1_on.svg);}
	.index_hotlink li.hotlink_2 a:after{background-image:url(../images/2016page/hotlink_2_on.svg);}
	.index_hotlink li.hotlink_3 a:after{background-image:url(../images/2016page/hotlink_3_on.svg);}
	.index_hotlink li.hotlink_4 a:after{background-image:url(../images/2016page/hotlink_4_on.svg);}
	.index_hotlink li.hotlink_5 a:after{background-image:url(../images/2016page/hotlink_5_on.svg);}
}

@media all and (min-width:1281px){
	.index_product .column_content{ max-width:1260px;}
	.index_product li{ width:33.33%;}
}

@media all and (min-width:1135px){
	.index_news ul{ width:96%;max-width:1200px;}
	.index_news li{float:left !important;clear:none !important; margin-right:calc(50% - 528px);}
	.index_news li:nth-child(3n){ margin-right:0;}

}
@media all and (min-width:1000px) and (max-width:1280px){
	.index_hotlink li a{background-size:contain;}
}
@media all and (min-width:768px) and (max-width:999px){
	.index_hotlink li {width:33.33%; margin-bottom:2px;}
	.index_hotlink li a{background-size:contain;}
	.index_hotlink li:nth-child(4),.index_hotlink li:nth-child(5){ width:50%;margin-bottom:0px;}
	.index_hotlink li:nth-child(4) a,.index_hotlink li:nth-child(5) a{padding:30% 0 0;}
	
	.index_market ul{ margin:0 2.5%;}
	.index_market li{ float:none; width:100%;}
	/*首页预约试驾*/
	.test_driveinfo .title h4{ font-size:16px;}
	.test_driveinfo .content ul li{ font-size:14px;}
}

@media all and (max-width:767px){
	.index_kv .kv_container{padding:128% 0 0;}
	/*.index_kv ul li video{ left:50%;top:0;height:100%;width:220%; margin:0 0 0 -110%;}*/
	.index_kv .forpc{ display:none;}	
	.index_kv .forwap{ display:block;}	
	.index_kv .scroll_prev,.index_kv .scroll_next{ display:none;}
	.index_kv .prev,.index_kv .next{ display:none;}

	/*添加一路书香kv*/
	.index_kv ul li.shux_li .car_type{position: absolute;top: 23.5%;left:0%;width:100%;}
	.index_kv ul li.shux_li .car_type .ur-v{width:52%;}
	.index_kv ul li.shux_li .car_type .inspire{margin-top: 1%;width:46.5%;}


	.index_hotlink li {width:33.33%; margin-bottom:2px;}
	.index_hotlink li a{background-size:contain;}
	.index_hotlink li:nth-child(4),.index_hotlink li:nth-child(5){ width:50%;margin-bottom:0px;}
	.index_hotlink li:nth-child(4) a,.index_hotlink li:nth-child(5) a{padding:30% 0 0;}
	
	.index_product .column_content{width:95%;}
	.index_product li{ width:100%; padding-bottom:4.375rem;}
	.index_product a.mainurl{ width:90%; padding:50.625% 0 0; font-size:12px;}
	.index_product .btn_pdf { font-size:1.25rem; left:5%; margin:0;}
	.index_product .btn_testdrive{ font-size:1.25rem; right:5%; margin:0; padding: 0 0 1em; line-height:1.5em;}
	.index_product .btn_testdrive b{ font-size:1.25rem}
	.index_product .btn_wydc b{ font-size:1.25rem}
	.index_product .scroll_prev,.index_product .scroll_next{margin-top:25%;padding:8.75% 0 0 5%;}
	
	.index_market li{ float:none; width:100%;padding:0 0 2em;}
	.index_market li a{ height:auto;padding:0; }
	.index_market .img_container{position:relative; display:block;}
	.index_market .iea{ display:none;}
	.index_market .txt_container{position:relative;display:block;margin:0 auto;left:0; bottom:0;padding:1em 0 2em; width:90%;text-align:left;color:#000; color:#000;text-shadow:1px 1px 1px rgba(255,255,255,.5);}
	.index_market .txt_container h3{ min-height:0; padding-bottom:0.5em; text-align:center;}
	.index_market .txt_container:after{ color:#000;}
	.index_market .txt_container p{height:auto;padding-top:0.75em;background:url(../images/2016page/line_wap.png) no-repeat center top;}
	.index_market a:hover .txt_container p{height:auto; padding-top:0.75em;}
	.index_market a:hover .txt_container h3{ padding-bottom:0.5em;color:#E51628;}
	
	.index_news ul{ width:90%;}
	.index_news li{ float:none !important; width:100%;}
	.index_news .txt_container{ padding:1em 0 5em;}
	.index_news .txt_container:before,.index_news .txt_container:after{ font-size:12px;}
	.index_news li:nth-child(1),.index_news li:nth-child(2){ display:block;}
	.index_news .txt_container h3,.index_news .txt_container p{ height:auto;}
	.index_news .txt_container .time{ font-size:12px;}
	
	.test_driveinfo .content ul li{ font-size:14px;}
	.test_driveinfo{ height:400px;}
	#newlayer .btn_close{ margin-top:-43%;}
	.test_driveinfo{ /*padding:5% 5% 3% 5%*/}
	.test_driveinfo .content{ height:295px;}
	.page_index #newlayer .layer_container{ max-width:95%;}
	.test_driveinfo .content ul li{ padding-left:0; margin-bottom:10px;}
	.test_driveinfo .content ul li .text_left{ position:static; text-align:left;}
	.test_driveinfo .content ul li.dealers{ padding-left:0;}
	.test_driveinfo .content ul li.times .box{ width:100%; padding-left:0;}
	.test_driveinfo .content ul li.times .text_left i{ display:none;}
	.test_driveinfo .content ul.self li{ padding-left:0; width:100%;}
	.test_driveinfo .title{ width:120%; margin-left:-10%;}
	
	
	
}
@media all and (max-width:479px){
	.index_market .txt_container{background-size:30%;}

}
@media all and (max-width:319px){
	.index_product .btn_pdf{ display:none;}
	.index_news .txt_container:before{ display:none;}
}