@charset "utf-8";
/* CSS Document */
body{margin:0 auto; padding:0; font-size:14px; font-family:"微软雅黑",Tahoma,Arial,Helvetica,sans-serif; color:#999; background:#000; overflow-x:hidden;}
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,pre{margin:0;padding:0;}
h1,h2,h3,h4{font-size:18px; font-family:"微软雅黑",Tahoma,Arial;}
a{text-decoration:none; color:#666; text-decoration:none;}
a:hover{ text-decoration:none;}
img{ border:0 none; vertical-align:top;}
ul li{list-style:none;}
.c{clear:both; overflow:hidden; zoom:1;}
.center{ text-align:center;}
.fl{ float:left;}
.fr{ float:right;}
.warp{width:1200px; margin:0 auto; clear:both;}
.clear{ clear:both;}
.ft12{ font-size:12px;}
.ft14{ font-size:14px;}
.ft16{ font-size:16px;}
.ft18{ font-size:18px;}
.ft20{ font-size:20px;}
.mt5{ margin-top:5px;}
.mt7{ margin-top:7px;}
.mt8{ margin-top:8px;}
.mt10{ margin-top:10px;}
.mt13{ margin-top:13px;}
.mt15{ margin-top:15px;}
.mt18{ margin-top:18px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt50{ margin-top:50px;}
.mt70{ margin-top:70px;}
.mt90{ margin-top:90px;}
.mr10{ margin-right:10px;}
.mr12{ margin-right:12px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.ml20{ margin-left:20px;}
.ml40{ margin-left:40px;}
.block5{ clear:both; height:5px;}
.block10{ clear:both; height:10px;}
.block15{ clear:both; height:15px;}
.block20{ clear:both; height:20px;}
.block25{ clear:both; height:25px;}
.block30{ clear:both; height:30px;}
.block40{ clear:both; height:40px;}
.block50{ clear:both; height:50px;}
.block64{ clear:both; height:64px;}
.block70{ clear:both; height:70px;}
.block80{ clear:both; height:80px;}

img.zoom-img:hover {transform: scale(1.2); transition: all 1s ease 0s; -webkit-transform: scale(1.2); -webkit-transform: all 1s ease 0s;}
img.zoom-img {-webkit-transform: scale(1, 1);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 1683ms;-moz-transform: scale(1, 1);-moz-transition-timing-function: ease-out;-moz-transition-duration: 1683ms;}


/*头部*/
.topbj{ display:block; width:100%; height:110px; background:#202020; position:fixed; z-index: 999999;}
.logo{ float:left; max-width:420px; height:auto;}

.navbj{ width:768px; height:110px; float:right;}
.clearfix:after{content:"."; display:block;height:0; clear:both; visibility:hidden;}
.nav{margin:0; padding:0; height:110px; line-height:110px; position:relative; z-index:1;text-align:center; font-family:"微软雅黑"; }
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left; font-weight:normal; }
.nav .nLi h3 a{ display:block; width:128px; line-height:110px; font-size:16px;}
.nav .nLi h3 a:hover{color:#000; text-decoration:none; background:#ffc001;}
.nav .sub{ display:none; width:200px; left:0px; top:110px; position:absolute; text-align:left; background:rgba(0,0,0,0.9);}
.nav .sub li{ display:block; width:160px; padding:0 15px; text-align:left; line-height:40px; margin:5px; border-bottom:1px dotted rgba(255,255,255,0.6); }
.nav .sub li a{ display:block; color:#fff;}
.nav .sub li a:hover{ filter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}
.nav .sub li span{ float: right;}
.nav .on h3 a{ background:#ffc001; color:#000;}
.t110{ height:110px;}

/*banner*/
.slideBox{ width:100%; height:690px; overflow:hidden; position:relative;}
.slideBox .bd{width:100%; height:690px; overflow:hidden; z-index:1; vertical-align:middle; text-align:center; }
.slideBox .bd li{width:100%; height:690px; overflow:hidden;}
.slideBox .bd li a{width:100%; height:690px; overflow:hidden; display:block;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:5px; top:50%; margin-top:-42px; display:block; width:44px; height:84px; background:url(../images/slider-arrow.png) -88px 0px no-repeat; filter:alpha(opacity=50); opacity:0.5;}
.slideBox .next{ left:auto; right:5px; background-position:0px 0px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop{ display:none;}
.slideBox .nextStop{ display:none;}


/*服务项目*/
.bt1 {height:50px; overflow: hidden; font:34px/50px "微软雅黑"; color:#fff; text-align:center;}
.bt1 span{ display:inline-block; border-left: 5px solid #ffc001; border-right: 5px solid #ffc001; padding: 0 32px;}
.bt2{ height:40px; overflow: hidden; font:20px/40px Arial; text-align:center; color:#666; letter-spacing:4px; text-transform:uppercase;}
.xm{ width:1200px; margin:0 auto; clear:both;}
.xm li{ display:block; float:left; width:380px; overflow:hidden; margin:10px;}
.xm li a{ display:block; width:380px; height:348px; overflow:hidden;  background:rgba(255,255,255,0.12); color:#999;}
.xm li a:hover{ display: block; background:#ffc001; color:#fff; -webkit-transition-duration: 300ms; -moz-transition-duration:300ms;}
.xm_ps{ width:368px; height:280px; overflow: hidden; padding:6px;}
.xm_ps img{ width:368px; height:280px; overflow: hidden;}
.xm_t1{ height:46px; overflow:hidden; font:18px/46px "微软雅黑"; text-align:center;}
.more{display:block; width:280px; height:56px; overflow:hidden; text-align:center; font:16px/56px Arial; transition:all 0.3s ease-out 0s; margin:0 auto; border: 1px solid #333; text-transform: uppercase;}
.more a{ color:#666; display:block; text-decoration:none;}
.more a::after { content: ""; display: block; width:0; height:56px; background:#ffc001; margin-top:-56px; transition:all 0.6s ease 0s; }
.more a:hover::after {display:block; width:280px; height:56px; color:#fff; }
.more a:hover {display:block; color:#fff;}

/*优势*/
.bjhs{ background:#1a1a1a;}
.ys_ps{ width:50%; height:748px; overflow: hidden; float: left;}
.ys_ps img{ width:auto; height:748px; overflow:hidden; float: right;}
.ys_01{ width:50%; height:748px; overflow: hidden; float: left;}
.ys_02{ height:54px; overflow: hidden; font:34px/54px "微软雅黑"; color:#ffc001; display:block; margin-left:50px;}
.ys_03{ height:36px; overflow: hidden; font:20px/36px "微软雅黑"; color:#666; display:block; margin-left:50px; text-transform:uppercase;}
.ys_04{ width:526px; display:block; margin-left:50px; }
.ys_04 li{ display:block; width:526px; overflow: hidden; margin-top:30px; clear: both;}
.ys_05{ width:90px; height:90px; border-radius:100%; overflow: hidden; border:5px solid #0e0e0e; background:#333; font:bold 48px/90px Arial; color:#999; display:block; text-align: center; float:left;}
.ys_06{ width:400px; height:40px; overflow: hidden; font:20px/40px "微软雅黑"; color:#ccc; display:block; float:right; margin-top:6px;}
.ys_07{ width:400px; height:48px; overflow: hidden; font:16px/24px "微软雅黑"; color:#666; display:block; float:right;}


/*中间广告*/
.bjtu{ height: 268px; overflow: hidden;}
.z01{ height: 60px; overflow: hidden; text-align: center; color: #ffc001; font:48px/60px "微软雅黑";}
.z02{ height: 44px; overflow: hidden; text-align: center; color: #666; font:12px/44px "微软雅黑"; text-transform: uppercase;}
.z03{ text-align:center; color: #000; text-transform: uppercase;}
.z03 i{ height: 36px; text-align: center; color: #000; font-size:16px; padding:10px 20px; background: #ffc001; border-radius: 5px; overflow: hidden; display: inline-block; font-style: normal;}
.z03 i span{ font-size: 28px; font-weight: bold;}


/*简介*/
.bt3{ height:44px; overflow: hidden; color: #ffc001; font:34px/44px "微软雅黑"; }
.bt3 span{ color:#fff; padding-left:20px; text-transform:uppercase;}
.jj_ps { position:relative; width:394px; height:248px; float: right;}
.jj_ps span{ width:130px; height:130px; overflow: hidden; position: absolute; top:114px; right:0; background:#ffc001;}
.jj_ps2 { display: block; position:absolute; top: 0; right:48px; width:344px; height:208px;}
.jj_t1{ float: left; width:740px;} 
.jj_t2{ height:224px;  overflow: hidden; font:16px/32px "微软雅黑"; color:#666;} 
.jj_t3{display:block; width:280px; height:56px; overflow:hidden; text-align:center; font:16px/56px Arial; transition:all 0.3s ease-out 0s; border: 1px solid #333; text-transform: uppercase;}
.jj_t3 a{ color:#666; display:block; text-decoration:none;}
.jj_t3 a::after { content: ""; display: block; width:0; height:56px; background:#ffc001; margin-top:-56px; transition:all 0.6s ease 0s; }
.jj_t3 a:hover::after {display:block; width:280px; height:56px; color:#fff; }
.jj_t3 a:hover {display:block; color:#fff;}



/*维修现场*/
.wx{ margin:0 auto; width:1200px;}
.wx .bd{ margin:0;}
.wx .bd ul{ overflow:hidden; zoom:1; }
.wx .bd ul li{ display:block; float:left; width:380px; overflow:hidden; margin:10px;}
.wx .bd ul li a{ display:block; width:380px; height:348px; overflow:hidden;  background:rgba(255,255,255,0.12); color:#999;}
.wx .bd ul li a:hover{display: block; background:#ffc001; color:#fff; -webkit-transition-duration: 300ms; -moz-transition-duration:300ms; }



/*汽修资讯*/
.xw { width:450px; overflow: hidden; display: block; float: left;}
.xw_ps{ width:450px; height:242px; overflow: hidden; }
.xw_ps img{ width:450px; height:242px; overflow: hidden; }
.xw_t1 { height:36px; overflow: hidden; font:18px/36px "微软雅黑"; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; }
.xw_t1 a{ display: block; color:#ccc;}
.xw_t1 a:hover{ display: block; lter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}
.xw_t2{ height:48px; overflow: hidden;  font:16px/24px "微软雅黑"; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.xw_t2 a{ display: block; color: #666;}
.xw_t2 a:hover{ display: block; lter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}
.xw_t3{display:block; width:184px; height:56px; overflow:hidden; text-align:center; font:16px/56px Arial; transition:all 0.3s ease-out 0s; border: 1px solid #333; text-transform: uppercase;}
.xw_t3 a{ color:#666; display:block; text-decoration:none;}
.xw_t3 a::after { content: ""; display: block; width:0; height:56px; background:#ffc001; margin-top:-56px; transition:all 0.6s ease 0s; }
.xw_t3 a:hover::after {display:block; width:184px; height:56px; color:#fff; }
.xw_t3 a:hover {display:block; color:#fff;}

.xw2 li{ height:120px; overflow: hidden; border-bottom: 1px solid #212121; margin-bottom:25px;}
.xw_sj{ width:100px; height:94px; overflow: hidden; font:30px/42px "微软雅黑"; color:#666; display: inline; float:left; }
.xw_sj span{ display:block; color:#999; font-size:16px;}



/*在线留言*/
.bt4{ height:50px; overflow: hidden; font:bold 24px/50px "微软雅黑"; color:#ffc001;}
.bt5{ font:16px/32px "微软雅黑"; color:#666;}
.kuan{ background:#1f1f1f; color:#ccc; width:100%; font:16px/46px "微软雅黑"; margin-bottom:20px; border: 0; outline: 0; text-indent:20px;}
.kuan::-webkit-input-placeholder{color:#666;}
.kuan2{ background:#1f1f1f; color:#ccc; width:100%; font:16px/46px "微软雅黑"; height:146px; border: 0; outline: 0; margin-bottom:20px; text-indent:20px;}
.kuan2::-webkit-input-placeholder{color:#666;}
.Button{ width:100%; font:16px/46px "微软雅黑"; height:46px; text-align:center; color:#000; background:#ffc001; border:0; outline:0; overflow:hidden; cursor:pointer;}
.Button:hover{ display: block; lter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

.footmap{ height:510px; border:10px solid #f9fafb; }



/*底部*/
.dbu03{ font:15px/36px "微软雅黑"; color: #666; text-align: center; margin-bottom: 30px;}
.dbu03 a{color: #666;}
.dbu03 a:hover{color:#fff;}
.dbu03 span{padding:0 10px;}
.link{ font:15px/36px "微软雅黑"; padding:0px 10px; color:#666; text-align: center;}
.link a{ margin:0 10px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; color:#666;}
.link a:hover{padding:0px 10px; color:#fff;}



/*漂浮*/
.lxdiv{ display:block; width:55px; min-height:224px; position:fixed; right:1%; bottom:40%; z-index:999999; }
.clearfix:after{content:".";display:block;height:0;clear:both; visibility:hidden;}
.lx{ line-height:40px; position:relative; z-index:1;}
.lx a{ color:#333;  }
.lx .nLi{ display:inline; width:120px;}
.lx .nLi h3{ display:block; text-align:center; width:55px; height:55px; background:#ffc001; position: relative;z-index:9999; margin-bottom:1px;}
.lx .nLi h3 a{ display:block; width:35px; height:35px; padding:10px; font:300 14px/17px Microsoft YaHei; -moz-transition:background-position .4s;-ms-transition:background-position .4s;-o-moz-transition:background-position .4s;-webkit-moz-transition:background-position .4s;transition:background-position .4s;}
.lx .nLi h3 a:hover{background:#fefcfd; color:#333132; text-decoration:none;text-align: center; z-index: -1;}
.lx .nLi h3 a em {text-align:left; color:#333132; cursor:pointer; display:none; font-style:normal;}
.lx .on h3 a em{ background:#fff; color:#666; }
.lx .pfz_01{ display:none; width:140px; left:-161px; top:56px; position:absolute; background:rgba(255,255,255,1); zoom:1; padding:8px 10px; border:1px solid #eee; border-width: 1px 0 1px 1px;}
.lx .pfz_02{ display:none; width:140px; left:-161px; top:112px; position:absolute; background:rgba(255,255,255,1); zoom:1; padding:8px 10px; border:1px solid #eee;}
.lx .pfz_03{ display:none; width:140px; left:-161px; bottom:1px; position:absolute; background:rgba(255,255,255,1); zoom:1; padding:10px 10px; border:1px solid #eee;}

.zx,.fh,.kf,.sm{display:block;width:35px;height:35px;background:url(../images/siderbarpic.png);overflow:hidden;}
.fh{background-position:-8px -8px;}
.kf{background-position:-8px -60px;}
.zx{background-position:-8px -112px;}
.sm{background-position:-8px -164px;}

.qqbj{ height:30px; font-size: 13px; line-height:30px; margin-top:5px; border-radius:30px; display: block; overflow: hidden; border: 1px solid #eee; padding-left:42px; background: url(../images/qq.png) 10px center no-repeat;text-align:left; color: #999;}
.qqbj:hover{ display: block; lter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}
.ewm{ text-align:center; font:14px/41px "微软雅黑";}
.ewm img{ width:140px; height:140px; overflow:hidden; margin: 0 auto;}
.dh01{ text-align:center; font:14px/34px "微软雅黑"; border-bottom:1px solid #eee;}
.dh02{ text-align:center; font:20px/24px "Impact"; color:#666;}


/*===================inlayout====================*/
#category {	padding:0; overflow:hidden;}
#category ul{ width: 1200px; margin: 0 auto;}
#category li {display:inline-block; margin-bottom:5px; font-size:15px; height:36px; line-height:36px; border-radius:36px; overflow:hidden; margin-right:4px;  }
#category li a {color:#fff; background:#202020; display:inline-block; padding:0 25px;}
#category li.active a, #category li a:hover { text-decoration:none; background:#ffc001; color:#333;}


.weizhi{ display:block; color:#999; font-size:14px; line-height:40px; width:830px; margin:0 auto; font-family:"微软雅黑"; background:url(../images/dh.png) 340px center no-repeat; padding-left:370px;}
.weizhi a{ color:#999; text-decoration:none;}
.weizhi a:hover{ color:#b28238;}

.page_con{ font-size:14px; line-height:2; clear:both; overflow:hidden; padding:15px 15px 30px 15px; font-family:"微软雅黑";}
.page_con img{ max-width:1170px; height:auto; width:expression(this.width > 1170 ? "1170px" : this.width); overflow:hidden;}
.con_title{text-align:center; font-size:24px; font-family:"微软雅黑"; margin-top:20px; color:#fff;}
.author{ text-align:center; font-size:13px; border-bottom:#414141 dashed 1px; height:30px; line-height:30px; font-family:"微软雅黑"; margin:5px 0px 10px 0px;}

.page_back{ border-top:#414141 1px dashed; padding-top:10px; margin-top:20px; position:relative; font-size:14px; line-height:38px; color:#999;}
.page_back a{ color:#999;}
.page_back a:hover{ color:#ffc001; text-decoration:none;}
.page_back .bapage_back_up{ position:absolute; right:0px; top:28px;}

/*页码*/
.pages { overflow:hidden; font-size:12px;text-align:center; margin-top:40px; text-align: center; padding-bottom: 40px; border-bottom:#414141 dashed 1px;}
.pages a { display:inline-block; margin:0 2px; height:34px; line-height:34px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 12px}
.pages a.a1 {width:56px; padding:0; background:#f8f8f8;}
.pages a:hover { background:#292929; border-color:#292929; color:#fff; text-decoration:none; }
.pages span { display:inline-block; height:34px;padding:0 12px; line-height:34px; background:#292929; border:1px solid #292929; color:#fff; text-align:center; }
.lxtanble p{ margin: 0; font-size: 12px; color: #666; }



.line{ width:100%; height:20px; border-bottom: 1px solid #202020; position:relative;}
.line span{ width:100px; height:3px; background:#666; position: absolute; left: 0; bottom: -2px;}
.shareBox{ height:24px; color:#666; font:15px/24px "微软雅黑"; }

.xw3{ width: 1200px; margin: 0 auto;}
.xw3 li{ padding: 20px; overflow: hidden; margin-bottom:25px; background: #1a1a1a;}
.xw_ps2{ width:224px; height:120px; overflow: hidden; float: left; display: inline; margin-right:50px;}
.xw_ps2 img{ width:224px; height:120px; overflow: hidden; }

.xw_sj2{ width:140px; height:94px; overflow: hidden; font:30px/42px "微软雅黑"; color:#666; display: inline; float:left; }
.xw_sj2 span{ display:block; color:#999; font-size:16px;}