@import url(ncate.css);
@import url(animate.css);
@import url(buttons.css);
@import url(menu.css);

.hidden { display:none }
.none{ display:none;}


.clear{ clear:both;}
/*顶部右边功能区*/

.dl-menu-button:before {
  content: "";
  position: absolute;
  top: 5px;
  right: 3px;
  border-bottom: 17px double #fff;
  border-top: 6px solid #fff;
  width: 30px;
  height: 5px;
}

/*右侧导航*/

.toolbar {
	top: 0;
    left: 0;
    right: 0;
    background-color: transparent;  
}
.menu-button:before {
  content: "";
  position: absolute;
  top: 12px;
  right: 8px;
  border-bottom: 12px double #fff;
  border-top: 4px solid #fff;
  width: 30px;
  height: 5px;
}
.menu-left {
  float: right; 
  margin-right: 1.5em;
}
.sidebart {
    margin-top: 0;
    padding-top: 1em;
    color: white;
    background-color:#424242;
	opacity:0.9;
}
.sidebart li {
    margin: .5em 0;
    padding: 0 1em;
    line-height: 32px;
	
}
.sidebart li a{ color:#fff;font-family:Microsoft YaHei,LiHei Pro Medium;font-size:16px;}
.sidebart li:hover {
    background-color: #171717;
}

/*首页样式*/
.iwap{ width:98%; margin-left:1%;}
.ititle{ background:#171717; border-bottom:1px #b00 solid; height:34px; line-height:34px; color:#fff;}
.tmore{ float:right; padding-right:8px;}
.tmore a{ color:#fff;}
.iclist li{ margin-top:10px;}
.iclist li img{ width:100%;}
.iclist li span{ display:block; height:32px; line-height:32px;background:#171717; padding-left:5px;}
.iclist li a{ color:#fff;}

.inlist{ background:#171717;}
.inlist li{padding:0px 8px; border-bottom:1px solid #454545 ;height:32px; line-height:32px;}


/*右侧导航 end*/

h3.title{ background:-webkit-gradient(linear,0 0,0 100%,from(#35a0e4),to(#116194)); position:relative; overflow:hidden; margin:0px;}
h3.title a, h3.urlno{ display:block; height:38px; line-height:38px; padding-left:15px; color:#fff; font-weight:normal;  }
h3.title .more{ position:absolute; right:10px; top:0px; width:10px; height:38px; background:url(../images/navmore.png) no-repeat center; background-size:12px;}

.incon{ padding:10px; line-height:24px;word-wrap: break-word; background:#fff;}
.iscon{background:#f5f5f5;}
.imgbox{ width:100%; height:100%; overflow:hidden; margin-bottom:15px;}
.imgbox .img img{ width:100%;height:100%;overflow:hidden; display:block;}
.info1{ clear:both; background:#525252;  text-align:center; height:36px; line-height:36px; font-size:16px;}
.info1 a{color:#fff;display:block;}
.info1 a:hover{background:#35a0e4;color:#fff; display:block;}

.info2{ background:#f00;  text-align:center; height:36px; line-height:36px; font-size:16px}
.info2 a{color:#fff;display:block;}
.info2 a:hover{background:#35a0e4;color:#fff; display:block;}

.info3{ background:#35a0e4;  text-align:center; height:36px; line-height:36px; font-size:16px}
.info3 a{color:#fff;display:block;}
.info3 a:hover{background:#525252;color:#fff; display:block;}

.inewslist{}
.inewslist li{ padding:0px 8px; border-bottom:1px solid #454545 ; height:54px;}
/*.inewslist li:last-child{ border-bottom:none!important;}*/
.inewslist li a{ display:-webkit-box;}
.inewslist li h4{ font-weight:normal; color:#bbbbbb; -webkit-box-flex:1; padding-top:12px;overflow:hidden;}
.inewslist li p.t{ height:18px; line-height:18px; overflow:hidden; }
.inewslist li p.time{ color:#999; height:18px; line-height:18px; font-size:12px;}
.inewslist li span.more{ display:block; width:20px; height:54px; background:url(../images/listmore.png) no-repeat center; background-size:10px; }
.inewslist li span.hot{ color:#f00; }


.copyright{ background:#1c1c1c; padding:10px 0;; line-height:40px; text-align:center; margin-bottom:45px; color:#8d8d8d;}

/*底部导航样式*/
.footer{width:100%; position:fixed; bottom:0px; left:0px; height:45px; overflow:hidden; z-index:999; text-align:center; background:-webkit-gradient(linear,0 0,0 100%,from(#b00000),to(#b00000)); overflow:hidden;}
.footer li{float:left; height:45px; border-right:1px #fdae83 solid; text-align:center}
.footer li a{ font-size:14px; font-family:Microsoft YaHei;}
.footer-home{background:url(../images/home.png) no-repeat center 5px ;  background-size:20px; width:25%;}
.footer-home a{color:#fff; font-size:14px; display:block;padding-top:24px;}

.footer-tel{background:url(../images/tel.png) no-repeat center 2px ;  background-size:30px;width:25%;}
.footer-tel a{color:#fff; font-size:14px; display:block;padding-top:24px;}

.footer-mail{background:url(../images/mail.png) no-repeat center 8px ;  background-size:25px;width:25%;}
.footer-mail a{color:#fff; font-size:14px; display:block;padding-top:22px;}

.footer-map{background:url(../images/map.png) no-repeat center 2px ;  background-size:18px; border-right:none;width:24%;}
.footer-map a{color:#fff; font-size:14px; display:block;padding-top:22px;}

/*====内==容=====页=====*/
/*侧栏分类*/
.sidebar{ background:#171717; height:100%; overflow:hidden; }
.sb_nav h3.title{ height:40px; line-height:40px; background:#171717; padding-left:15px; font-weight:normal; overflow:hidden; border-bottom:1px #8a0204 solid; color:#f5f5f5;}
.sb_nav h3.title p.moresidebar{ float:right; font-size:12px; padding:0px 10px; padding-left:30px; background:url(../images/side.png) no-repeat 15px center; background-size:12px;}
.sb_nav h3.title p.moresidebar a{ color:#f5f5f5; display:block;}
.sb_nav h3.title p.now{ background-color:#ccc;}




.con_box{ padding:10px 15px; line-height:24px; text-indent:2em;}
.con_box p{ color:#c8c8c8;}


.caseList{ padding:15px 0px;}
.caseList li{ width:48%;  float:left; margin:1%; background:#323232;}
.caseList .caseThum{ width:100%;}
.caseList .caseThum img{width:100%;  }
.caseList .caseName{ width:100%; height:30px; line-height:30px;  font-size:14px; color:#fff;  overflow: hidden; }

.nr_bt{ width:100%}

.nr_text h5,.nr_bt h5{ font-size:16px; color:#fff; text-align:center; height:40px; line-height:40px;font-family:Microsoft YaHei,LiHei Pro Medium;}
.nr_text h6,.nr_bt h6{ height:30px; border-bottom:1px #f1f1f1 solid;border-top:1px #f1f1f1 solid; text-align:center; font-size:13px; line-height:30px;color:#000; font-weight:normal; margin-bottom:10px}
.nrtitle{ font-size:16px; color:#0b75bf; text-align:center; height:40px;font-family:Microsoft YaHei,LiHei Pro Medium;}
.pnimg { text-align:center;  }
.pnimg img{width:98%}
.contitle{ background:#024a9b; height:32px; line-height:32px;margin:15px 0;}
.contitle span{ width:100px; text-align:center; color:#fff; background:#ed5300; display:block; float:left;font-size:16px;}
.concon{ padding:5px 15px; }
.contitle .fr{ color:#fff; font-size:16px; padding-right:5px;}
.concon p{color:#c8c8c8;}
.concon p a{color:#c8c8c8;}
.concon img{width:99%}


.rpiclist{ float:left; width:150px; margin:10px 20px}
.rpiclist .picti img{border:1px #bab9b9 solid}
.rpiclist .picfo{ text-align:center}



.tforml{ min-width:320px; max-width:640px; }

.tgcon{ width:96%; margin:0 auto;}
.tgtop{ margin-top:10px;}

.tforml h1{ line-height:40px; height:40px; border-bottom:1px #ccc solid; color:#ff8a00; font-size:16px;}
.lable{ font-size:15px; font-weight:bold; line-height:40px; height:40px; padding-top:15px;}
.tiput input{ width:80%; background: #fff url(../images/n.jpg) 5px center no-repeat;height:30px; line-height:30px; border:1px #ccc solid; padding-left:30px;}
.liput input{ width:80%; background: #fff url(../images/t.jpg) 5px center no-repeat;height:30px; line-height:30px; border:1px #ccc solid; padding-left:30px;}
.eiput input{ width:80%; background: #fff url(../images/e.jpg) 5px center no-repeat;height:30px; line-height:30px; border:1px #ccc solid; padding-left:30px;}
.diput input{ width:83%; height:30px; line-height:30px; border:1px #ccc solid; padding-left:10px }
.ptype{ width:260px; height:30px; line-height:30px;border:1px #ccc solid;}
.pcc{width:100px; height:30px; line-height:30px;border:1px #ccc solid;}
.assiput input{ width:313px; height:30px; line-height:30px; border:1px #ccc solid; padding-left:10px }
.bouton{ border-top:1px #ccc solid; padding-top:20px; margin-top:35px;}
.bouton input{ width:130px; height:40px; line-height:40px; margin-bottom:20px;}


/*案例分类样式*/

.navlist li{ float:left;}

.navlist{padding:6px 0; font-size:14px;}
.navlist li{width:24%; float:left; height:40px; line-height:40px; text-align:center; margin:2px 1% 2px 0;}
.navlist li a{color:#fff; background:#323232; display:block; width:100%; height:100%;}
.navlist li a.current{background:#c40000;}

.navlist li .list_li4{ margin-right:0;}

/*按车型查看*/

.reveal-modal dl{ height:100%; overflow:hidden; padding-bottom:8px; }
.reveal-modal dt{padding-left:50px; height:40px; line-height:40px; color:#fff; border-bottom:1x #f00 solid;background:#1c1c1c;margin-bottom:8px;}
.reveal-modal dd{ float:left; width:48%; background:#373737; margin:5px 1%; line-height:36px; display:block; }
.reveal-modal dd a{ display:block; text-align:center; color:#fff;}

#myModal #P_BMW dt{background:#171717 url(../images/bmw_bg.png) no-repeat 15px center; border-bottom:1px #b00000 solid; }
#myModal #P_Benz dt{background:#171717 url(../images/benz_bg.png) no-repeat 15px center; border-bottom:1px #b00000 solid; }
#myModal #P_Audi dt{background:#171717 url(../images/audi_bg.png) no-repeat 15px center; border-bottom:1px #b00000 solid; }
#myModal #P_Porsche dt{background:#171717 url(../images/por_bg.png) no-repeat 15px center; border-bottom:1px #b00000 solid; }
#myModal #P_other dt{background:#171717 url(../images/cpao_bg.png) no-repeat 15px center; border-bottom:1px #b00000 solid; }
#myModal #P_l dt{background:#171717 url(../images/land_bg.png) no-repeat 15px center; border-bottom:1px #b00000 solid; }
#myModal #P_qtb dt{background:#171717 url(../images/xf_bg.png) no-repeat 15px center; border-bottom:1px #b00000 solid; }

#myModal2 #P_gsemo dt{background:#171717 url(../images/xf_bg.png) no-repeat 15px center; border-bottom:1px #b00000 solid; }

.iaconl{ width:44%; float:left;padding-right:1%; }
.iaconl img{ width:100%; display:block;}
.iacon{ color:#cfcfcf; /*text-indent:2em;*/ padding:15px 0; line-height:24px; font-size:15px;}

.iacon p{ width:55%; float:right; text-indent:2em;}

.fbflogo {width:100%; clear:both;}
.fbflogo img{ width:100%;}
/*首页常见问题*/
.favor-header-bar{background-color: #171717;overflow: hidden;height:34px;line-height: 34px;border-bottom: 1px solid #b00000; margin-top:15px;}
.favor-header-bar li{display: block;width:50%;text-align: center;float: left;margin-left:-1px;height:34px;line-height: 34px;position: relative;}
.favor-header-bar a{font-size:1.1rem;color:#fff;display:block;width:100%;margin:0 auto;}
.favor-header-bar li:last-child{border-right:none;}
.favor-header-bar li.default a{color:#fff; background:#b00000;}
.favor-header-bar li span{position: absolute;display: block;width:25%;top:-0.4rem;right:0.2rem;max-width: 32px;}
/*favor-list*/
.favor-list.swiper-container{width:100%; background:#171717;}
.favor-list dl{overflow:hidden;padding:5px 0;border-bottom: 1px solid #1c1c1c; line-height:30px;}
.favor-list a:first-child dl{border-top:1px solid #1c1c1c; color:#fff;}
.favor-list dl a{color:#c8c8c8;}

/*首页导航*/
.inav li{ width:32%; margin:2% 0% 0% 1%; height:100px; background:#171717; float:left;  text-align:center; padding:10px 0}
.inav li a{ font-size:18px; color:#fff;}
.i01{ background:url(../images/1.png) no-repeat center center; height:46px; width:100%; margin:10px 0; }
.i02{ background:url(../images/2.png) no-repeat center center; height:46px; width:100%; margin:10px 0; }
.i03{ background:url(../images/3.png) no-repeat center center; height:46px; width:100%; margin:10px 0; }
.i04{ background:url(../images/4.png) no-repeat center center; height:46px; width:100%; margin:10px 0; }
.i05{ background:url(../images/5.png) no-repeat center center; height:46px; width:100%; margin:10px 0; }
.i06{ background:url(../images/6.png) no-repeat center center; height:46px; width:100%; margin:10px 0; }


.xn_cont{padding:8px 4%;}
.xn_l{width:32%; float:left;}
.xn_l img{width:100%;}
.xn_r{width:66%; float:right; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background:#171717; color:#fff; margin-top:0.25em; overflow:hidden;}
.xn_r ul{padding-left:14px;}
.xn_r ul li{line-height:200%; background:url(../images/li_bg.png) no-repeat left center; font-weight:bold; padding-left:8px;}

.zhcp{padding-bottom:10px;}
.sp{padding:20px 0;}
.sp img{width:100%;}
.zhcp_c{border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background:#232323; width:92%; margin:0 auto; height:100%; overflow:hidden;}
.zhcp_c ul{padding:10px 0 10px 10px;}
.zhcp_c ul li{width:50%; float:left;}
.zhcp_c ul li strong{display:block; font-size:14px; color:#c40000; padding:4px 0;}
.zhcp_c ul li p{font-size:12px; color:#c8c8c8; line-height:19px; padding-right:10px;}


.in_title{height:51px; line-height:51px; text-align:center; background:url(../images/title_bg.png) no-repeat right; color:#fff; width:100%; font-size:14px;}
.in_title em{color:#c40000;}

.clearfix{zoom:1;}
