/*头部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}
.search_icon{ display:none}

.dealer_inquiry_pc {
    display: block;
}


.condition{ margin:30px 11%;}
.condition ul{ list-style:none; overflow:hidden}
.condition li{ list-style:none; float:left; width:33.33%;overflow:hidden; text-align:left; height:28px; line-height:28px; font-size:14px;}
.condition li select,.condition li input{ vertical-align:top}
.condition li.chose-province{ width:20%;}
.condition li.chose-province div{ border:1px solid #d6d6d6; background:url(../images/boutique/select_icon.png) no-repeat right center; height:26px; position:relative}
.condition li .text{ float:left}
.condition li .textpc{ display:block}
.condition li .textwap{ display:none}
.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-car{ width:21%;margin-right:2%;}
.condition li.chose-car div{ border:1px solid #d6d6d6; background:url(../images/boutique/select_icon.png) no-repeat right center; height:26px;}
.condition li.chose-city{ width:20%; margin-left:2%;margin-right:2%;}
.condition li.chose-city div{ border:1px solid #d6d6d6; background:url(../images/boutique/select_icon.png) no-repeat right center; height:26px;}
.condition li.chose-search{ width:24%; float:left;}
.condition li.chose-search .searchinfo{width:55%;position:relative}
.condition li.chose-search .searchinfo div{ width:50%;}
.condition li.chose-search .searchinfo input{ width:96%; height:26px; line-height:26px;border:1px solid #d6d6d6;  background:none; padding-left:4%;}
.condition li.chose-search .searchinfo button{ width:14%; border:0; height:26px; line-height:26px; background-color:#c90229; position:absolute; top:0; right:0;}
.condition li.chose-search .searchinfo button img{ vertical-align:middle}
.condition li.order-btn{ width:8%; float:right;}
.condition li.order-btn button{ width:100%; background-color:#c90229; border:0; height:26px; line-height:26px; font-size:14px; color:#fff; font-weight:bold; text-align:center;}
.condition li div{ float:left; width:78%; position:relative; margin-right:6%}
.condition li div select{width:100%; height:26px; line-height:26px; opacity:0;filter:alpha(opacity=0); position:relative; z-index:2; left:-1px;}
.condition li div select option{ padding:6px 0; line-height:26px;}
.map{margin:50px 11% 0;}
.map img{ width:100%;}
.contact_map {
    width: 100%;
    height: 420px;
}
.stores{ margin:40px 11% 40px;; text-align:left}
.stores th,.stores td{ font-size:14px;}
.stores .stores_pc td{ padding-right:8px;padding-top:16px;}
.stores th{ text-align:left}
.stores .table_title th{ border-bottom:1px solid #c90229}
.stores .last{ position: relative; padding-right:100px;}
.stores .last a{ position:absolute; top:14px; right:0;}

.stores .stores_pc { display: table;}
.stores .stores_mobile { display: none;}
.stores .stores_mobile li { border-bottom: 1px solid #dcdcdc; padding: 10px 0;}
.stores .stores_mobile th { width: 90px;}
.stores .stores_mobile th,.stores .stores_mobile td { vertical-align: top;}
.stores .stores_mobile th,.stores .stores_mobile td { padding: 3px 0; }
.stores .stores_mobile .dealer_area { display: block; width: 80px;}

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


@media all and (min-width:768px) and (max-width:959px){
.condition{ margin:30px 6%}
.map{margin:50px 6% 0;}
.stores{ margin:40px 6% 30px; text-align:left}
.condition li.chose-province{ width:20%;}
.condition li.chose-city{ margin:0 1%; width:20%}
.condition li.chose-search{ width:25%}
.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;}
.condition li{ margin-bottom:12px;}
.condition li .textpc{ display:none}
.condition li .textwap{ display:block}
.container .big-title img{ width:40%;}
.condition li .text{ float:none; margin-bottom:6px;}
.condition li.chose-car{ width:100%; float:none; height:auto}
.condition li.chose-province{ width:100%; float:none; height:auto}
.condition li.chose-city{ width:100%; float:none; margin:0; height:auto}
.condition li.chose-search{ width:100%; float:none; margin-bottom:12px; 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:12px;padding-left:2%}
.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; } 
.condition li.chose-search .searchinfo input{ width:96%; padding-left:3%}
.search button img{ display:none}

.dealer_inquiry_pc {
    display: none;
}
.condition .dealer_inquiry_ul li {
    width: 49%; float: left;
}
.condition .dealer_inquiry_ul li .text {
    display: none;
}
.condition .dealer_inquiry_ul li.chose-province {
    margin-right: 2%;
}

.condition li.order-btn{ float:none; width:100%; text-align:center; height:32px; line-height:32px; margin-top:30px; margin-bottom:0;}
.condition li.order-btn button{ width:34%; font-size:18px; height:32px; line-height:32px;}
.map{ margin:0}
.stores{ margin:6%;}
.stores .last{ padding-right:0;}
.stores .stores_pc td{ padding-bottom:40px; border-bottom:1px solid #dcdcdc}
.stores .last a{ top:auto; bottom:12px;}

.stores .stores_pc { display: none;}
.stores .stores_mobile { display: block;}
}