/*头部banner*/
.banner{ width:100%; height:auto; overflow: hidden;}
.banner .banner_img { display: block; width: 100%;}
.banner .title{ color:#fff; margin-left:60px; text-align:left; padding-top:30px; overflow:hidden}
.banner .title h4{ font-size:40px; font-weight:bold; border-bottom:2px solid #fff; line-height:1.2em; float:left;text-shadow:1px 1px rgba(0,0,0,.3);}
.banner .title p{ font-size:16px; line-height:1.5em; clear:both;text-shadow:1px 1px rgba(0,0,0,.3);}
.banner .title p a{ color:#fff}
.banner .title p a:hover{ color:#ED002D}

/*定位*/
.location-search{ width: 100%; max-width: 1200px; margin: 0 auto; height:50px; line-height:50px; background-color:#c90229}
.location{ float:left; text-align:left; color:#fff; font-size:13px; padding-left:5.4%;}
.location a{ color:#fff}
.search{ border:1px solid #fff; height:34px; line-height:34px; width:25%; float:right; margin-right:4%; position:relative; top:8px; text-align:left;}
.search input{ height:32px; line-height:32px; width:78%; padding-left:4%; border:0; background:none; color:#fff; font-size:14px;}
.search input::-webkit-input-placeholder { /* WebKit browsers */ color: #fff;} 
.search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; } 
.search input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; } 
.search input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; } 
.search button{ width:14%; text-align:center; border:0; background:none; vertical-align:middle}
.search button img{ vertical-align:middle}
/*主要内容区域*/
.container { width: 100%; max-width: 1200px; margin: 0 auto;}
.container .big-title{ border-top:1px solid #c90229; text-align:left; margin-top:12px;}
.container .big-title img{ position:relative; top:-1px; width:16.67%;}
.allintroduce{ margin:0 4%; height:0; padding-top:37%; position:relative; overflow:hidden}
.allintroduce .title{ text-align:left; background-color:#ffffff; font-size:26px; padding:2% 0}
.allintroduce .boutique_kv{ position: absolute; top:0; left:0; width:100%;}
.kv_content{ background-color:#f0f0f0;}
.introduce{ overflow:hidden; position:relative}
.introduce .left{ width:50%; float:left}
.introduce .left img{ width:100%;}
.introduce .right{ float:right; width:44%; padding:3%; text-align:left}
.introduce .right .title{ font-size:26px; line-height:36px; background-color:#f0f0f0; height:40px; padding:0; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; border-bottom:1px solid #fff}
.introduce .right .share_detail .title{ color:#5d5d5d; font-size:14px; border-bottom:1px solid #f0f0f0; float:none; text-align:left; background:#fff; height:29px; line-height:28px;}
.introduce .right .share_detail{ bottom:0;}
.introduce .right .num{ font-size:14px; line-height:36px; border-bottom:1px solid #fff}
.introduce .right .price{ font-size:14px; line-height:36px; border-bottom:1px solid #fff}
.introduce .right .price span{ font-size:20px; color:#c90229; font-weight:bold; position:relative; top:2px;}
.prod-introduct{ padding:6px 0; border-bottom:1px solid #fff}
.prod-introduct h4{ font-size:16px; line-height:24px; margin-bottom:4px; }
.prod-introduct p{ font-size:14px; margin-bottom:4px;}
.introduce .right .car-model{ font-size:14px; padding-top:14px;}
.introduce .right .great-share{ position:absolute; left:53%; bottom:6%; display: none;}
.introduce .right .great-share .button_share{ position:relative; cursor:pointer;}
.search_icon{ display:none}
/*KV*/
.boutique_kv ul{position:relative;list-style-type:none;}
.boutique_kv ul li{position:relative; padding:0 1px;}
.boutique_kv .kv_btn{text-align:center;position:absolute;right:0;top:5%;top:3%\9;white-space:nowrap; padding:0 20px; float:right}
.boutique_kv .kv_btn ul{list-style:none; float:right;}
.boutique_kv .kv_btn li{display:inline-block;*display:inline;padding:1em 0 0 1em;width:0;height:0;overflow:hidden;margin:0 0.5em;background:url(../images/boutique/kvbtn.png) no-repeat 0 0;background-size:100%;_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boutique/kvbtn.png',sizingmethod=scale);zoom:1;cursor:pointer;}
.boutique_kv .kv_btn li.on{background:url(../images/boutique/kvbtn_on.png) no-repeat 0 0;background-size:100%;_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boutique/kvbtn_on.png',sizingmethod=scale);}
.boutique_kv .prev{ padding:21px 0 0 10px;position: relative;left:-10px;top:-2px;background:url(../images/boutique/kvbtn_left.png) no-repeat 0 0;background-size:100%;_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boutique/kvbtn_left.png',sizingmethod=scale);float:right;}
.boutique_kv .next{padding:21px 0 0 10px;position: absolute;right:0;top:-2px;background:url(../images/boutique/kvbtn_right.png) no-repeat 0 0;background-size:100%;_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boutique/kvbtn_right.png',sizingmethod=scale);}
.boutique_kv .prev{margin-left:expression((document.body.clientWidth<1280)? ((document.body.clientWidth<961)?"13.25%":(2*this.offsetHeight)+"px"):"0");zoom:1;}
.boutique_kv .next{margin-right:expression((document.body.clientWidth<1280)? ((document.body.clientWidth<961)?"13.25%":(2*this.offsetHeight)+"px"):"0");zoom:1;}


.condition{ margin:30px 4%;}
.condition ul{ list-style:none; overflow:hidden}
.condition li{ list-style:none; float:left; width:33.33%;overflow:hidden; text-align:left; height:32px; line-height:32px; font-size:14px;}
.condition li select,.condition li input{ vertical-align:top}
.condition li.chose-model{ width:23%;}
.condition li.chose-model div{ border:1px solid #d6d6d6; background:url(../images/boutique/select_icon.png) no-repeat right center; height:30px; position:relative}
.condition li .text{ float:left}
.condition li div span{ position:absolute; top:0; left:0; right:0; bottom:0; display:block; z-index:1; padding-left:10px;}
.condition li.chose-price{ width:23%; margin-left:3%;margin-right:3%;}
.condition li.chose-price div{ border:1px solid #d6d6d6; background:url(../images/boutique/select_icon.png) no-repeat right center; height:30px;}
.condition li.chose-search{ width:48%; float:right;}
.condition li.chose-search .searchinfo{width:60%; border:1px solid #d6d6d6; height:30px; line-height:30px; position:relative}
.condition li.chose-search .searchinfo div{ width:50%;}
.condition li.chose-search .searchinfo input{ width:82%; height:30px; line-height:30px; border:0; background:none; padding-left:4%;}
.condition li.chose-search .searchinfo button{ width:14%; border:0; height:30px; line-height:30px; background-color:#c90229; position:absolute; top:0; right:0;}
.condition li.chose-search .searchinfo button img{ vertical-align:middle}
.condition li div{ float:right; width:64%; position:relative}
.condition li div select{width:100%; height:30px; line-height:30px; opacity:0;filter:alpha(opacity=0); position:relative; z-index:2; left:-1px;}
.condition li div select option{ padding:6px 0; line-height:30px;}

.result{ margin:0 4%;}
/*.result .result_nav ul,.result .result_nav ul li{ list-style:none}
.result .result_nav ul { overflow:hidden;}
.result .result_nav ul li{ float:left; width:20%; background-color:#fff}
.result .result_nav ul li a{ display:block; width:99.5%; background-color:#e2e2e2;}*/
/*--滑动门--------------*/
.sd_column .sd_btn{position:relative;}
.sd_column .sd_btn ul{overflow:hidden; list-style-type:none; margin-bottom:-1px;}
.sd_column .sd_btn ul li{float:left; width:19.9%; background-color:#fff}
.sd_column .sd_btn ul li a{display:block; width:99.4%; background-color:#e2e2e2; font-size:16px; padding:15px 0;color:#5d5d5d}
.sd_column .sd_btn ul li a:hover{ color:#5d5d5d}
.sd_column .sd_btn ul li.current a{ background:#c90229; color:#fff; font-size:20px;}
.sd_column .sd_content{ padding:0; overflow:hidden; position:relative}
.sd_column .sliding_on {height:auto;}
.sd_column .sd_btn .slidingbtn_up{ display:none;}
.sd_column .sd_btn .slidingbtn_dn{ display:none;}
.sd_column .sd_btn .nohave{opacity:0.5;filter:alpha(opacity=50);}
.sd_column .sd_content .sd_title{ position:absolute; left:0; top:0; visibility:hidden; height:0; overflow:hidden;}
.sd_column .into_content{ overflow:hidden;}
.sd_column .into_content ul{ width:101.9%; margin-left:-1%; overflow:hidden;}
.sd_column .into_content ul li{ width:25%; float:left; margin-top:25px;}
.sd_column .into_content ul li .box{ width:90%; margin:0 auto; border:1px solid #fff; background-color:#e2e2e2}
.box .goods_pic { overflow:hidden; width:100%;}
{-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;transition:all 1s ease-out;}
.sd_column .into_content ul li .goods_pic img{ width:100%;-webkit-transition:all 1s ease ;transition:all 1s ease ;}
.sd_column .into_content ul li:hover .goods_pic img{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);} 
.box .price{ height:50px; line-height:52px; color:#c90229; font-size:16px; font-weight:bold}
.box .introduce{ overflow:hidden; line-height:50px; height:50px; position: relative; width:92%; margin:0 auto; border-top:1px solid #fff}
.box .introduce h4{line-height:50px; height:50px;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;font-size:16px;}
li:hover .box .introduce h4{ line-height:50px; height:50px;white-space: nowrap;text-overflow: ellipsis; overflow:hidden; text-align:center; font-size:16px;}
.box .introduce img{ width:14px; vertical-align: middle;}
.box .introduce .great-share{ float:right; line-height:50px; height:50px; position:absolute; top:0; right:0; display:none;}
li:hover .box .introduce .great-share{ display:none}
.sd_column .into_content ul li .box:hover{ background-color:#fff;border:1px solid #c90229;}
.sd_column .into_content ul li .box:hover .introduce{border-top:1px solid #f3f3f3}

.page{ font-size:18px; margin:26px 0;}
.page .pagebtn{ margin:0 2%;}
.page .pagebtn a{ margin:0 0.5%; font-weight:bold}
.page .pagebtn a.current{color:#ED002D;}
.page a img{ vertical-align: baseline}
.page input{ border:1px solid #999; text-align:center;}



.page_boutique .box .introduce{ overflow: inherit;}
.box .introduce .great-share .share_detail img{ width:auto;}
.box .introduce .share_detail{ margin-left:-139px; bottom:14px}
.box .introduce .great-share .button_share{ cursor:pointer}


.details{ position:fixed; top:0; left:0; right:0; bottom:0; background:url(../images/knowledge-popularization/tm.png) 0 0 repeat; z-index:10; display:none}
.details .box{margin: 0 auto;background:#f0f0f0;position: absolute;top: 50%;left: 50%;margin-left: -425px;margin-top: -146px; width:849px;}
.details .left{ width:50%; float:left}
.details .left img{ width:100%; max-width:613px;}
.details .right{ float:right; width:44%; padding:1.9% 3% 3%; text-align:left}
.details .right .title{ font-size:26px; line-height:36px; background-color:#f0f0f0; height:40px; padding:0; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; border-bottom:1px solid #fff}
.details .right .share_detail .title{ color:#5d5d5d; font-size:14px; border-bottom:1px solid #f0f0f0; float:none; text-align:left; background:#fff; height:29px; line-height:28px;}
.details .right .share_detail{ bottom:0;}
.details .right .num{ font-size:14px; line-height:36px; border-bottom:1px solid #fff}
.details .right .price{ font-size:14px; line-height:36px; border-bottom:1px solid #fff}
.details .right .price span{ font-size:20px; color:#c90229; font-weight:bold; position:relative; top:2px;}
.details .prod-introduct{ padding:6px 0; border-bottom:1px solid #fff}
.details .prod-introduct h4{ font-size:16px; line-height:24px; margin-bottom:4px; }
.details .prod-introduct p{ font-size:14px; margin-bottom:4px; height:40px; overflow-y:auto;}
.details .right .car-model{ font-size:14px; padding-top:14px;}
.details .right .great-share{ position:absolute; left:53%; bottom:6%;}
.details .right .great-share .button_share{ position:relative; cursor:pointer;}
.details .box .close{ position:absolute; top:10px; right:10px; cursor:pointer}
.details .box .close img{ margin:0;}

@media all and (max-width:1200px){
  .banner .banner_img { width: 180%; margin-left: -40%;}
}

@media all and (min-width:768px) and (max-width:959px){
.introduce .right .title{ font-size:22px; height:30px; line-height:20px;}	
.introduce .right .num{ line-height:28px;}
.introduce .right .price{ line-height:28px;}
.prod-introduct{ padding:4px 0;}
.introduce .right .car-model{ padding-top:6px;}
.condition li.chose-model{ width:24%;}
.condition li.chose-price{ margin:0 1%; width:26%}
.condition li.chose-search{ width:47%}
.sd_column .into_content ul li{ width:33.33%;}
.sd_column .into_content ul{ width:102%; margin-left:-1.4%;}
.condition li.chose-search .searchinfo{ width:52%;}
	
}
@media all and (min-width:0px) and (max-width:767px){
/*.banner{height:129px;}*/
.banner .title{ margin-left:32px;}
.banner .title h4{ font-size:18px;}
.banner .title p {font-size:12px;}	
.container .big-title img{ width:40%;}
.allintroduce .title{ font-size:18px; padding:4% 0;}
.boutique_kv .kv_btn{ top:2%;}
.condition li .text{ float:none}
.condition li.chose-model{ width:100%; float:none; height:auto}
.condition li.chose-price{ width:100%; float:none; margin:0; height:auto}
.condition li.chose-search{ width:100%; float:none; margin:0; height:auto}
.allintroduce{ padding-top:0; height:auto}
.allintroduce .boutique_kv{ position:static}
.introduce .left{ width:100%; float:none}
.introduce .right{ float:none; width:auto}
.introduce .right .car-model{ padding-top:10px;}
.introduce .right .great-share{ position:static; padding-top:20px;}
.condition li div{ float:none; width:100%;}
.condition li.chose-search .searchinfo{ float:none; width:100%;}
.condition li.chose-search .searchinfo button{ width:36px;}
.sd_column .sd_btn ul li{ width:50%; margin-bottom:2px;}
.sd_column .into_content ul li{ width:100%;}
.sd_column .into_content ul li .box{ width:96.6%;}
.location-search{ position:relative;}
.location{ font-size:13px;}
.location-search .search_icon{ position:absolute; top:0; right:4%;}
.location-search .search_icon img{ width:20px; vertical-align:middle}
.search{ width:100%; background-color:#f0f0f0; border:0; top:50px; color:#5d5d5d; position:absolute; z-index:10; border-bottom:1px solid #000; display:none; margin:0; padding:0;}
.search input{ color:#5d5d5d;}
.search_icon{ display:block}
.search input::-webkit-input-placeholder { /* WebKit browsers */ color: #5d5d5d;} 
.search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #5d5d5d; } 
.search input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #5d5d5d; } 
.search input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #5d5d5d; } 
.search button img{ display:none}

.details .box{ padding:30px 4% 20px; width:82%; margin-left:-45%;top:0; margin-top:10%;}
.details .left img{ display:block; width:90%; margin:0 auto;}
.details .box .close{ top:8px; right:8px;}
.details .box .close img{ width:18px;}
.details .box .contain{ width:100%;}
.details .box .contain img{ width:40%; min-width:120px; margin-right:4%}
.details .left{ float:none; width:100%;}
.details .right{float:none; padding:2% 3% 3%; width:auto; height:200px; overflow-y:auto;}
.details .prod-introduct p{ height:auto;}
.details .right .title{ font-size:16px; line-height:30px;}
.details .right .num{ line-height:36px;}
.details .right .price{ line-height:36px;}

}