@charset "utf-8";/*--------------------------
东风柳州汽车网站2017版 产品栏目
作者：chihong
QQ:2586334408
---------------------------*/{}
/*----产品------------*/
.wrapper {width:100%;}


/*----产品列表------------*/
.column_productlist{ position:relative;background:#D7E8EE;margin:-10% 0;}
.column_productlist .product_kv{position:relative;margin:0;width:100%;padding:0 0 23.4375%;height:0;overflow:hidden;*font-size:0;}
.column_productlist .product_kv img {width:100%;}
.column_productlist .product_title{padding:0 25px;height:4.5em; background:#D7E8EE; overflow:hidden; font-weight:bold; position:absolute; left:0; right:0;z-index:20;*margin:33.4375% 0 0;*top:0;}
.column_productlist .product_title a:link,.column_productlist .product_title a:visited,.column_productlist .product_title a:active{color:#000;}
.column_productlist .product_title a:hover{color:#CF0232;}
.column_productlist .product_title ul{list-style-type: none;float:left;}
.column_productlist .product_title li{float:left;}
.column_productlist .product_title li a{display:inline-block;*display:inline;line-height:4.5em;height:4.5em; padding:0 3em; background:url(../images/tm.gif); zoom:1;}
.column_productlist .product_title .current{ background:#FFF;}
.column_productlist .product_title a.productsite{ float:right; border:0.25em solid #000; position:relative; top:0.75em; line-height:2.5em; height:2.5em; padding: 0 3em;background:url(../images/tm.gif);zoom:1;}
.column_productlist .product_title a.productsite:hover{border:0.25em solid #CF0232; }
.column_productlist .productlist_content{background:#FFF;margin:0; padding:6em 5% 0; border:25px solid #D7E8EE; border-top:0; position:relative;}
.column_productlist .product_title{*margin:30% 0 0;}
.productlist{overflow:hidden; padding:0 0 0 4.5em;}
.productlist_content h2{position:relative; margin:0 0 0.5em -3em;background:url(../images/2016page/h_icon.jpg) no-repeat 1em center; background-size:0.5em;padding:0.5em 0 0.5em 1.75em; font-style:italic; line-height:1.25em; font-size:1.5em; color:#000;border-bottom:2px solid #D7E8EE;}
.productlist_content h3{clear:both; float:left;margin:0 0 -1.15em -2em;background:#FFF url(../images/2016page/h_icon.jpg) no-repeat left center; background-size:0.5em;padding:0.5em 0.75em 0.5em 0.75em; font-style:italic; line-height:1.25em; font-size:1.5em; color:#000;}
.productlist_content hr{ height:1px; overflow:hidden; border:0;background:#D7E8EE; clear:both; margin-bottom:1em;}
.productlist article{position:relative;float:left;width:24%; padding:18% 0 0;margin:0 1% 1em 0; height:6.75em; overflow:hidden;overflow:hidden;line-height:1.75em; text-align:center; color:#000;}
.productlist a,.productlist a:link,.productlist a:visited,.productlist a:active{color:#000;}
.productlist a:hover{color:#CF0232;}
.productlist article .img_container{position:absolute;padding:75% 0 0;overflow:hidden;height:0;width:100%; left:0; top:0; display:block;}
.productlist article .wait{ position:absolute; left:50%; top:50%; margin:-0.75em 0 0 -2em; font-size:1.5em; font-weight:bold; color:#FFF; line-height:1.5em; text-shadow:0px 0px 3px #000;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;transition:all 1s ease-out;}
.productlist a:hover .wait{text-shadow:0px 0px 3px #CF0232;}
.productlist article img{width:90%; margin:3.75% 0 0 5%;left:0;top:0; position:absolute;}
.productlist article h4{ font-size:1.5em; line-height:1.25em;}
.productlist article p{line-height:1.5em;}

/*----产品内容------------*/
.column_product{ position:relative;margin:-10% 0;background:#F7F7F7;}
.column_product .product_kv{position:relative;margin:0;width:100%;padding:0 0 37%;height:0;overflow:hidden;*font-size:0;}
.column_product .product_kv img {width:100%;}
.column_product .product_title{padding:2% 0;height:3em;background:#FFF;overflow:hidden;position:absolute;left:0;right:0;z-index:20;*margin:37% 0 0;*top:0;}
.column_product .product_title_content{ padding:0 2.5%; overflow:hidden; zoom:1;}
.column_product .product_title h1{ float:left; padding:0.4em 0; font-size:1.25em; line-height:1.6em; color:#000; white-space:nowrap;max-width:50%;}
.column_product .product_title img{max-height:1.6em; max-width:100%;vertical-align: middle;}
.column_product .product_title .btn_testdrive{ float:right;font-size:1.25em;  margin:0.4em; line-height:1.6em; padding:0 1em; border:1px solid #CF0232; border-radius:1em; background:#FFF;}
.column_product .product_title .btn_testdrive:hover{ background:#CF0232; color:#FFF;}
.column_product .product_title ul{ list-style-type:none;white-space:nowrap; line-height:2.4em;font-size:1.25em;}
.column_product .product_title li{ display:inline;}
.column_product .product_title li:first-child{ padding-left:0.5em;}
.column_product .product_title ul a{ display:inline-block;*display:inline; padding:0 0.75em;}
.column_product .product_title li.current a{ color:#CF0232;}

.column_product .product_content{ border-top:3em solid #F7F7F7; padding-top:4%;}
.column_product .product_content hgroup{ padding:2% 0; text-align:center;}
.column_product .product_content hgroup h3{ font-size:1em;line-height:1.75em; font-weight:lighter;}
.column_product .product_content hgroup h2{ font-size:2em; line-height:1.75em; font-weight:lighter;}
.column_product .base_content{ position:relative; background:#FFF; margin:0 2.5%; text-align:right; overflow:hidden;}
.column_product .base_content ul{ list-style-type:none;display:inline-block;*display:inline;}
.column_product .base_content li{display:inline-block;*display:inline;border-left:1px solid #F4F4F4;}
.column_product .base_content dl{display:inline-block;*display:inline;zoom:1; padding:3em;  text-align:left; white-space:nowrap;}
.column_product .base_content dl.price{ float:left;}
.column_product .base_content dd{ font-size:2em; line-height:1.25em; }
.column_product .base_content dd small{ font-size:0.5em;}
.column_product .hot_content{position:relative; background:#F23D47 no-repeat center center; padding:5% 0; margin:0 2.5%; text-align:center; color:#FFF;background-size:cover; font-size:1.5em;}
.column_product .hot_content .bg{position:absolute; left:0; right:0; top:0; bottom:0;opacity:0.8;filter:alpha(opacity=80);}
.column_product .hot_content ul{ list-style-type:none;}
.column_product .hot_content li{display:inline-block;*display:inline;border-left:1px solid #FFF;min-width:20%;}
.column_product .hot_content li:first-child{ border-left:0;}
.column_product .hot_content dl{position:relative;display:inline-block;*display:inline;zoom:1; padding:0 1em;  text-align:left; white-space:nowrap; }
.column_product .hot_content dt{ position:relative;line-height:1.5em; top:2.5em;}
.column_product .hot_content dd{position:relative;font-size:2em;line-height:1.25em; top:-0.75em;}
.column_product .hot_content dd small{ font-size:0.5em;}

.column_product .video_content{ padding:0 0 56.25%; height:0; overflow:hidden; position:relative;}
.column_product .productvideo{ position:absolute; left:0; right:0; top:0; bottom:0; background:#000;}
.column_product .productvideo video{ width:100%; height:100%;max-width:100%;max-height:100%;}
.column_product .productvideo embed,.column_product .productvideo object{width:100%; height:100%;max-width:100%;max-height:100%;}
.column_product .videotxt{ position:absolute; left:0; right:0; top:0; bottom:0; background:no-repeat center center; background-size:cover; text-align:center; color:#FFF;}
.column_product .videotxt h3{ padding:5% 0 2.5%; font-size:2.5em; font-weight:lighter; line-height:2em; position:relative;}
.column_product .videotxt img{ width:100%; position:absolute; left:0;top:0;}
.column_product .videotxt .playerbtn{ position:absolute; width:8%; height:0; margin:-4% 0 0 -4%; left:50%; top:50%; padding:8% 0 0; overflow:hidden;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/html/images/2017page/videoplay.png',sizingmethod=scale);}
.column_product .playing .videotxt{ display:none;}

.column_product .product_designconcept{ position:relative; padding:2.5% 0 7.5%;}
.column_product .designconcept_content{ margin:0 10px; overflow:hidden;}
.column_product .designconcept_content ul{ list-style-type:none;}
.column_product .designconcept_content li{ width:50%; float:left;}
.column_product .designconcept_content .img_container{ position:relative; width:100%; padding:0 0 43.75%; height:0; overflow:hidden; display:block;}
.column_product .designconcept_content .img_container img{ width:100%;}
.column_product .designconcept_content .txt_container{ padding:0.5em 5%; display:block;}

.column_product .product_sellingpoint{position:relative;width:100%;overflow:hidden; margin:2.5% 0;}
.column_product .product_sellingpoint .sellingpoint_content{position:relative;width:100%;overflow:hidden;}
.column_product .product_sellingpoint ul{position:relative;list-style-type:none; white-space:nowrap;zoom:1; z-index:5;}
.column_product .product_sellingpoint ul li{position:relative;width:100%;display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.column_product .product_sellingpoint ul li span{ position:absolute;left:0; right:0; bottom:0.5em; padding:0 5%;text-align:center; color:#FFF;text-shadow:1px 1px 1px #000; font-size:1.5em; white-space:normal;}
.column_product_cv .product_sellingpoint ul li span{bottom:0;filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#99000000,endColorStr=#99000000);
background: rgba(0, 0, 0, 0.6); text-align:left; padding:0.5em 5%;font-size:1.25em; }
.column_product .product_sellingpoint ul li span h3{ font-size:1.5em;}
.column_product .product_sellingpoint ul li img{width:100%;}
.column_product .product_sellingpoint .scroll_bar{display:none;}
.column_product .product_sellingpoint .scroll_prev{position:absolute;z-index:10;padding:5em 0 0 5em;width:0;height:0;overflow:hidden;top:-2.5em;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/html/images/2017page/icon_prev2.png',sizingmethod=scale); left:2%;margin-top:21.875%;}
.column_product .product_sellingpoint .scroll_next{position:absolute;z-index:10;padding:5em 0 0 5em;width:0;height:0;overflow:hidden;top:-2.5em;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/html/images/2017page/icon_next2.png',sizingmethod=scale);right:2%;margin-top:21.875%;}
.column_product .product_sellingpoint ul li a img{ position:relative;z-index:1;}
.column_product .product_sellingpoint .scroll_btn{display:none;}
.column_product .product_sellingpoint .scroll_num{ display:none;}

.column_product .product_config{ padding:2.5% 0 7.5%; text-align:center;}
.column_product .product_config a{ font-size:2em; position:relative; background:#FFF url(../images/2017page/btn_config.png) no-repeat 1em center; background-size:2em; line-height:2em; border-radius:1em; line-height:2em; display:inline-block; padding:0 1.5em 0 3.5em;}
.column_product .product_config a:before{ content:""; position:absolute; left:1em; top:0.25em; width:2em; height:1.5em;background:url(../images/2017page/btn_config_on.png) no-repeat; background-size:100%;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-ms-transition:all 1s ease-out;transition:all 1s ease-out;}
.column_product .product_config a:hover{ color:#FFF; background-color:#CF0232}
.column_product .product_config a:hover:before{opacity:1;filter:alpha(opacity=100);}

.column_product .product_link{ width:70%; max-width:1140px; overflow:hidden; margin:0 auto; padding-bottom:7.5%; }
.column_product .product_link a{ float:left; position:relative;width:25%;padding:25% 0 0; height:0; overflow:hidden;  text-align:center; background:no-repeat center center;  background-size:100%;}
.column_product .product_link a:hover{background-size:105%;}
.column_product .product_link a span{ position:absolute; bottom:0; width:100%; left:0; margin-bottom:10%;}
.column_product .product_link .btn_testdrive{ background-image:url(../images/2017page/product_btn1.jpg); }
.column_product .product_link .btn_dealers{ background-image:url(../images/2017page/product_btn2.jpg); }
.column_product .product_link .btn_credit{ background-image:url(../images/2017page/product_btn3.jpg); }
.column_product .product_link .btn_network{ background-image:url(../images/2017page/product_btn5.jpg); }
.column_product .product_link a.btn_site{ background-image:url(../images/2017page/product_btn4.jpg); color:#FFF; font-size:1.25em; margin-right:-0.5em;}
.column_product .product_link a.btn_site span{margin-bottom:50%;}
.column_product .product_link a.btn_site small{ font-size:0.8em; display:block;}

@media all and (min-width:0px){
	.column_product .videotxt .playerbtn{background:url(../images/2017page/videoplay.png) no-repeat 0 0;background-size:100%;filter:'';}
	.column_product .product_sellingpoint .scroll_prev{background:url(../images/2017page/icon_prev2.png) no-repeat 0 0;background-size:100%;filter:'';}
	.column_product .product_sellingpoint .scroll_next{background:url(../images/2017page/icon_next2.png) no-repeat 0 0;background-size:100%;filter:'';}
	.column_product .hot_content ul{ display:table; width:80%; margin: 0 auto;}
	.column_product .hot_content ul li{ display:table-cell;min-width:0%;}
}
@media (max-width: 1024px) and (min-width: 768px){
	.main_container {width:100%;}
	.productlist article{width:32%; padding:24% 0 0;}
	.column_product .base_content dl{ padding:3em 1.5em;}
	.column_product .hot_content{ font-size:1.25em;}
	.column_product .videotxt .playerbtn{width:12%;margin:-6% 0 0 -6%;padding:12% 0 0;}
	
	.column_product .product_sellingpoint ul li span{ font-size:1.25em;}
	.column_product .product_sellingpoint .scroll_prev{padding:4em 0 0 4em;top:-2em;}
	.column_product .product_sellingpoint .scroll_next{padding:4em 0 0 4em;top:-2em;}	
}
@media all and (min-width:0px) and (max-width:767px){
	.main_container {width:100%;}
	
	.column_productlist .product_title{line-height:3em;height:3em; margin:0%;}
	.column_productlist .product_title.adsorbent{margin-top:10%; margin-bottom:-10%;}
	.column_productlist .product_title .product_title_content{ display:table; width:100%;}
	.column_productlist .product_title ul{display:table-row;display:-webkit-flex;display:flex; float:none;}
	.column_productlist .product_title li{display:table-cell;-webkit-flex:1;flex:1;float:none;}
	.column_productlist .product_title ul a{display:block; padding:0; text-align:center;line-height:3em;height:3em;}
	.column_productlist .product_title a.productsite{ display:none;}
	
	.productlist{padding:0;}
	.productlist_content h2{margin:0 0 0.5em;background:url(../images/2016page/h_icon.jpg) no-repeat left center;background-size:0.5em;padding:0.5em 0 0.5em 0.75em;}
	.productlist_content h3{margin: 0 0 -1.15em; font-size:1.25em;}
	.productlist article{ width:50%; margin-right:0%; padding:37.5% 0 0;}
	
	.column_product .product_title{height:2em;}
	.column_product .product_title.adsorbent{margin-top:10%; margin-bottom:-10%;}
	.column_product .product_title h1{padding:0; font-size:1em; line-height:2em; }
	.column_product .product_title .btn_testdrive{ margin:0; font-size:1em; line-height:2em;}
	.column_product .product_title ul{line-height:2em;font-size:1em;}
	.column_product .product_title ul a{padding:0;}
	.column_product .product_content{ border-top:2em solid #FFF}
	.column_product .product_content hgroup{ padding:1em 0;}
	.column_product .product_content hgroup h2{ font-size:1.5em;}

	.column_product .base_content{text-align:center;font-size:0.667em;}
	.column_product .base_content dl{padding:1.5em 0.5em; }
	.column_product .base_content dl.price{ float:none; display:block; text-align:center; border-bottom:1px solid #F7F7F7;}
	.column_product .base_content ul{ display:table; width:100%;}
	.column_product .base_content ul li{ display:table-cell;}
	.column_product .base_content ul li:first-child{ border-left:none;}
	.column_product .hot_content{ font-size:0.667em; padding:10% 0;}
	.column_product .hot_content ul{  width:100%;}
	.column_product .hot_content ul li{min-width:0%;}
	.column_product .hot_content dl{ padding:0 0.5em;}
	
	.column_product .videotxt .playerbtn{width:16%;margin:-8% 0 0 -8%;padding:16% 0 0;}
	
	.column_product .designconcept_content li{ float:none; width:100%; padding-bottom:1em;}
	
	.column_product .product_sellingpoint .scroll_prev{padding:8% 0 0 8%;top:0; margin-top:17.825%;}	
	.column_product .product_sellingpoint .scroll_next{padding:8% 0 0 8%;top:0;margin-top:17.825%;}	
	.column_product .product_sellingpoint ul li span{ font-size:1em;}
	.column_product_cv .product_sellingpoint ul li span{ font-size:1em; position:relative; display:block; bottom:auto;}
	
	.column_product .product_config{ padding:2em 0;}
	.column_product .product_config a{ font-size:1.25em;}
	.column_product .product_link a{ width:50%; padding:50% 0 0;}
	
}
@media all and (min-width:0px) and (max-width:479px){
	.column_product .product_title{height:4em;}
	.column_product .product_title ul{ clear:both;}
	.column_product .product_title ul a{padding:0 0.5em;}
	.column_product .product_content {border-top: 4em solid #FFF;}
	.column_product_cv .product_title{height:2em;}
	.column_product_cv .product_title ul{ clear:none;}
	.column_product_cv .product_title ul a{padding:0;}
	.column_product_cv .product_content {border-top:2em solid #FFF;}
}
@media all and (min-width:0px) and (max-width:359px){
	.productlist article{ width:100%; margin-right:0%; padding:75% 0 0;}
}