@charset "utf-8";/*--------------------------
东风柳州乘龙汽车网站2016版 车型展厅
作者：chihong
qq:2586334408
---------------------------*/{}
/*----车型展厅------------*/
.column_products {padding-top:5%;position:relative;overflow:hidden;}
.column_products .products_content{overflow:hidden;zoom:1;padding-bottom:5%;padding-top:5.5em;margin-top:-5.5em;}
.column_products h3{border-bottom:1px solid #999;margin-bottom:2.5%;font-size:2em;color:#101010;line-height:2em;padding:0 0 0 1em;background:url(/uploads/image/wi2016page/nav.png) no-repeat 0.5em center;}
.column_products article{width:24%;position:relative;left:2%;float:left;text-align:center;margin-bottom:1em;}
.column_products article a{display:block;padding:75% 0 0;height:6.25em;}
.column_products article .img_container {padding:75% 0 0;position:absolute;left:0;top:0;width:100%;display:block;height:0;overflow:hidden;}
.column_products article .img_container img{ left:5%; width:90%; margin-top:3.75%;}
.column_products article h4{font-size:1.25em;line-height:1.5em;color:#101010; white-space:nowrap;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;}
.column_products article  a:hover h4.column_products article .price .ccolor{color:#3989c7;}
.column_products article .price strong{display:inline;font-size:1.5em;position:static;width:auto;height:auto;background:none;font-weight:lighter;color:#3989c7;border:0;margin:0;padding:0;}

/*----车型展示------------*/
.page_productinto .wrapper{background:#fff;}
.page_productinto .banner{background-image:none;}
.page_productinto .threemenu li {min-width:12.5%;_width:12.5%;}


.page_productinto .main_content{ width:1280px; min-width:0;max-width:93.75%;padding: 0 3.125%;}

#newlayer.newlayer360 #layer_content{ overflow:hidden;}
#newlayer.newlayer360 .btn_close {top:-25px;}
#newlayer.newlayer360 #layer_content iframe {position: absolute; left:0; right:0; top:-57px; bottom:0; max-height:none;}

.column_productinto{position:relative;overflow:hidden;margin:0 -25%;padding:0 25%;}
.column_productinto .product_content{padding-top:5.5em;margin-top:-5.5em;}
.product_sellingpoint .img_con{margin:0 -25%;position:relative;}
.product_sellingpoint img{width:100%;}
.product_sellingpoint .forwap{display:none;}
.product_sellingpoint .sellingpoint_bg1,.product_sellingpoint .sellingpoint_bg2{display:none;padding:14.0625% 0 0;height:0;overflow:hidden;background-repeat:no-repeat;background-position:center top;background-size:100%;}
/*.product_sellingpoint .sellingpoint_bg2{padding:12.5% 0 0;}
.牵引车 .sellingpoint_bg1{background-image:url(/uploads/image/wi2016page/product_bg_qyc01.jpg);}
.牵引车 .sellingpoint_bg2{background-image:url(/uploads/image/wi2016page/product_bg_qyc02.jpg);}
.载货车 .sellingpoint_bg1{background-image:url(/uploads/image/wi2016page/product_bg_zhc01.jpg);}
.载货车 .sellingpoint_bg2{background-image:url(/uploads/image/wi2016page/product_bg_zhc02.jpg);}
.工程车 .sellingpoint_bg1{background-image:url(/uploads/image/wi2016page/product_bg_gcc01.jpg);}
.工程车 .sellingpoint_bg2{background-image:url(/uploads/image/wi2016page/product_bg_gcc02.jpg);}
.专用车 .sellingpoint_bg1{background-image:url(/uploads/image/wi2016page/product_bg_zyc01.jpg);}
.专用车 .sellingpoint_bg2{background-image:url(/uploads/image/wi2016page/product_bg_zyc02.jpg);}*/


.product_photo h2{margin:5% auto 0;width:75%;padding:2.5% 0;height:1.5em;line-height:1.5em;color:#fff;font-size:1.5em;text-align:center;background:#3989c7;}
.product_photo ul{list-style-type:none;overflow:hidden;position:relative;zoom:1;margin:0 auto;width:93.75%;}
.product_photo li{width:25%;float:left;}
.product_photo a{position:relative;padding:56.25% 0 0;height:0;overflow:hidden;display:block;}
.product_photo .img_container{position:absolute;left:-1px;top:-1px;width:100%;padding:56.25% 0 0;display:block;overflow:hidden;}
.product_photo .y0 .step4,.product_photo .y0 .no2{margin-right:-0.5em;}
.product_photo .y0 .step1{clear:left;}
.product_photo .y0 .no1,.product_photo .y0 .no2,.product_photo .y0 .no3,.product_photo .y0 .no4{width:50%;}
.product_photo .y1 .step1{margin-right:-0.5em;}
.product_photo .y1 .step2{clear:left;}
.product_photo .y1 .no1{width:50%;margin-right:0;}
.product_photo .y1 .no2{width:50%;clear:none;}
.product_photo .y1 .no3,.product_photo .y1 .no4,.product_photo .y1 .no5{width:33.33%;}
.product_photo .y2 .step2{margin-right:-0.5em;}
.product_photo .y2 .step3{clear:left;}
.product_photo .y2 .no1,.product_photo .y2 .no2{width:50%;}
.product_photo .y3 .step3{margin-right:-0.5em;}
.product_photo .y3 .step4{clear:left;}
.product_photo .y3 .no1{width:66.66%;}
.product_photo .y3 .no2,.product_photo .y3 .no3{width:33.33%;margin-right:-0.5em;}
.product_photo .y01 .no1{width:100%;}

.column_productinto .product_config{position:relative;margin:0 -25%;padding:5.5em 25% 5%;background:#f1f1f1;}
.product_config h2{border:1px solid #ccc;margin:0 auto;background:#fff;width:93.75%;padding:2.5% 0;height:1.5em;line-height:1.5em;color:#101010;font-size:1.5em;text-align:center;}
.product_config .config_table{width:93.75%;margin:0 auto;}

.product_config .config_table .table_show{ position:relative; height:0; overflow:hidden;}
.product_config .config_table .sliding_on{ height:auto;}
.product_config .config_table .slidingdoor_title{list-style-type:none;overflow:hidden;zoom:1;width:100%;border:1px solid #ccc;border-top:none; margin:-1px -1px 0; background:#fff;display:flex;}
.product_config .config_table .slidingdoor_title li{text-align:center;cursor:pointer;border:1px solid #ccc;border-bottom:none;border-right:none;color:#fff;font-weight:bold;background:#879097;line-height:2em;padding:0.25em 0.75em;float:left;flex:1;}
.product_config .config_table .slidingdoor_title li:first-child{border-left:none;}
.product_config .config_table .slidingdoor_title li.current{ background:#3989c7;}
.product_config .config_table > table{ display:none;}
.product_config .table_con > table{display:none;}
.product_config .config_table table{border:0; border-collapse:collapse; color:#333; border-spacing:0;background:#f4f4f4; min-width:100%;}
.product_config .config_table caption{ display:none;}
.product_config .config_table td{ padding:0.5em 0.25em; border:1px solid #ccc; text-align:center; word-break:break-all;}
.product_config .config_table th{ padding:0.5em 0.5em; border:1px solid #ccc;text-align:left; font-weight:lighter;}
.product_config .config_table .bg_2{ background:#fbfbfb;}
.product_config .config_table tr:nth-child(2n){ background:#fbfbfb;}
.product_config .config_table thead td,.product_config .config_table thead th{ background:#e1e1e1; font-weight:bold; color:#101010;}
.product_config .config_table th.subh{background:#ededed;font-weight:bold;color:#101010;}
.product_config .config_table .price td{ color:#3989c7;font-weight:bold; }
.product_config .config_table .price th{font-weight:bold; font-size:1.067em;}
.product_config .config_table_content{overflow:visible; position:relative;}
.product_config .config_scroll{max-height:600px; overflow:auto; position:relative;}
.product_config .config_table_content .config_scroll_cl,.product_config .config_table_content .config_scroll_tl{ padding-right:1px;}
.product_config .config_table_content .config_scroll_bar_s,.product_config .config_table_content .config_scroll_bar_h{ background:#3989c7; opacity:0.3;}

.product_config .config_table thead tr:first-child th:first-child{ min-width:240px;}
.product_config .config_table thead tr:first-child td{min-width:150px;}


@media all and (min-width:1667px){
	#newlayer.newlayer360 #layer_content iframe {top:-78px;}
}
@media all and (min-width:1158px){
	.page_productinto .threemenu .have360 li {min-width:11.1%;_width:11.1%;}
	.page_productinto .threemenu .n-sec-col-9 li{min-width:11.1%;}
	.page_productinto .threemenu .n-sec-col-10 li{min-width:10%;}
}
@media all and (max-width:1158px){
	.page_productinto .threemenu li.show360{ display:none;}
	/* .page_productinto .threemenu .have360 li {min-width:12.5%;} */
}
@media all and (min-width:768px){
	.product_config .config_scroll{max-height:80vh; }
}
@media all and (max-width:767px){
	.column_products .products_content{padding-top:calc(10% / 0.95   3.5em);margin-top:calc(0px - 10% / 0.95 - 3.5em);}
	.column_products article{width:48%;}
	
	.column_productinto{margin:0;padding:0;}
	.page_productinto .main_content{padding:0; max-width:100%;}
	/*.column_productinto .product_content{padding-top:calc(10% / 0.95   3.5em);margin-top:calc(0px - 10% / 0.95 - 3.5em);}*/
	.product_sellingpoint .img_con{margin:0;}
	.product_sellingpoint .forwap{display:block;}
	.product_sellingpoint .forpc{display:none;}
	.product_photo h2{width:calc(90% - 1px);border-right:1px solid #fff;}
	.product_photo ul{width:90%;}
	.product_photo li{width:50%;clear:none;margin-right:0;}
	.product_photo .y0 .step2{margin-right:-0.5em;}
	.product_photo .y1 .step1,.product_photo .y1 .step3{margin-right:-0.5em;}
	.product_photo .y1 .step2,.product_photo .y1 .step4{clear:left;}
	.product_photo .y1 .no1,.product_photo .y1 .no3{margin-right:0;}
	.product_photo .y1 .no2,.product_photo .y1 .no4{clear:none;}
	.product_photo .y3 .step1,.product_photo .y3 .step3{margin-right:-0.5em;}
	.product_photo .y3 .step2,.product_photo .y3 .step4{clear:left;}
	.product_photo .y3 .no1{margin-right:0;}
	.product_photo .y3 .no2{clear:none;margin-right:-0.5em;}
	
	.product_config .config_scroll{max-height:calc(90vh - 20vw); }
	.product_config .config_table,.product_config .config_table td,.product_config .config_table th{ font-size:9px;}
	.product_config .config_table thead tr:first-child th:first-child{ min-width:28.8vw;}
	.product_config .config_table thead tr:first-child td{min-width:20vw;}


}
@media all and (max-width:479px){
 }
@media all and (max-width:319px){
	.column_products article{width:96%;}

}