/*头部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.60%;}
.allintroduce{ margin:0 4%; height:0; padding-top:37%; position:relative; overflow:hidden}
.allintroduce .title{ text-align:left; background-color:#ffffff; font-size:30px; padding:2% 0}
.search_icon{ display:none}
/*服务承诺*/
.artical{ margin:20px 4% 30px; overflow:hidden; font-size:14px;}
.articalleft{ text-align:left; width:61%; float:left;}
.articalleft p{ margin-bottom:1.8%}
.articalright{ width:32%; float:right; background-color:#eeeeee; padding:1% 2% 1%; text-align:left; font-size:16px;}
.articalright img{ vertical-align:middle; margin-right:18px;}
.articalright li{ padding:18px 10px; border-bottom:1px solid #fff }
.articalright li.last{ border-bottom:none;}
.articalright li.last img{ width:40px}
.bottom-banner{ position:relative;margin:0 4% 60px; }
.bottom-banner img{ width:100%; }
.bottom-banner .text{ position:absolute; top:33%; left:13%;}
.bottom-banner .text h4{ font-size:24px; color:#fff; margin-bottom:4%;}
.bottom-banner .text a{ color:#fff; color:#fff; display:inline-block; padding:2px 16px; border:1px solid #fff; font-size:14px;}
.bottom-banner .text a:hover{ background-color:#ED002D}
/*售后服务查询*/
.page_service-inquiry .container .big-title img{ width:22.67%}
.page_service-inquiry .container .big-title.big-power-title img{ width:31.67%}
.condition{ margin:30px 11%;}
.explain{ color:#c90229; font-size:14px; text-align:left; margin:18px 11% 0}
.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:10%;margin-right:10%;}
.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 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;}
.stores .last a{ position:absolute; top:14px; right:0;}
/*服务活动*/
.service-activity{}
.service-activity ul{ overflow:hidden; padding-left:7%; padding-right:2%;}
.service-activity ul li{ width:50%; float:left; margin-top:15px;}
.service-activity ul li .box{ width:90%;}
.service-activity ul li .box .pic{ width:100%; overflow:hidden; position:relative;} 
.service-activity ul li .box .pic img{ width:100%;-webkit-transition: all 1s ease;transition: all 1s ease;}
.service-activity ul li .box:hover .pic img{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.service-activity ul li.old-activity .box:hover .pic img{-moz-transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.service-activity ul li .box .text{ text-align:left; position:relative; background-color:#f0f0f0; padding:2px 10px;}
.service-activity ul li .box .text .great-share{ position:absolute; right:5px; top:7px; display: none;}
.service-activity ul li .box .text .great-share .button_share{ cursor:pointer;}
.share_detail{ margin-left:-145px; bottom:5px;}
.service-activity ul li .box .text h4{ font-size:16px;color:#c90229; width:70%; height:26px; line-height:26px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.service-activity ul li .box .text h4 a{color:#c90229;}
.service-activity ul li .box .text h4 a:hover{ text-decoration: underline}
.service-activity ul li .box .text .time{ border-bottom:1px solid #cccbca; font-size:10px;}
.service-activity ul li .box .text .time .end-time{ float:right}
.service-activity ul li .box .text .state{ color:#c90229}
.service-activity ul li.old-activity .box .pic img{/*-webkit-filter: grayscale(100%);*/ /* webkit */ /*-moz-filter: grayscale(100%); *//*firefox*//*-ms-filter: grayscale(100%); *//*ie9*//*-o-filter: grayscale(100%);*/ /*opera*/ /*filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);filter:gray;*/ /*ie9- */ }
.service-activity ul li .box .pic .activityend_icon{ position:absolute; width:100%; top:0; left:0; display:none;}
.service-activity ul li.old-activity .box .pic .activityend_icon{ display:block;}
.service-activity ul li.old-activity .box .text h4{ color:#65625f}
.service-activity ul li.old-activity .box .text h4 a{ color:#65625f}
.service-activity ul li.old-activity .box .text .state{ color:#65625f}
.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;}
/*服务活动详情页*/
.service-activityinfo{ overflow:hidden; width:91%; margin:0 auto; padding-top:20px;}
.service-activityinfo .left{ width:76%;padding-right:3%; border-right:1px solid #c7c7c7; margin-bottom:20px; float:left}
.service-activityinfo .left .title{ border-bottom:1px solid #c7c7c7; position:relative; margin-bottom:8px;}
.service-activityinfo .left .title .return{ position:absolute; right:4%; top:-20px; display:block; width:86px; height:30px; line-height:30px; background:url(../images/service-activity/return.png) no-repeat 15px center; border:1px solid #c7c7c7;text-indent:1.5em; font-size:14px; color:#c90229}
.service-activityinfo .left .title .return:hover{ background:#c90229 url(../images/service-activity/return-hover.png) no-repeat 15px center; color:#fff}
.service-activityinfo .left .title h4{ font-size:30px; color:#c90229; padding:8px 0;}
.service-activityinfo .left .title p{ line-height:30px; margin-bottom:4px; font-size:14px;}
.service-activityinfo .left .title p img{ vertical-align:middle; width:16px;}
.service-activityinfo .left .title p span{ margin:0 7px}
.service-activityinfo .left .title p span.nospace{ margin:0}
.service-activityinfo .left .contain p{ text-align:left; text-indent:2em; font-size:14px; line-height:22px; margin-bottom:20px;}
.service-activityinfo .left .contain p.img{ text-align:center; text-indent:0;}

.service-activityinfo .left .title .img{ line-height:30px; margin-bottom:4px; font-size:14px; text-align:center}
.service-activityinfo .left .title .img img{ vertical-align:middle; width:16px;}
.service-activityinfo .left .title .img span{ margin:0 7px}
.service-activityinfo .left .title .img span.nospace{ margin:0; display: none;}
.service-activityinfo .left .title .img span.button_share{ /*display: inline-block;*/ display: none; position:relative; cursor:pointer;}
.service-activityinfo .left .title .img .share_detail img{ width:121px;} 

.service-activityinfo .share_detail{ margin-left:-180px; bottom:-32px;}
.bottom_share{ text-align:right; padding:38px 0;}
.bottom_share img{ width:22px;}
.bottom_share span{ margin-right:18px;}
.service-activityinfo .right{ width:18%; padding-left:2%; float:right; text-align:left}
.service-activityinfo .right .title h4{ font-size:16px; height:28px; line-height:28px;}
.service-activityinfo .right ul{ padding-top:4px;}
.service-activityinfo .right li a { display:block;background:url(../images/service-activity/li_icon.png) left 7px no-repeat; padding:4px 0;  padding-left:1em; font-size:14px; }
.service-activityinfo .right li a:hover{background:url(../images/service-activity/li_iconhover.png) left 7px no-repeat;}

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

@media all and (min-width:768px) and (max-width:959px){
/*服务承诺*/
.articalleft{ width:58%}
.articalright{ width:36%; font-size:14px; padding:1% 1.5% 1%}
.articalright img{ vertical-align:middle; margin-right:10px; width:34px}
.bottom-banner .text{ top:29%; left:6%}
/*售后服务查询*/
.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%;}
.service-activityinfo .left .contain p img{ width:100%; position:relative; left:-2em;}
/*服务活动详情页*/
}
@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%;}
.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; } 
.search button img{ display:none}
/*服务承诺*/
.artical{margin:16px 6% 10px;}
.articalleft{ width:100%; float:none;}
.articalright{font-size:14px; padding:1% 1.5% 1%; float:none; width:auto}
.bottom-banner{margin:0 6% 30px}
.bottom-banner .text{ top:10%; left:7%}
.bottom-banner .text h4{ font-size:14px; font-weight:normal; margin-bottom:2%;}
.bottom-banner .text a{ font-size:12px; padding:0 10px; line-height:1.5em}
/*售后服务查询*/
.condition li{ margin-bottom:12px;}
.condition li .textpc{ display:none}
.condition li .textwap{ display:block}
.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%;}
.condition li.chose-search .searchinfo input{ width:96%; padding-left:3%}
.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 td{ padding-bottom:40px; border-bottom:1px solid #dcdcdc}
.stores .last{ display:none}
/*服务活动*/
.service-activity ul{ width:90%; margin:0 auto; padding:0;}
.service-activity ul li{ width:100%; float:none; margin-top:15px;}
.service-activity ul li .box{ width:100%;}
.service-activity ul li .box .text h4{ width:100%; }
.service-activity ul li .box .text .great-share{ display:none}
/*服务活动详情页*/
.service-activityinfo{ margin:10px 6% 10px; width:auto; padding-top:0; }
.service-activityinfo .left{ float:none;padding:0; border:0; margin:0; width:100%;}
.service-activityinfo .left .title{ border:0;}
.service-activityinfo .left .title .return{ display:none}
.service-activityinfo .left .title h4{ font-size:20px; text-align:center; padding-right:0; padding-bottom:0;}
.service-activityinfo .left .title p{ font-size:12px;}
.service-activityinfo .left .title p span.nospace{ display:none}
.service-activityinfo .left .title p span{ margin:0 1px;}
.service-activityinfo .left .contain p.img img{ width:100%;}
.service-activityinfo .right{ display:none}
.bottom_share{ display:none}
.service-activityinfo .left .contain p img{ width:100%; position:relative; left:-2em;}
}