@import url(animate.css);
@import url(buttons.css);
@import url(pichover.css);
@import url(hover.css);
@import url(tooltip-classic.css);

*{ margin:0; padding:0;transition:all 300ms ease;}
body {

	font-size:14px; line-height:24px;background: #f2f2f2 ;
	font-family:Microsoft YaHei,LiHei Pro Medium;color:#333;
}

/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}
/*end reset*/

/*公用样式*/
a{text-decoration: none;color: #666;} 
a:hover{color:#008742;text-decoration:none;}
ul{ list-style:none; margin:0; padding:0}
.box{ border:1px #f00 solid}
.fr{ float:right;display:inline;}
.fl{ float:left; display:inline;}
img{ border:0}
.mtop{ margin-top:10px}
.mtop20{ margin-top:20px}
.mtop40{margin-top:40px}
.mtop60{margin-top:60px}
.clear{ clear:both; display:block; }
.wrap{ margin:0 auto; padding:0; width:1010px;height:100%; }
.wrapc{width:1010px; margin:0 auto;padding:0; height:100%; }
.wrapn{width:1100px; margin:0 auto;padding:0; height:100%; }

.ibanner{ width:100%; height:300px; margin:0 auto; padding:0;}
.gbanner{ width:100%; height:477px; }

.ffont{ color:#fff; font-size:36px; text-align:center; margin-top:60px;}
.rfont{ font-size:50px; color:#d8000f;}
.cfont{ color:#989898; font-size:24px; text-align:center; line-height:60px;word-spacing:-3px;}


/*首页样式*/

header{background: url(../images/header_bg.png) top center repeat-x;height:140px;overflow:hidden; width:100%;}

.head h1{ float:left; overflow:hidden; margin-top:24px;}
.head .wen{ overflow:hidden; float:left; padding-left:60px; margin-left:15px; background:url(../images/logo_bg.png) left center no-repeat; height:140px;}
.head h2{ font-size:24px; color:#333; margin-top:45px; margin-bottom:10px;}
.head .wen p{ font-size:16px; color:#666;}


.h_top{ width:100%; height:36px; background:#202020; color:#fff; line-height:36px;}

#top{ width:100%; height:98px;  background: #2b2b2b; overflow:hidden;}

.head{background: url(../images/head_bg.jpg) top center no-repeat;height:143px;overflow:hidden; }
.logo{ width:140px; float:left; margin:20px 20px 0 0px; padding-right:5px; border-right:1px #ccc solid; height:56px; overflow:hidden;}
.topr{color:#e64018; font-weight:bold; width:300px; float:right; text-align:right; font-size:18px;margin-top:40px; }
.topr span{ display:block; text-align:right; color:#e64018; font-size:22px; margin-top:4px; line-height:26px; }

.tfb{ height:60px; width:240px; float:left; line-height:30px;  margin:16px 10px 0px 0px; font-size:16px; color:#fff; font-weight:bold; }

.hmenu{ clear:both; width:100%; height:50px; line-height:50px; background:#008742;}
.search{ width:260px; margin-top:8px;}
.sboton{ height:32px; line-height:32px; width:80px; background:#900; color:#fff; text-align:center; border:0; font-size:15px;font-family:Microsoft YaHei,LiHei Pro Medium;}
.inp01{  height:32px; line-height:32px; background:#8b8b8b; border:0; width:170px; padding-left:10px; color:#fff; }
input{ vertical-align: middle}

#iserver li{ width:293px;  position: relative;z-index: 2;float:left;}


.f1{width:293px; /* background:#171717; position:relative;*/}
.f1 h1{ color:#fff; text-align:center; width:232px; height:79px; margin:-32px 0 0 33px ; background:#222; position:relative; z-index:3; line-height:79px;font-size:18px;}
.f1 .f1con{color:#fff; padding:5px 15px 20px 15px;font-size:16px;}
/*.btnf {
  color: #fff;
  position: relative;
  overflow: hidden;  width:293px;
}
.btnf:before {
  content: "";
  position: absolute;
  bottom: 0;
  bottom: 0px;
  width: 110%;
  height: 0;
  background-color: #f47115;
  z-index: -1;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.btnf:hover {
  color: #fff;
}
.btnf:hover:before {
  height: 100%;
}*/
#iserver{ margin:20px 0;}
#iserver li img{-webkit-transition: all 1.1s;-moz-transition: all 1.1s;-o-transition: all 1.1s;-ms-transition: all 1.1s;transition: all 1.1s;vertical-align: top;}
#iserver li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform: scale(1.1);}

#i3{ margin-left:60px;}
.i2{ margin-left:60px;}
.i1{ float:left;}


.accordion {
  height: 300px;
  overflow: hidden;
  position: relative;
}
 
.accordion:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
}
 
.accordion._create:after { display: none; }
 
.accordion__ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 9999px;
  height: 300px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
 
.accordion__li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 300px;
  float: left;
  overflow: hidden;
  box-shadow: 0 0 10px 0 #000;
  transition: all 0.3s ease-out;
}
 
.accordion__img {
  display: block;
  cursor: pointer;
}



/*合作客户案例*/

/*Service*/
.Service{  overflow: hidden; width: 100%; background-color: #fff; padding-top: 40px;}
.Service .serviceLt{ float: left;  width: 245px;}
.Service .serviceLt h2{ overflow: hidden; padding: 40px 0; background-color: #00824a; color: #fff; text-indent: 38px;   }
.Service .serviceLt h2 a{ display: block; font-size: 32px; color: #fff}
.Service .serviceLt h2 p{ font-size: 20px; text-transform: uppercase; font-weight: normal; margin-top:10px;}
.Service .serviceLtBox,.Service .dl{ overflow: hidden; width: 100%; background: #eeeeee;}
.Service .dl dt,.Service .dl dd{ text-indent: 28px;  }
.Service .dl dt{ font-size: 20px; color: #fff; background: #ffba00; line-height: 45px;}
.Service .dl dt a{  color: #fff;}
.Service .dl dd{ padding: 10px 0;}
.Service .dl dd a{ display: block;font-size: 16px; color: #666;  line-height: 36px; height: 36px;}
.Service .dl dd a:hover{ color: #00824a}
.Service dl.Ltlast{ padding-bottom: 78px;}
.Service .serviceRt{float: right;width: 720px;}
.Service .serviceRt-dl{ float: left; border: 1px solid #eee; padding: 5px; width: 230px;  background-color: #fff; margin-right:10px; margin-bottom: 24px;}
.Service .serviceRt-dl dt{ height:220px;}
.Service .serviceRt-dl dt img{ display: block;}
.Service .serviceRt-dl dd{ padding: 0 10px; overflow: hidden}
.Service .serviceRt-dl dd h3{ font-size: 16px; font-weight:normal; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; margin-top: 15px;}
.Service .serviceRt-dl dd h3 a{  color: #00824a}
.Service .serviceRt-dl dd p{ font-size: 14px; line-height: 20px;    margin-top: 10px; color: #666666; }
.Service .serviceRt-dl dd a.more{ display: block; float: left;    margin-top: 10px; color: #00824a;}
.Service dl.bottom{ margin-bottom: 0}
.Service dl.last{ margin-right: 0}
.Service .serviceRt-dl:hover{ background-color: #00824a}
.Service .serviceRt-dl:hover h3 a,.Service .serviceRt-dl:hover dd p,.Service .serviceRt-dl:hover dd a.more{ color: #fff}

.phone22 { overflow:hidden; margin-top: 10px; width:245px; padding:30px 0; padding-left:75px; border-radius:10px; background:url(../images/pro_phone.png) no-repeat 20px center; background-color:#f37015;}
.phone22 p{ font-size:16px; color:#fff;}
.phone22 b{ display:block; font-size:24px;  color:#fff; font-family:'Times New Roman'}


/*产业链*/
.chanye { overflow:hidden; width:100%; height:653px; background:url(../images/cylbg.jpg) no-repeat center top;}
.chanye h3{ text-align:center; font-size:30px; color:#e64018; margin-top:55px; margin-bottom:5px;}
.chanye span{ display:block; text-align:center; font-size:16px; color:#666; margin-bottom:15px;}
.chanye p{ font-size:16px; color:#fff; text-align:center; margin-bottom:55px;}
.chanye .imgbox{ overflow:hidden; width:1000px; margin:0 auto; height:384px; position:relative}
.chanye .imgbox img{ display:block; position:absolute; width:100%;}
.chanye .imgbox .img01{ left:0; top:0; width:271px; height:189px}
.chanye .imgbox .img02{ left:0; bottom:0;width:271px; height:189px}
.chanye .imgbox .img03{ left:275px; top:0; width:337px; height:384px;}
.chanye .imgbox .img04{ left:617px; top:0;width:189px; height:189px}
.chanye .imgbox .img05{ right:0; top:0;width:189px; height:189px}
.chanye .imgbox .img06{ right:0; bottom:0;width:383px; height:189px}

/*about*/
.iabccc{ background:#fff; width:100%; height:100%; overflow:hidden; padding-top:30px;}
.about { overflow:hidden; width:1000px; margin:0 auto; margin-bottom:55px;}
.about h3{ text-align:center; font-size:30px; color:#008742; margin-bottom:5px;}
.about h3 a{ color:#008742;}
.about>span{ display:block; text-align:center; font-size:16px; color:#bebebe; font-family:Arial; margin-bottom:15px;}
.about>p{ text-align:center; font-size:16px; color:#666; margin-bottom:40px;}
.about dl{ overflow:hidden; width:100%; margin-bottom:30px;}
.about dt{ float:left; overflow:hidden; width:474px; height:286px; border:8px solid #f5f5f5;}
.about dd{ overflow:hidden; width:460px; float:right}
.about dd h4{ font-size:24px; color:#e64018;}
.about dd h5{ font-weight:normal; font-size:16px; color:#333; margin-bottom:40px;}
.about dd h5 a{ color:#333}
.about dd p{ font-size:12px; line-height:25px; color:#666; height:100px; overflow:hidden; margin-bottom:50px;}
.about dd .more{ border-radius:3px; text-decoration:none; display:block; width:125px; height:37px; background-color:#e64018; text-align:center; line-height:37px; color:#fff; font-size:16px;}
.about dd .more img{ margin-left:10px;}

/*news*/
.news{ overflow: hidden; width: 100%; padding: 60px 0;}
.news .newsLt{ float: left; width: 555px; }
.news .newsRt{ float: right; width: 365px;}
.news .newsNav{ overflow: hidden}
.news .newsNav li{ width: 133px; height: 38px; line-height:38px;text-align: center; font-size: 14px; background-color: #eee; float: left; margin-right: 10px;}
.news .newsNav li a{ color: #666666; text-decoration: none}
.news .newsNav li:hover,.news .newsNav li.cur{ background: #00824a}
.news .newsNav li:hover a,.news .newsNav li.cur a{  color: #fff}
.news .newsBox,.news .newsCon,.news dl{ overflow: hidden; width: 100%; }
.news .newsBox{ margin-top: 35px; height: 400px; width: 555px;position: relative}
.news .newsCon{ position:absolute; left:0; top:0; display: none}
.news .newsCon:first-child{ display: block}
.news dl dt{ width: 167px; height: 120px; float: left;}
.news dl dd {width: 370px;float: right;margin-top: 0px;overflow: hidden;}
.news dl dd h3{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px }
.news dl dd h3 a{ color: #00824a}
.news dl dd p{ font-size: 14px; line-height: 22px; height: 66px; overflow: hidden; color: #666666; margin-top: 10px}
.news .newsLi{overflow:hidden;width: 100%;margin-top: 20px;border-top:1px solid #c9c9c9;}
.news .newsLi li { font-size: 14px; overflow:hidden; width: 100%; padding: 14px 0; border-bottom: 1px dashed #c9c9c9}
.news .newsLi li a{ display: block; width: 380px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left;}
.news .newsLi li span{ float: right; display: block; color: #999999;}
.news .NewTit{ overflow: hidden; width: 100%;}
.news .NewTit h3{ font-weight: normal; font-size: 24px; float: left;}
.news .NewTit h3 a{ color: #00824a}
.news .btnLt{ float: right; width: 78px;}
.news .btnLt a { width: 37px; height: 33px; display: block;}
.news .btnLt a.newsTop{ background: url("../images/newsTop.jpg") no-repeat center top; float: left;}
.news .btnLt a.newsBtm{ background: url("../images/newsBottom.jpg") no-repeat center top; float: right;}
.news .btnLt a:hover{ background-position: bottom}
.news .newsDa{ width: 365px; height: 355px; position: relative; margin-top: 10px; overflow: hidden}
.news .listDa { position: absolute; top:0; left:0}
.news .listDa li{ padding: 20px 0; width: 100%; border-bottom: 1px dotted #bbbbbb;}
.news .listDa li h3{ background: url("../images/newsWen.jpg") no-repeat left center; padding-left: 35px; font-size: 13px; font-weight: normal}
.news .listDa li h3 a{ color: #333333 }
.news .listDa li p{  background: url("../images/newsDa.jpg") no-repeat left center; padding-left: 35px; font-size: 13px; color: #666666; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 15px;}













.incon{ width:100%;background: url(../images/inbg.jpg) top center repeat-x; height:700px; /*margin-bottom:138px;*/ margin-top:40px; padding-top:2px;}



.title{ font-size:30px; color:#fff; width:200px; margin:0 auto; line-height:80px; text-align:center;}
.titlea{font-size:33px; color:#333; width:200px; margin:40px auto 5px auto; text-align:center; color:#d81519; font-weight:bold;}
.titlea span{ display:block; margin-top:15px; font-size:24px; color:#31363f; font-weight:normal;}

.incon .tod{height: 332px;position: relative;overflow: hidden;margin-top: 38px;}
.incon .tod ul{width: 110%; }
.incon .tod li{width: 218px; height: 290px;background: #3a3a3a;padding: 3px;float: left;margin-right: 42px;margin-bottom: 20px;position: relative;}
.iimgc{width: 218px;height: 163px;overflow:hidden;}
.incon .tod li img{width: 212px;height: 163px;overflow:hidden;-webkit-transition: all 1.1s;-moz-transition: all 1.1s;-o-transition: all 1.1s;-ms-transition: all 1.1s;transition: all 1.1s; }
.incon .tod li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform: scale(1.1);}




.incon .tod li h1{ padding:0  12px;font-size: 16px;margin-top: 15px;line-height: 2; color:#fff;}
.incon .tod li:hover h1 {color: #f47115;}

.incon .tod li:hover .cover{background-position:  -365px  -270px;}
.incon .tod li span{padding: 0 12px;display: block;margin-bottom: 26px;color: #8e8e8f; }
.incon .tod li .cover{ bottom: -16px;width: 34px;height: 34px;left: 95px;position: absolute;
background-position: -270px -270px;}
.s{ background:url(../images/tip.png) no-repeat;}

/*首页最新案例*/
.alBox{ clear:both; margin-bottom:20px;}

.alMu{width:232px;}
.alMu ul{}
.alMu li{margin-bottom:1px;  }
.alMu li a{display:block; height:52px; line-height:52px; padding-left:50px; font-size:15px; color:#fff; text-decoration:none;}
.alMu li:hover a , .alMu li.cur a{background:#f47115 /*url(../images/alMuH.png)*/;}
.alCont{width:740px; overflow:hidden;}
.alCont dl{height:555px; overflow:hidden;}
.alCont dl dt img{float:left; margin-left:1px; margin-bottom:1px;}
.alCont dl dd{width:230px;}
.alCont dl dd h5{height:28px; line-height:28px; font-size:24px;}
.alCont dl dd h5 a{color:#e22c08;}
.alCont dl dd p{margin-top:30px;  line-height:20px; font-size:13px; height:80px; overflow:hidden;}
.alCont dl dd .btnMore{margin-top:122px; display:block; width:144px; height:40px; line-height:40px; text-align:center; font-size:16px; font-weight:bold; color:#e22c08; border:3px solid #e22c08;}
.alCont dl dt{margin-right:40px; width:618px;}
.alCont dl dt img{ width:306px; height:170px;}


.alMub{ background:#f47115; height:85px; width:232px; float:left; line-height:32px; color:#fff; font-size:20px; text-align:center; padding-top:13px}

.alCont ul li{ width:216px; height:215px; float:left; margin:0px 15px 22px 10px; position:relative; overflow:hidden; background:#202020;}
.alCont ul li img{width:216px; height:172px;}


 #P_BMW2 {background:#202020 url(../images/bmw_bg.png) no-repeat 15px center;  }
 #P_Benz2{background:#202020 url(../images/benz_bg.png) no-repeat 15px center;  }
 #P_Audi2 {background:#202020 url(../images/audi_bg.png) no-repeat 15px center; }
 #P_Porsche2 {background:#202020 url(../images/por_bg.png) no-repeat 15px center; }
 #P_other2 {background:#202020 url(../images/land_bg.png) no-repeat 15px center; }
 #P_l2 {background:#202020 url(../images/jb_bg.png) no-repeat 15px center; }
 #P_dz2{background:#202020 url(../images/dz_bg.png) no-repeat 15px center;}
 #P_qtb2 {background:#202020 url(../images/xf_bg.png) no-repeat 15px center; }
 


 #P_BMW2:hover a {background:#f47115 url(../images/bmw_bg.png) no-repeat 15px center; transition:all 0ms ease; }
 #P_Benz2:hover a{background:#f47115 url(../images/benz_bg.png) no-repeat 15px center; transition:all 0ms ease; }
 #P_Audi2:hover a {background:#f47115 url(../images/audi_bg.png) no-repeat 15px center; transition:all 0ms ease;}
 #P_Porsche2:hover a {background:#f47115 url(../images/por_bg.png) no-repeat 15px center; transition:all 0ms ease;}
 #P_other2:hover a {background:#f47115 url(../images/land_bg.png) no-repeat 15px center;transition:all 0ms ease; }
 #P_l2:hover a {background:#f47115 url(../images/jb_bg.png) no-repeat 15px center;transition:all 0ms ease; }
 #P_dz2:hover a {background:#f47115 url(../images/dz_bg.png) no-repeat 15px center;transition:all 0ms ease; }
 #P_qtb2:hover a {background:#f47115 url(../images/xf_bg.png) no-repeat 15px center;transition:all 0ms ease; }
 

/*首页技术优势*/
.mtop30{ clear:both; margin-top:30px}
.i_jstl{ width:342px; height:148px; background:#f47115; color:#fff; line-height:36px; font-size:18px; text-align:center; padding-top:35px;}
.i_jstl span{ font-size:30px; display:block;}
.i_jstr{ width:658px; height:108px; background:#202020; margin-top:40px; font-size:30px; padding:30px  0 0 40px;color:#fff;}
.i_jstr span{ font-size:14px; display:block;height:36px; line-height:36px;}
.i_jsconimg{ float:left; width:342px; height:290px;}
.i_jscon{ clear:both; background:#3a3a3a; width:100%; height:100%; overflow:hidden;}
.i_jscon ul{ float:right; width:656px; margin-top:20px;}
.i_jscon ul li{ width:46%; float:left; height:34px; line-height:34px; padding-left:20px; margin:30px 10px 40px 10px; font-size:20px;color:#fff;}

.i_jscon ul li div{ width:34px; height:34px;border-radius:17px; background:#f47115; text-align:center; line-height:34px; float:left; font-size:18px; color:#fff; margin-right:10px; margin-bottom:40px;}

/*服务优势*/
.content{ width:1000px ; margin:0 auto;}
.g-yhh{height: 653px;position: relative; width:100%}
.yhh-t{height: 172px;position: relative;z-index: 10;}
.yhh-t li{width: 172px;float:left;height: 172px;margin-left: 60px;}
.yhh-t li a{overflow: hidden; font:16px "Microsoft YaHei"; color:#fff;display: block;width: 172px;height: 172px;background:url(../images/ys_bg.png) no-repeat;text-align: center;}
.yhh-t li i{font:44px "Impact"; color:#fff;display: block;margin: 47px 0 0;}
.yhh-t li a:hover,.yhh-t .cur a{background:url(../images/ys_on.png) no-repeat;color: #fff;cursor: pointer;}
.yhh-t li a:hover i,.yhh-t .cur i{color: #fff;}
.yhh-b{margin-top: -55px;}
.yhh-b dt{width: 462px;height: 250px;background:url(../images/ys_bgf.png) repeat}
.yhh-b dt b{padding-top: 28px; display: block;font:24px "Microsoft YaHei"; color:#fff;font-weight: bold;width: 400px;margin: 0 auto;}
.yhh-b dt span{ display: block;font:14px "Microsoft YaHei"; color:#fff;font-weight: bold;line-height: 25px;}
.yhh-b dt p{font:15px "Microsoft YaHei"; color:#fff;line-height: 28px;padding-top: 15px;width: 400px;margin: 0 auto; text-indent:2em; }
.yhh-b dd img{display: block;width: 464px;height: 73px;margin-top: 17px;}
.qh1{background:url(../images//q1_01.jpg) no-repeat center 0;height: 531px;padding-top: 105px;display: none}
.qh2{background:url(../images/q1_02.jpg) no-repeat center 0;height: 531px;padding-top: 105px;display: none}
.qh3{background:url(../images/q1_03.jpg) no-repeat center 0;height: 531px;padding-top: 105px;display: none}
.qh4{background:url(../images/q1_04.jpg) no-repeat center 0;height: 531px;padding-top: 105px;display: none}
.yhh-c{position: absolute;left:50%;top:600px;width: 200px;margin-left: -500px;z-index: 10}
.yhh-c li{width: 6px;float: left;margin-right: 10px;display: inline;}
.yhh-c li a{display:block;width: 6px;height: 6px;background:url(Img/Index/kir_16.png) no-repeat}
.yhh-c li a:hover,.yhh-c .cur a{background:url(Img/Index/kir_14.png) no-repeat}

/*首页关于我们*/

.i_aboutc{ width:100%;background:url(../images/aboutbg.jpg) bottom center repeat-x; height:360px;}
.i_acon{ width:1000px;background:url(../images/car.png) bottom right no-repeat; margin: 0 auto; height:340px;}
.i_aconl{ width:620px; float:left; text-indent:2em; font-size:18px; line-height:30px; color:#fff; height:160px; overflow:hidden;}
.i_acon ul{ clear:both; float:left; margin-top:10px;}
.i_acon ul li{ float:left; font-size:18px; border-right:1px #fff solid; padding-right:20px; padding-left:20px; color:#fff;}
.i_acon ul li span{ display:block; font-size:24px; color:#f47115;}
.i_amore{ clear:both; color:#fff; font-size:20px; border:2px #fff solid; width:137px; float:left; height:50px; line-height:50px; text-align:center; margin-top:60px; margin-left:80px;}
.i_amore a{color:#fff; display:block;}

/*首页客户见证*/
.i_kfcon{ background:#3a3a3a; padding:10px; height:360px; width:100%;}
.i_kft{ color:#fff; font-size:18px; padding-top:10px; width:660px; padding-bottom:10px}
.i_kft span{ font-size:24px; font-weight:normal; margin:0 10px 0 5px;}
.i_kfl{ width:680px; float:left;}
.i_kfl dl{ margin-top:15px;}
.i_kfl dl dt{ float:left; margin:5px 0 5px 15px; width:205px; }
.i_kfl dl dt img{ width:205px; height:216px;}
.i_kfl dl dt span{ display:block; text-align:center;width:205px; text-align:left; line-height:20px;}
.kmore{ float:right; padding-top:5px;}
.kmore a{ color:#fff;}
#jzdiv{ margin-top:30px;}

.i_kfr{width:290px; float:right;}

.if1con{ clear:both; width:270px; margin-top:5px; }

.if1con dl{ border-bottom:1px #353535 dashed; padding:10px 0;}
.if1con dl dt{ padding:0 10px}
.if1con .dtt{height:28px; line-height:28px; background:url(../images/wen.jpg) no-repeat 8px center; padding-left:29px;}
.if1con .dtc{background:url(../images/da.jpg) no-repeat 8px 3px; padding-left:29px; margin-top:5px; }
.if1con .dtt a{ color:#ff4200; font-size:15px; font-weight:normal}
.if1con .dtc p{color:#c7c7c7;font-size:14px; font-weight:normal}

/*首页新闻*/
.advgg{ height:121px; overflow:hidden;}
.i_newcon{ width:725px; height:421px; background:#3a3a3a; float:left; margin-top:15px;}

.i_contact{ width:275px; float:right; background:#f47115; height:436px;}

.i_t{background:url(../images/t.png) no-repeat 8px center; height:78px;}
.i_tel{ background:#222222; height:45px; line-height:45px; color:#fff; font-size:22px; text-align:center;}
.i_cc{ margin:10px; line-height:30px; color:#fff; font-size:16px;}



.favor-header-bar{background-color: #202020;overflow: hidden;height:42px;line-height: 42px;}
.favor-header-bar li{display: block;width:50%;text-align: center;float: left;height:42px;line-height: 42px;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:#f47115;}
.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%; }
.favor-list dl{overflow:hidden;/*padding:5px 0; */ line-height:36px;}
.favor-list a:first-child dl{ color:#fff;}
.favor-list dl a{color:#c8c8c8;}

/*首页滚动样式*/
.iabc{  margin-top:20px;}
.page_map { overflow:hidden; position:relative; height:459px; }
.page_map .page_map_wraper{position:absolute; z-index:1; width:100%;}
.page_map .page_map_c{width:1200px; margin:0 auto;}
.page_map .wraper { width:300px; height:200px; margin:80px 0 40px 700px; background:#fff; position:absolute;  border-radius:5px;}
.page_map .wraper h2{width:300px; line-height:80px; color:#fff; padding-left:20px; background:#f47115;  border-radius:5px 5px 0 0;} 
.page_map .wraper ul{ width:300px; padding:10px 20px 20px 20px;}
.page_map .wraper li{width:100%; padding:0px 0;color:#333;font-size:16px; }

.page_map .wraper li span { font-size:16px; padding-right:10px; width:260px; color:#333;}

#mapall { height:500px;}


.iglist{ background:#171717; height:269px; margin-top:20px;}
.iglist2{ background:#171717; height:269px; margin-top:20px; padding-bottom:15px;}
.igtitle{ height:60px; line-height:60px; border-bottom:1px #b00000 solid;}
.igl{ float:left; font-size:28px; color:#b00000;font-family:Microsoft YaHei,LiHei Pro Medium; padding-left:15px; width:305px; }
.igl span{ font-size:16px; color:#ccc; margin-left:5px;}
.iwweiboc{ width:310px; float:left; color:#fff;  border-right:1px #b00000 solid; padding:10px;}
.iwweiboc a, .weiboShow a{font-size:14px;}

.iabcon{ width:660px;  height:540px; float:right; padding-top:15px}
.iaimg{ width:270px; float:left; margin-right:10px; margin-left:10px;}
.iabr{ width:350px; float:right; color:#fff; font-size:14px; margin-right:10px}
.iabrt a{ font-size:18px; color:#b00000}
.iabrtc{ font-size:15px; line-height:26px; text-indent:2em; font-weight: normal;color:#c7c7c7;}
.ialist{ clear:both; padding-top:20px;}
.ialist li{ width:45%; line-height:36px; float:left; margin:0px 10px;}
.ialist li a{ font-size:15px;}
.ialist li a:hover{ padding-left:5px;}
.ialist li span{ float:right;}


.tab-T-3{width:110px; margin-top:28px; margin-right:15px;}


#sca1{ padding:10px;}

.tab-T-3 li{width:12px;height:12px;font-size:0;background-color:#dfdfdf;float:left;margin-left:10px;cursor:pointer;display:inline;border-radius: 50%;}
.tab-T-3 li.cur{background-color:#d81c1b;}
#count2{ width:980px;/* padding:35px 10px 30px 10px;*/}
#count2 icont{ width:235px; float:left; margin:0 7px; height:210px;color:#fff;  padding-top:15px;overflow:hidden;}
#count2  .pimg{ float:left; width:215px; height:152px; margin-right:10px; overflow:hidden;}
#count2 icont a{ color:#fff;}
#count2  span{ display:block; text-align:center;width:215px; line-height:30px;}

#count2 .icont img{-webkit-transition: all 1.1s;-moz-transition: all 1.1s;-o-transition: all 1.1s;-ms-transition: all 1.1s;transition: all 1.1s;vertical-align: top;}
#count2 .icont:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform: scale(1.1);}

.#count1{ padding-bottom:15px;}
#count1 li{ width:235px; float:left; margin:0 7px 10px 7px; height:auto; overflow:hidden;}
#count1 li .pimg{ float:left;  width:215px; height:152px; margin-right:10px;}
#count1 .icont span{ text-align:center; }
#count1 .icont{ text-align:center;width:215px; overflow:hidden;}
#count1 .icont img{-webkit-transition: all 1.1s;-moz-transition: all 1.1s;-o-transition: all 1.1s;-ms-transition: all 1.1s;transition: all 1.1s;vertical-align: top;}
#count1 .icont:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform: scale(1.1);}



.ifcon{ padding:10px;}
.ifcon ul li{ line-height:30px;}

.newpic{ margin:10px}
.inewspicimg{ width:260px; height:180px; margin:5px 10px; float:left;}
.newpicr{ width:410px; float:right; margin-right:10px}
.newpict{ font-size:18px; padding-top:10px;}
.newpict a{ color:#f47115; }
.newpict i{ width: 0;height: 1px;display: inline-block;vertical-align: middle;background: #f47115;opacity: 0;}
.newpict:hover i{width: 30px;opacity: 1;margin-right: 15px;}


.newpicc{ font-size:15px; line-height:30px;}

.newpiclist{ margin:10px; }
.newpiclist dl{ width:50%;  float:left;/*background: url(../images/plist.jpg) 4px center no-repeat*/}
.newpiclist dl a{ font-size:15px; /*padding-left:12px;*/}
.newpiclist dl i{ width: 0;height: 1px;display: inline-block;vertical-align: middle;background: #fff;opacity: 0;}
.newpiclist dl:hover i{width: 30px;opacity: 1;margin-right: 5px;}


.hplist { clear:both; padding:2px 0 0px 0;}
.hplist dl dt{ display:block; height:56px; background:#1c1c1c; padding:5px; margin-top:8px; width:295px;border:1px #1c1c1c solid; margin-left:7px; }
.hplist dl dt img{ width:56px; height:56px; float:left; margin-right:10px}
.hplist dl dt:hover{display:block; border:1px #b00000 solid;  }
.hplist dl dt:hover a{ color:#b00000;display:block;}

.nhplist { clear:both; padding:2px 0 0px 0;}
.nhplist ul li{ display:block; height:56px; background:#1c1c1c; padding:5px; margin-top:12px; width:315px;border:1px #1c1c1c solid; margin-left:20px; float:left; }
.nhplist ul li img{ width:56px; height:56px; float:left; margin-right:10px}
.nhplist ul li:hover{display:block; border:1px #b00000 solid;  }
.nhplist ul li:hover a{ color:#b00000;display:block;}

/*公用案例*/

.icaser{background:#3a3a3a; float:right; padding:10px; width:734px; height:1232px;}

.cleft{ width:250px; float:left; }
.cleft h2{width:250px;height:80px; background:#f47115; line-height:80px; text-align:center; color:#FFF; font-weight:200; font-size:20px;font-family:"微软雅黑";}
.cleft h2 span{display:block; font-size:10px; font-family:"Arial"}

.cleft dl{ background:#3a3a3a; height:100%; overflow:hidden; padding-bottom:8px; }
.cleft dt{padding-left:100px; height:50px; line-height:50px; color:#fff;background:#202020;margin-bottom:8px; font-size:18px;}
.cleft dd{ float:left; margin:0px 10px; }

.cleft #P_BMW dt{background:#202020 url(../images/bmw_bg.png) no-repeat 68px center; }
.cleft #P_Benz dt{background:#202020 url(../images/benz_bg.png) no-repeat 68px center; }
.cleft #P_Audi dt{background:#202020 url(../images/audi_bg.png) no-repeat 68px center; }
.cleft #P_Porsche dt{background:#202020 url(../images/por_bg.png) no-repeat 68px center; }
.cleft #P_other dt{background:#202020 url(../images/land_bg.png) no-repeat 68px center; }
.cleft #P_l dt{background:#202020 url(../images/jb_bg.png) no-repeat 68px center; }
.cleft #P_dz dt{background:#202020 url(../images/dz_bg.png) no-repeat 68px center; }
.cleft #P_qtb dt{background:#202020 url(../images/xf_bg.png) no-repeat 68px center; }
.ictype{height:40px;}
.ictype li{ float:left; width:150px; height:40px; line-height:40px; text-align:center; background:#202020; margin:5px 13px;}
.ictype li a{ color:#fff; font-size:16px;}
.ictype  .on{ background:#f47115;}

.ictypeb dd{ float:left; margin:0 8px; line-height:40px; height:40px;}
.ictypeb dd a{color:#fff; font-size:14px;}
.ictypeb  .on a{ color:#900; font-weight:bold; }


.nleft #P_BMW dt{background:#202020 url(../images/bmw_bg.png) no-repeat 68px center; }
.nleft #P_Benz dt{background:#202020 url(../images/benz_bg.png) no-repeat 68px center; }
.nleft #P_Audi dt{background:#202020 url(../images/audi_bg.png) no-repeat 68px center; }
.nleft #P_Porsche dt{background:#202020 url(../images/por_bg.png) no-repeat 68px center; }
.nleft #P_other dt{background:#202020 url(../images/land_bg.png) no-repeat 68px center; }
.nleft #P_l dt{background:#202020 url(../images/jb_bg.png) no-repeat 68px center; }
.nleft #P_dz dt{background:#202020 url(../images/dz_bg.png) no-repeat 68px center; }
.nleft #P_qtb dt{background:#202020 url(../images/xf_bg.png) no-repeat 68px center; }
.nleft dl{ background:#3a3a3a; height:100%; overflow:hidden; padding-bottom:8px; }
.nleft dt{padding-left:100px; height:50px; line-height:50px; color:#fff;background:#202020;margin-bottom:8px; font-size:18px;}
.nleft dd{ float:left; margin:0px 10px; }

/*改色膜*/
.g_title{ height:87px; width:400px; margin:40px auto 0 auto; padding:0;background: url(../images/wh.png) no-repeat right center;  }
.gt{ font-size:36px; color:#fff;line-height:50px;}
.gt2{ color:#989898; font-size:24px; padding-left:35px; }
.gt2 span{ color:#d8000f;}
.g_slist{ margin-top:40px;}
.g_slist li{ width:233px; overflow:hidden; float:left; margin-right:20px;}
.g_sfont{ clear:both; margin-top:20px; line-height:30px; text-align:left; font-size:16px;}

.gc_con{ height:400px;background: url(../images/gbgcar.png) no-repeat center center;  }
.gbox{width:160px; line-height:24px; font-size:16px; background:#171717; border:1px #b00000 solid; padding:5px 10px;}
.g1{ float:left; margin:60px 10px 10px 200px }
.g3{ float:left;margin:40px 10px 10px 60px }
.g5{ clear:both;float:left;margin:50px 10px 10px 200px }

.g2{ float:right;margin:60px 200px 10px 10px  }
.g4{ float:right;margin:40px 60px 10px 10px }
.g6{ float:right;margin:50px 200px 10px 10px  }

.g_title2{ height:87px; width:400px; margin:40px auto 0 auto; padding:0;background: url(../images/wh.png) no-repeat right center;  }
.g_title2 .gt{ font-size:36px; color:#fff;line-height:50px;}
.g_title2 .gt3{ color:#989898; font-size:24px; }

.gv1{ float:left; margin-top:40px; width:508px;}
.gvtitle{background: url(../images/gvtbg.png) no-repeat center center; width:294px; height:46px; line-height:46px; color:#fff; font-size:22px; padding-left:20px; margin-bottom:20px; }
.gvlist li{ font-size:18px; line-height:36px;background: url(../images/gvlist.png) no-repeat left center; padding-left:10px;}

.vbtn{ width:200px; height:80px; margin-top:20px;}
.vbtn a{font-size:18px;font-family:"微软雅黑";}

.gv2{ float:right; width:480px;background: url(../images/gv1.png) no-repeat top right; height:308px; margin-top:30px;}

.gv3{ float:left; width:600px;background: url(../images/gv2.png) no-repeat top left; height:379px; margin-top:30px;}
.gv4{ float:right; margin-top:40px; width:380px;}
.gv5{ float:left; margin-top:80px; width:508px;}
.gv6{ float:right; width:480px;background: url(../images/gv3.png) no-repeat top right; height:456px; margin-top:30px;}

.gv7{ float:left; width:520px;background: url(../images/gv4.png) no-repeat top left; height:379px; margin-top:30px;}
.gv8{ float:right; margin-top:40px; width:450px;}


.kfjxlist{ }
.kfjxlist dl{ margin-top:15px;}
.kfjxlist dl dt{ float:left; margin:5px 10px 5px 10px; width:205px; }
.kfjxlist dl dt img{ width:205px; height:216px;}
.kfjxlist dl dt span{ display:block; text-align:center;width:205px; text-align:left; line-height:20px; height:60px;}


/*风采展标*/
.flist{ }

.flist dl{ float:left; margin:10px 10px 5px 10px; width:215px; background:#202020;overflow:hidden;  }
.flist .picit{width:215px; height:160px;overflow:hidden;}
.flist .picit img{ width:215px; height:160px;-webkit-transition: all 1.1s;-moz-transition: all 1.1s;-o-transition: all 1.1s;-ms-transition: all 1.1s;transition: all 1.1s;vertical-align: top;overflow:hidden;}

.flist .picit:hover img{width:215px; height:160px; overflow:hidden;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform: scale(1.1);}
.flist dl:hover{background:#f47115;}
.flist .picf{ display:block; text-align:center;width:215px;  line-height:36px; height:36px;color:#fff}
.flist .picf:hover a{ color:#fff;}
/*关于我们样式*/

.iabout{background:#171717; height:620px; margin-top:20px;}

.if1{ width:320px; height:445px;background:#171717;}
.if1t{ float:left; font-size:28px; color:#b00000;font-family:Microsoft YaHei,LiHei Pro Medium; padding-left:15px; line-height:60px; border-bottom:1px solid #b00000; width:305px; height:60px;}
.if1t span{ font-size:16px; color:#ccc; margin-left:5px;}
.ml10{ float:left;}
.ml20{ float:left; margin-left:20px;}
.ml30{ float:right;}

.iabc{background:#171717;  margin-top:20px; height:459px;}
.iabct{font-size:28px; color:#b00000;font-family:Microsoft YaHei,LiHei Pro Medium; padding-left:15px; line-height:60px; border-bottom:1px solid #b00000; text-align:center}
.iabct span{ font-size:16px; color:#ccc; margin-left:5px;}


.yslist{ width:611px; }
.yslist ul li{ background: url(../images/index_06.jpg) center left no-repeat; line-height:28px; padding-left:15px}

.index_bt{color:#555152; line-height:1.4; margin-bottom:16px; text-align:left;}
.index_bt .zi{color:#1a1a1a; font-size:36px; }



.f30{ font-size:30px; color:#35a0e4;}
.f18{font-size:18px; color:#333;}

.abt{ width:100%; padding:25px 0; text-align:center;}
.abtt{width:100%; padding:5px 0 25px 0; text-align:center;}
.abtline{ width:110px; margin:0 auto; border-top:1px #ccc solid; height:2px; padding-bottom:30px;}
.abc{ width:800px; margin:0 auto; text-align:center; text-indent:2em; padding-bottom:40px;}
.vmore{ width:145px; margin:0 auto;}

.scon{ background:#f5f5f5; padding:20px 0 40px 0; margin:30px 0 20px 0; height:100%; overflow:hidden;}
.imgbox{ width:334px;}
.imgbox .img{ width:334px; height:182px;}

.scon ul{ padding:10px 0;}
.scon ul li{ float:left; margin-right:47px;}
.info1{ 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;}

.inelist{ padding-bottom:20px;}
.inelist li{ float:left; background:#f5f5f5; width:510px; padding:10px 10px;margin:10px 10px;}
.inelist li a{ color:#525252; font-weight:bold; font-size:16px;}
.inelist li span{ display:block; color:#959595; font-size:14px; font-weight:normal;}
.inelist li:hover{ background:#35a0e4;-webkit-transition:all 0.1s ease; -moz-transition:all 0.1s ease; -ms-transition:all 0.1s ease; -o-transition:all 0.1s ease; transition:all 0.1s ease;}
.inelist li:hover a{ color:#fff;}
.inelist li:hover span { color:#a5d5f3}

.sb_box{ background:#3a3a3a; height:100%;}
.icaseList li{ width:216px; height:215px; float:left; background:#fff; margin:5px 10px 4px 10px; position:relative; overflow:hidden;}
.icaseList li .caseThum{ width:216px; height:172px; position:relative; overflow:hidden;}
.icaseList li .caseThum img{ position:absolute; left:0px; top:0px;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s; width:216px; height:172px}
.icaseList li .caseName{ width:100%; padding-left:10px; height:50px; line-height:50px;  font-size:16px; color:#c8c8c8; overflow: hidden;}
.icaseList li .caseBottom{ width:100%; height:110px; position:absolute; left:0px; bottom:-55px; -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s; background:#171717;}
.icaseList li .caseInfo{ width:216px; height:55px; color:#fff;}
.icaseList li .caseInfo .caseIcon{ width:35px; padding-left:25px; height:15px; float:left; font-size:8px; line-height:15px; margin-top:20px; margin-left:10px;}
.icaseList li .caseInfo .caseIcon.ll{ background:url(../images/icons.png) -20px 0px no-repeat;}
.icaseList li .caseInfo .caseIcon.pl{ display: none;}
.icaseList li .caseInfo .caseTime{ width:100px; height:15px; float:right; margin-top:20px; font-size:8px; line-height:15px; text-align:right; margin-right:10px;}
.icaseList li:hover .caseBottom{ bottom:0px; background: #f47115; color: #FFFFFF;}
.icaseList li:hover .caseBottom .caseName,.caseList li:hover .caseInfo{ color: #FFFFFF;}
.icaseList li:hover .caseBottom .caseName{ border-bottom: 1px solid #fd8240;}
.icaseList li:hover .caseThum img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

.holder{ margin-top:15px;}
/* banner */

.inbanner{ width:100%; height:541px; overflow:hidden; margin:0 auto; position:relative; z-index:-1;}
#slides {display:block; width:100%; height:541px; position:relative;}
#slides li{display:block; width:100%; height:100%; position:absolute; background-repeat:no-repeat; background-position:center top;}
#slides li a{display:block; width:100%; height:100%; text-indent:-9999px}
#pagination {display:block; list-style:none; position:relative; z-index:9900; width:150px;margin:0 auto; margin-top:-30px; }
#pagination li{display:block; list-style:none; width:40px; height:4px; float:left; margin-right:10px;background:#FFF; }
#pagination li a{display:block; width:100%; height:100%; overflow:hidden; text-indent:-999px;}
#pagination li.current{background:#ed5300}

/*视频专区*/
.vList{ margin-top:15px;}
.vList li{ width:216px; height:222px; float:left; background:#fff; margin:8px 10px 8px 10px; position:relative; overflow:hidden;}
.vList li .caseThum{ width:216px; height:172px; position:relative; overflow:hidden;}
.vList li .caseThum img{ position:absolute; left:0px; top:0px;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s; width:216px; height:172px}
.vList li .caseName{ width:100%; padding-left:10px; height:50px; line-height:50px;  font-size:16px; color:#c8c8c8; overflow: hidden;}
.vList li .caseBottom{ width:100%; height:110px; position:absolute; left:0px; bottom:-55px; -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s; background:#1c1c1c;}
.vList li .caseInfo{ width:216px; height:55px; color:#d1d1d1;}
.vList li .caseInfo .caseIcon{ width:35px; padding-left:25px; height:15px; float:left; font-size:8px; line-height:15px; margin-top:20px; margin-left:10px;}
.vList li .caseInfo .caseIcon.ll{ background:url(../images/icons.png) -20px 0px no-repeat;}
.vList li .caseInfo .caseIcon.pl{ display: none;}
.vList li .caseInfo .caseTime{ width:100px; height:15px; float:right; margin-top:20px; font-size:8px; line-height:15px; text-align:right; margin-right:10px;}
.vList li:hover .caseBottom{ bottom:0px; background: #f47115; color: #FFFFFF;}
.vList li:hover .caseBottom .caseName,.caseList li:hover .caseInfo{ color: #FFFFFF;}
.vList li:hover .caseBottom .caseName{ border-bottom: 1px solid #fd8240;}
.vList li:hover .caseThum img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

/* menu */

.menu { height: 50px; }
.menu li { float:left; height: 50px; text-align:center; width:142px;font-family:Microsoft YaHei,LiHei Pro Medium; font-size:16px; margin:0 0px; line-height:50px;}
.menu li a {  color:#fff; text-align:center;}
.menu li a:hover {color: #fff;text-decoration:none;-webkit-transition:all 0.8s ease; -moz-transition:all 0.8s ease; -ms-transition:all 0.8s ease; -o-transition:all 0.8s ease; transition:all 0.8s ease; background:#e64018; display:block;line-height:50px; }

.nav_menu-item {
  display: inline-block;
  position: relative;
}

.nav_menu-item:hover .nav_submenu {
  display: block;
}
.nav_submenu {
  font-weight: 300;
  text-transform: none;
  display: none;
  position: absolute;
  margin-top:0px; 
}

.menu LI ul{ background:#f37015; width:142px; clear:both; padding:0;}
.menu LI ul li{clear:both; line-height:40px; height:40px; background:none; text-align:center; margin:0;  margin-left:0px;}
.menu LI ul li a{ font-size:14px; text-align:center;line-height:40px; display:block;}
.menu LI ul li a:hover{font-size:14px; text-align:center;line-height:40px; }
.btn-5 {
  color: #fff;
  border-color: #e64018;
  position: relative;
  overflow: hidden;
}
.btn-5:before {
  content: "";
  position: absolute;
  top: 0;
  left: -5px;
  width: 110%;
  height: 0;
  background-color: #e64018;
  z-index: -1;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.btn-5:hover {
  color: #fff;
}
.btn-5:hover:before {
  height: 100%;
}

.menub{ width:100%; height:50px; background:#dddddd}
.menubl{ float:left; color:#00824a; line-height:50px;}
.menubl a{ color:#333}
#icur{background:#e64018;}

/* menu end */
.lconcc{ padding:10px; line-height:26px; background:#008742; padding:0 10px 10px 10px}
.lconcc div{ background:#fff; color:#666; padding:5px;}
.nleft h3{width:250px;height:95px; background:url(../images/h2.png) no-repeat; padding-left:32px; padding-top:40px; color:#FFF; font-weight:500; font-size:30px;font-family:"微软雅黑"; margin-top:23px;}
.nleft h3 span{ font-size:16px; font-family:"Arial"; padding-left:10px;}


#main{}
#nleft{ width:250px; float:left;margin-top:23px}
#nleft h2{width:250px;height:95px; background:url(../images/h2.png) no-repeat; padding-left:32px; padding-top:40px; color:#FFF; font-weight:500; font-size:30px;font-family:"微软雅黑";}
#nleft h2 span{ font-size:16px; font-family:"Arial"; padding-left:10px;}

#nleft .leftNav{width:250px;display:table;padding-bottom:24px; padding-top:12px; margin-bottom:6px; float:left; background:#008742;}
#nleft .leftNav ul{ width:230px;background:#fff; margin-left:10px; height:100%; overflow:hidden;}
#nleft .leftNav ul li{width:100%;height:36px;float:left;}
#nleft .leftNav ul li a{display:block;height:36px; line-height:35px; padding-left:47px; background:url(../images/leftnavli_27.jpg) center bottom no-repeat; color:#666;}
#nleft .leftNav ul li a:hover{color:#fff; background:#f37015 url(../images/leftnavli_21.jpg) center center no-repeat;  -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
#nleft #curNav{background:#f37015 url(../images/leftnavli_21.jpg) center center no-repeat;color:#fff;}
#nleft #curNav a{color:#fff; }
#nleft #curNav a:hover{color:#fff;}

#nleft.sticky { float: none; position: fixed;  z-index: 6; left: auto; }
.ltel{ margin:15px 0;}

#nright {width:735px; float:right; display:table; margin-top:23px;background:#fff; padding:2px 15px; }
#nright h2{height:36px; line-height:36px; border-bottom:1px #2b2b2b solid;padding-left:21px; background: url(../images/righth2_13.jpg) center left no-repeat;color:#f5f5f5; font-size:15px; font-weight:normal; padding-bottom:8px;}
#nright h2 .home{padding-left:19px; background:url(../images/home_16.jpg) 0 2px no-repeat;color:#f5f5f5; margin-left:8px;}
#nright h2 a{color:#f5f5f5;}
#nright h2 a:hover{color:#009488;}
#nright h2 span{display:inline-block;width:22px; text-align:center; background:url(../images/jin_20.jpg) center no-repeat; overflow:hidden;text-indent:-9999px;}
#nright h2 strong{color:#009488; font-weight:500;}

#nright .summarize{display:table;padding:0 8px; padding-top:20px; width:100%; height:100%; overflow:hidden; }
#nright .summarize p{line-height:26px; font-size:16px; color:#333;  font-family:"微软雅黑";  }
#nright .summarize p img{display:inline;}



.caseList li{ width:216px; height:222px; float:left; background:#fff; margin:10px 16px 10px 16px; position:relative; overflow:hidden;}
.caseList li .caseThum{ width:216px; height:172px; position:relative; overflow:hidden;}
.caseList li .caseThum img{ position:absolute; left:0px; top:0px;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s; width:216px; height:172px}
.caseList li .caseName{ width:100%; padding-left:10px; height:50px; line-height:50px;  font-size:16px; color:#c8c8c8; overflow: hidden;}
.caseList li .caseBottom{ width:100%; height:110px; position:absolute; left:0px; bottom:-55px; -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s; background:#171717;}
.caseList li .caseInfo{ width:216px; height:55px; color:#fff;}
.caseList li .caseInfo .caseIcon{ width:35px; padding-left:25px; height:15px; float:left; font-size:8px; line-height:15px; margin-top:20px; margin-left:10px;}
.caseList li .caseInfo .caseIcon.ll{ background:url(../images/icons.png) -20px 0px no-repeat;}
.caseList li .caseInfo .caseIcon.pl{ display: none;}
.caseList li .caseInfo .caseTime{ width:100px; height:15px; float:right; margin-top:20px; font-size:8px; line-height:15px; text-align:right; margin-right:10px;}
.caseList li:hover .caseBottom{ bottom:0px; background: #f47115; color: #FFFFFF;}
.caseList li:hover .caseBottom .caseName,.caseList li:hover .caseInfo{ color: #FFFFFF;}
.caseList li:hover .caseBottom .caseName{ border-bottom: 1px solid #fd8240;}
.caseList li:hover .caseThum img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}


.rpiclist{ float:left; width:150px; margin:20px 30px}
.rpiclist .picti img{border:1px #bab9b9 solid}
.rpiclist .picfo{ text-align:center}

/*案例样式*/
.pleft{ width:250px; float:left; margin-top:23px}
.pleft h2{width:250px;height:62px; background:url(../images/h2.png) no-repeat; padding-left:43px; padding-top:33px; color:#FFF; font-weight:500; font-size:18px;font-family:"微软雅黑";}
.pleft h2 span{display:block; font-size:10px; font-family:"Arial"}

.pleft dl{ background:#171717; height:100%; overflow:hidden; padding-bottom:8px; }
.pleft dt{padding-left:50px; height:40px; line-height:40px; color:#fff; border-bottom:1x #f00 solid;background:#1c1c1c;margin-bottom:8px;}
.pleft dd{ float:left; margin:0px 10px; }

.pleft #P_BMW dt{background:#1c1c1c url(../images/bmw_bg.png) no-repeat 15px center; }
.pleft #P_Benz dt{background:#1c1c1c url(../images/benz_bg.png) no-repeat 15px center; }
.pleft #P_Audi dt{background:#1c1c1c url(../images/audi_bg.png) no-repeat 15px center; }
.pleft #P_Porsche dt{background:#1c1c1c url(../images/por_bg.png) no-repeat 15px center; }
.pleft #P_other dt{background:#1c1c1c url(../images/cpao_bg.png) no-repeat 15px center; }
.pleft #P_l dt{background:#1c1c1c url(../images/land_bg.png) no-repeat 15px center; }
.pleft #P_qtb dt{background:#1c1c1c url(../images/xf_bg.png) no-repeat 15px center; }









.sb_box .position{ background:#f47115; height:36px; line-height:36px;color:#fff; margin:20px 0 0 0; padding-left:10px;}
.sb_box .position a{ color:#fff;}
/*分页*/


.pagelink{ clear:both; height:42px;  text-align:center;  width:650px; margin:0 auto; margin-top:15px; padding-top:15px; margin-bottom:20px;}
.pagelink a {border:1px #ccc solid;text-decoration: none;background:#ccc; padding:3px 8px;color: #f5f5f5; margin:3px}
.pagelink a:hover {border:1px #008742 solid; background:#008742; color:#f5f5f5;}
.pagelink a:active {border:1px #008742 solid; background:#008742; color:#f5f5f5;}
.pagelink span.current {border:1px #008742 solid; background:#008742; color:#f5f5f5; padding:3px 8px; margin:3px}
.pagelink span.nolink { border:1px #ccc solid;text-decoration: none;background:#ccc; padding:3px 8px;color: #f5f5f5; margin:3px}


/*内容显示形式*/
.nr_bt{ width:100%; height:auto; overflow:hidden;}

.nr_text h5,.nr_bt h5{ font-size:16px; color:#008742; 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 #ccc solid;border-top:1px #ccc solid; text-align:center; font-size:13px; line-height:30px; 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 { width:320px; float:left }
.pnimg img{max-width:320px;_width:expression(this.width > 320 ? "320px" : this.width);}
.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; padding-right:18px; font-size:16px;}

.nnleft{ width:360px; float:right}
.nr_text h1{font-size: 16px; font-weight:normal; line-height:30px; text-align:center; margin-bottom:10px;}
.nnleft hr{  clear:both;height:0;box-sizing:content-box;}
.nnbb{ margin:4px 0 10px 0; line-height:26px; font-size:14px; width:360px; height:177px; overflow:hidden;}
.nnbcon{ line-height:28px; padding:15px 0;}
.nnbcon{font-size:16px; font-weight:normal}
.summarize2{display:table;padding:0 8px; padding-top:20px; height:100%; overflow:hidden; width:100%; overflow:hidden;}
.pncl{ background: url(../images/probg.jpg) top center no-repeat; height:365px; overflow:hidden;}
.pnclt{background: url(../images/cl.png) center 5px no-repeat; height:121px}
.pncldiv{ padding:5px 20px 15px 20px; font-size:20px; line-height:44px;}
.pncldiv span{ color:#f47115; font-weight:bold; font-size:18px;}

/*底部*/

#bad{ height:86px; width:100%; background:#ed5300; border-bottom:1px #fe5b03 solid; color:#fff;  font-size:28px; text-align:center; line-height:86px; font-weight:500;}

#foot{  text-align:center; padding:20px 0 10px 0; background:#008742; height:100%; overflow:hidden;}







#flogo{ float:left; width:160px; margin-top:20px;}
#flogo img { }
#flogo span{ display:block; color:#fff;}

.fweixin img {  width:120px; height:120px;}
.fweixin span{ display:block; color:#fff;}


.friend { clear:both; color:#fff;  padding-bottom:10px; height:100%; overflow:hidden; width:1000px;}
.friend a{color:#fff;}

.ifrt{font-size:20px; color:#f47115;font-family:Microsoft YaHei,LiHei Pro Medium; padding-left:15px; line-height:40px; border-bottom:1px solid #00a450; text-align:left}
.ifrt span{ font-size:16px; color:#ccc; margin-left:5px;}
.friend dl{ margin:8px 4px; width:1000px;}
.friend dl dt{  height:32px; line-height:32px; margin:5px 17px; float:left; overflow:hidden; }
.friend dl dt a{ font-size:14px;}



#bocont{ float:left; width:440px; text-align:left; font-size:16px; border-left:1px #c7c7c7 solid; padding-left:20px; color:#fff;}
#bocont p{ font-size:16px; line-height:30px;color:#fff;}
#bocont a{ color:#fff;}

.fbottom{ clear:both; height:30px; text-align:center;  color:#fff; margin-top:15px;border-top:1px #343434 solid; padding-top:10px;}
.fbottom a{ color:#fff}

.fweixin{ margin-top:0px; width:350px; float:right;}
.fweixin li{ float:left; width:140px; margin-left:15px;}

.top{position:fixed;_position:absolute;background:url(../images/a.png) no-repeat;display:block;width:58px;height:58px;right:18px;_right:-47px;bottom:32px;filter:alpha(opacity=80)}
.top:hover{filter:alpha(opacity=100)}


/*好评列表*/
.hp_list_title{text-align:center; margin:20px 0}
.zsjt_t_a{font-size:24px; color:#fff; line-height:50px;}
.zsjt_t_b{font-size:31px; color:#fff; padding-top:4px;}
.zsjt_t_b em{color:#f47115; font-weight:bold;}
.zsjt_t_b b{color:#f47115;}


/*在线客服样式*/

.custom_service p img {display: inline; margin-top:-5px; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:150px;}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; height:32px; line-height:32px; margin:10px 0; vertical-align:middle;background:url(../images/qbg.png) no-repeat; color:#fff;}
.side_center .custom_service p a{ color:#fff; font-size:14px; text-decoration:none; font-family:"微软雅黑"; padding-left:10px;}
.other  { text-align:center;}
.other p { padding:5px 0; _height:16px; margin:0;color: #fff; font-size:14px;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
/*.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}*/

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}









/*透明膜*/
.tmm{margin-top:10px;}
.tmm_title{height:111px; background:url(../images/tmm_t_bg.png) no-repeat left 150px top; padding-left:298px; color:#fff; padding-bottom:56px;}
.tmm_t_a{font-size:33px; font-weight:bold; padding-top:10px;}
.tmm_t_b{font-size:28px; padding-top:14px;}
.tmm_t_c{font-size:14px;padding-top:10px;}

.tmm_cont{background:url(../images/tmm_c_bg.jpg) no-repeat right top; height:280px; padding-right:600px; overflow:hidden;}
.tmm_cont ul{width:110%; padding:4px 0;}
.tmm_cont ul li{width:160px; height:120px; float:left; margin-right:46px; margin-bottom:10px;}
.tmm_cont ul li strong{font-size:19px; color:#c40000; display:block; padding-bottom:6px;}
.tmm_cont ul li p{line-height:19px; font-size:14px; color:#c8c8c8;}

.tmm_xz{margin-top:80px; padding-bottom:40px;}
.tmm_xz_title{text-align:center; color:#fff; padding-bottom:100px;}

.gtxz_j{height:364px; position:relative;}
.gtxz_sp{position:absolute; width:510px; height:364px; top:0; left:16px;}
.gtxz_jj{position:absolute; left:558px; top:0;}
.gtxz_k{height:381px; background:url(../images/xz10_bg.png) no-repeat right top; margin-top:50px;}

.kn{padding-top:4px;}
.kn_title{padding:40px 0; text-align:center;}
.pb50{padding-bottom:50px;}
.kn_title img{/*width:587px; height:72px;*/}


.kn_t_l{width:350px; float:left; text-align:right; font-family:"Arial"; font-weight:bold; color:#fff; font-size:75px;}
.kn_t_r{float:left; padding-left:10px;}
.kn_t_r1{font-size:31px; color:#fff; text-align:left;}
.kn_t_r2{font-size:31px; color:#fff; text-align:left; margin-top:-6px;}
.kn_t_r2 span{font-size:35px; color:#fff; font-family:"Arial"; font-weight:bold;}
.kn_t_r2 em{font-size:35px; font-weight:bold; color:#c20000;}

.kn_cont{overflow:hidden; padding-left:10px;}
.kn_cont ul{width:110%;}
.kn_cont ul li{width:202px; float:left; padding-right:60px;}
.kn_a{text-align:center;}
.kn_a img{width:168px; height:170px;}
.kn_b{padding-left:6px; font-family:"微软雅黑 bold"; font-size:19px; color:#fff; padding-top:16px; padding-bottom:8px;}
.kn_c{background:url(../images/sjx_bg.png) no-repeat; padding-top:10px;}
.kn_c p{border:1px solid #707070; border-top:0; height:126px; color:#c8c8c8; font-size:15px; line-height:25px; padding-top:10px; padding-left:8px; padding-right:8px;}

.wt_cont{width:321px;}
.wt_img{position:relative;}
.wt_img img{width:321px; height:138px;}
.wt_img p{line-height:36px; position:absolute; bottom:0; left:0; padding:0 22px; font-size:18px; color:#fff; font-weight:bold; width:277px;}
.wt_small{height:70px; background:url(../images/wt_s_bg.jpg) repeat-x;}
.wt_small p{padding:4px 18px 0 22px; font-size:14px; color:#fff; line-height:19px;}

.wt_c{overflow:hidden;}
.wt_c ul{width:110%;}
.wt_c ul li{width:321px; float:left; margin-right:22px; margin-bottom:22px;}

.wt_c2{overflow:hidden;}
.wt_c2 ul{width:140%;}
.wt_c2 ul li{width:321px; float:left; margin-right:310px; margin-bottom:40px;}

.kn_cont2{background:url(../images/kn_bg.png) no-repeat center 56px;padding-bottom:18px; padding-left:24px;}







.videodiv{
	overflow: hidden;
    text-align: center;
    pointer-events: auto;
    position: absolute;
    width: 100%;
    height: 500px ; z-index:-1;
	
	}

.videodiv .mask {
    background: rgba(1,1,1,0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 20;
}

.videodiv #video {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}
.ibfont{ position: absolute;
    width: 40%;
    left: 22%;
    height: 70%;
    top: 25%;
    z-index: 60; width:950px ; height:205px; }

.ibfont .slogan {
    position: relative;
    width: 100%;
    height: 100%;
    color: white;
}



.rtop{ overflow:hidden; padding-top:20px; padding-bottom:9px; border-bottom:1px solid #dbdbdb;}
.rtop h5{ float:left; padding-left:10px; border-left:3px solid #00824a; font-weight:normal; line-height:18px;color:#00824a;font-size:18px; }
.rtop h5 a{ font-size:18px; color:#00824a;}
.rtop span{ float:right;}
.rtop span em{ color:#999;}
.rtop span a{ color:#999;}

.newlist li{ height:50px; border-bottom:1px #ccc solid;background:url(../images/newsLi_ico.png) no-repeat left center; line-height:50px; padding-left:20px ;position:relative  }
.newlist li span{float:right; height:20px; width:80px;/*background:#b1b1b1;*/ text-align:center; line-height:20px; margin:8px 10px }
.newlist li span a{display:block; }
.newlist li i{ width: 0;height: 1px;display: inline-block;vertical-align: middle;background: #f47115;opacity: 0;}
.newlist li:hover i{width: 30px;opacity: 1;margin-right: 15px;}


.tmenu{ background:#e64018;}