@charset "utf-8";
/* CSS Document */
/*------------------------全局变量-------------------------------------*/
body,h1,h2,h3,h4,h5,h6,dd,dl,dt,form,th,td,ul,li,ol,p{ margin:0;padding:0; }
body{font-size:12px;font-family:"微软雅黑",HELVETICA; position:relative;}
img{ border:0;}
ul,li,ol{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;} 
a{font-weight:normal; text-decoration:none;}
a:hover {text-decoration:none;}  
.clearfix:after {clear:both; content:'';display: block;font-size: 0;line-height: 0;visibility: hidden; width: 0;height: 0;}
.clearfix {+display: inline-block;}
* html .clearfix {height: 1%;}  
html,body{-webkit-text-size-adjust:none;}   

.wrapper{ width:100%; height:100%; position:relative; overflow:hidden;} 
.xlgl{position:absolute;left:50%; margin-left:-50px; bottom:20px;animation: bottom_go01 2s infinite; -moz-animation: bottom_go01 2s infinite ; -webkit-animation: bottom_go01 2s infinite;transition:linear 0.2s; -webkit-transition:linear 0.2s;} 
.xlgl p {color:#FFF; font-size:12px; background:url(../images/bg_22.png) top center no-repeat; padding-top:30px;} 
@keyframes bottom_go01
{
0% {bottom:20px}
50% {bottom:30px;}
100%{bottom:20px;}
}
@-moz-keyframes bottom_go01
{
0% {bottom:20px}
50% {bottom:30px;}
100%{bottom:20px;}
}
@-webkit-keyframes bottom_go01
{
0% {bottom:20px}
50% {bottom:30px;}
100%{bottom:20px;}
}
 
.pic01 img{position:absolute; left:300px; top:29%; margin-top:-88px; width:30%; height:auto;}  
.pic04 img{position:absolute; top:100px;right:150px;}    
.pic12 img{position:absolute; top:50px; left:50%; margin-left:-373px;} 
.pic14 img{position:absolute; top:50px; left:50%; margin-left:-570px;}
.pic44 img{position:absolute; bottom:100px; left:150px;}    
.pic66 img{position:absolute; top:50%; margin-top:-115px; right:200px;}   
.pic30 img{position:absolute; left:350px; bottom:50px; width:48%; height:auto;} 
.yinghua img{position:absolute; right:0px; top:0px; width:40%; height:auto;}   
.pic31 img{position:absolute; left:300px; bottom:420px;}  
.pic32 img{position:absolute; left:20px; bottom:20px;}  
.pic33 img{position:absolute; left:100px; top:100px;}  
.pic34 img{position:absolute; right:100px; top:100px;}  
.pic03 img{position:absolute; right:150px; top:60px;}    
.pic07 img{position:absolute; right:150px; bottom:150px;}   
.pic09 img{position:absolute; right:60px; top:60px;}
.pic13 img{width:100%; height:100%;}

/*新能源动力*/
.pic70 img{position:absolute; left:9%; top:9.6%; width:37%; height:auto;}
.pic71 img{position:absolute; left:51.2%; top:21%; width:39.8%; height:auto;}
.pic72 img{position:absolute; left:9%; top:65%; width:82%; height:auto;}
.pic73 img{position:absolute; left:9%; top:69.2%; width:18.4%; height:auto;}
.pic74 img{position:absolute; left:30%; top:69.2%; width:18.4%; height:auto;}
.pic75 img{position:absolute; left:51.25%; top:69.2%; width:18.4%; height:auto;}
.pic76 img{position:absolute; left:72.38%; top:69.2%; width:18.4%; height:auto;}

/*智能客车*/
.pic93 img{ position:absolute; left:0px; bottom:0px;}
.pic94 img{position:absolute; right:3%; bottom:30px; width:31%; height:auto;}
.pic95 img{position:absolute; left:6%; top:12%; width:25%; height:auto;}
.pic96 img{position:absolute; left:8%; top:29.3%; width:20.3%; height:auto;}
.pic97 img{position:absolute; left:35%; top:12%; width:40%; height:auto;}
.pic98 img{position:absolute; left:3%; bottom:30px; width:31%; height:auto;}
.pic99 img{position:absolute; left:12.7%; top:14%; width:37.6%; height:auto;}
.pic100 img{position:absolute; left:57.5%; top:15.4%; width:37.15%; height:auto;}
.pic101 img{position:absolute; right:10%; bottom:50px; width:42%; height:auto;}
.pic102 img{position:absolute; left:6.5%; top:14%; width:38.9%; height:auto;}
.pic103 img{position:absolute; left:52.6%; top:15.9%; width:37%; height:auto;}

  
.w_wz,.w_wz02,.w_wz04{width:50%; height:100%;} 
.w_wz01,.w_wz03,.w_wz05{width:50%; height:100%;position:absolute; right:0px; top:0;} 
.wz01{width:50%; height:100%; background:url(../images/bg_21.png); position:absolute; left:0px; top:0;}  
.wz09{width:50%; height:100%; background:url(../images/bg_24.png); position:absolute; left:0px; top:0;display:none;}     
.wz10{width:50%;} 
.wz10 p{ width:50%; height:100px; position:absolute; bottom:150px; left:0; line-height:100px; background:url(../images/bg_12.png);} 
.wz10 span{font-size:36px; color:#FFF; margin-left:100px;}
.wz11{width:100%; height:100%; background:url(../images/bg_24.png); position:absolute; right:0px; top:0;}   
.wz12{display:none;}
.wz12 p{width:100%; height:100px; position:absolute; top:150px; right:0; line-height:100px; background:url(../images/bg_12.png);} 
.wz12 span{font-size:36px; color:#FFF; margin-right:100px; text-align:right; display:block;}
.wz01{width:50%; height:100%; background:url(../images/bg_24.png); position:absolute; left:0px; top:0;display:none;} 
.wz02{width:50%;}   
.wz02 p{ width:50%; position:absolute; bottom:150px; left:0; padding-bottom:30px; padding-top:30px; background:url(../images/bg_21.png);} 
.wz02 span{font-size:36px; color:#FFF; margin:0 0 0 100px; display:block;}  
.wz02 tt{font-size:14px; line-height:24px;font-family:"微软雅黑"; font-weight:normal; color:#FFF; line-height:24px; margin:0 100px; display:block;}
.wz03{width:100%; height:100%; background:url(../images/bg_24.png); position:absolute; right:0px; top:0;} 
.wz04{display:none;}  
.wz04 p{ width:100%; position:absolute; bottom:150px; right:0; padding-bottom:30px;padding-top:30px; background:url(../images/bg_21.png);} 
.wz04 span{font-size:36px; color:#FFF; margin:0 0 0 100px; display:block;}  
.wz04 tt{font-size:14px; font-weight:normal;font-family:"微软雅黑"; color:#FFF; line-height:24px; margin:0 100px; display:block; line-height:24px;}


.wz05{width:50%; height:100%; background:url(../images/bg_21.png); position:absolute; left:0px; top:0;} 
.wz05 img{position:absolute; right:80px; top:50%; margin-top:-34px;}  
.wz06{width:50%; height:100%; position:absolute; left:0px; top:0; display:none;} 
.wz06 img{position:absolute;top:50%; margin-top:-75px; left:0px; width:100%; height:150px;} 
.wz07{width:100%; height:100%; background:url(../images/bg_21.png); position:absolute; right:0px; top:0;} 
.wz07 img{position:absolute; left:80px; top:50%; margin-top:-34px;}   
.wz08{width:100%; height:100%; position:absolute; right:0px; top:0; display:none;} 
.wz08 img{position:absolute;top:50%; margin-top:-75px; left:0px; width:100%; height:150px;} 

.pic_wz{position:absolute; right:60px; top:50%; margin-top:-125px;}
.tsxg{position:fixed; left:50%; margin-left:-30px; z-index:4000; bottom:20px;} 
.nav{position:fixed; left:0; top:0; z-index:3000} 
.nav p{margin-bottom:20px;background:url(../images/bg_01.png) no-repeat left center; width:35px; height:28px; line-height:28px; position:fixed; left:35px; top:35px;display:inline-block; color:#FFF; cursor:pointer; font-size:12px; padding-left:45px; z-index:6000} 
.nav h3{ position:fixed; left:45px; top:70px; z-index:5000} 
.nav h3 a{ font-weight:normal; color:#FFF; font-size:12px;}
.nav ul{ display:none;z-index:3000}   
.nav li{ float:left; width:16.6666%; position:relative; background:#000;}  
.nav li dl{position:absolute; top:50%; margin-top:-166px; width:100%;}     
.nav li dt img{ width:100%; height:auto;}
.nav li dd{text-align:center; background:url(../images/bg_19.gif) top center no-repeat; padding-top:10px; margin-top:30px;}
.nav li dd a{font-size:16px; font-weight:bold; color:#FFF;}
/*.nav li.nav1{background:url(../images/bg_nav1.png);}   
.nav li.nav2{background:url(../images/bg_nav1.png);}   
.nav li.nav3{background:url(../images/bg_nav1.png);}   
.nav li.nav4{background:url(../images/bg_nav1.png);}   
.nav li.nav5{background:url(../images/bg_nav1.png);}  */
.nav li dl{filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}    
.nav li dl:hover{filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}  
.fhsy{ position:fixed; left:45px; top:70px; z-index:5} 
.fhsy a{ font-weight:normal; color:#FFF; font-size:12px;}
.w_aqpz{position:absolute; left:50%; top:0; margin-left:-550px; top:50%; margin-top:-250px;} 
.aqpz{float:left; margin:30px 5px;}  
.twtc dt img{display:block;}  
.twtc dd{width:210px; text-align:center;background:#FFF; padding-bottom:30px;}
.twtc dd a{ font-size:16px; color:#292929; font-weight:bold; height:50px; line-height:50px; display:inline-block; background:url(../images/bg_11.gif) bottom center no-repeat;overflow:hidden; font-family:"新宋体";}   
.twtc{float:left; width:210px; cursor:pointer;}
.cover{position:fixed; left:0; top:0; background:url(../images/bg_13.png); display:none; width:100%; height:100%;} 
.tcc{position:fixed; top:50%; margin-left:-300px; left:50%; margin-top:-200px; background:url(../images/bg_12.png); width:600px; height:400px; display:none;}  
.tcc dl{float:left; padding-left:35px;} 
.tcc dd{font-size:18px; line-height:30px; text-align:center; color:#FFF;}   
.tcc h3{margin-top:35px;}
.tcc h3 span{margin-left:35px;}
.tcc h4{position:absolute; right:0; top:0;}
.tcc h5{font-size:30px; color:#fbfbfb;font-weight:normal; text-align:center; font-family:"微软雅黑";} 
.tcc p{font-size:14px; color:#008baf; line-height:24px; text-align:center; margin:20px 30px 0 30px;}
.logo{position:fixed; right:0; top:0px; z-index:8} 
.logo h1{ position:fixed; right:35px; top:0;} 
.logo h2{ position:fixed; right:170px; top:25px;}  
 
#scroll{z-index:3; position:absolute; left:50%; margin-left:-480px; width:960px; top:50%; margin-top:-230px;} 
#sildeLeft{cursor:pointer; position:absolute; left:-60px; top:260px; z-index:8}  
#sildeRight{cursor:pointer; position:absolute; right:-60px; top:260px; z-index:8}  
#product{ overflow:hidden; position:relative;width:960px; margin:30px 0;}
#product ul{width:10000px; overflow:hidden;}
#product ul li{float:left;width:220px; margin:0 10px;}  
.jscs{position:absolute; top:50%; left:50%; margin-left:-500px; margin-top:-275px; background:url(../images/bg_14.png) no-repeat; z-index:3; width:1003px; height:551px;}  
/*.jscs dl{height:518px; overflow:hidden; margin:17px 0 0 20px; position:relative;} 
.jscs dt{position:absolute; top:0px;} 
.jscs dd{position:absolute; bottom:0; left:50%; margin-left:-19px; animation: bottom_go 2s infinite; -moz-animation: bottom_go 2s infinite ; -webkit-animation: bottom_go 2s infinite; background:url(../images/bg_15.png) no-repeat; width:38px; height:38px; cursor:pointer;transition:linear 0.2s; -webkit-transition:linear 0.2s; z-index:10} 
.jscs dd.clicked{ transform:rotate(180deg); -webkit-transform:rotate(180deg);  background:url(../images/bg_15.png) no-repeat;} */ 

/*===幻灯片====*/
.mainbanner{ height:520px;position:relative; width:965px; overflow:hidden; margin-top:15px; margin-left:18px;}
.mainbanner_window{overflow:hidden; position:absolute; left:0px;width:965px; height:520px;} 
.mainbanner_window ul{width:999999px; position:relative;height:520px;}
.mainbanner_window li{height:520px;width:965px; float:left; position:relative;} 
.mainbanner_window li img{max-width:100%; height:auto;}

.slide_btn{ z-index:1000; width:910px;position:absolute; top:50%; margin-top:-18px; left:27px;}
.slide_btn a{ display:inline-block; width:36px; height:36px;}
.slide_btn a img{ display:block; width:36px; height:36px;}
.slide_btn a.mprev{ float:left;}
.slide_btn a.mnext{ float:right;}


@keyframes bottom_go
{
0% {bottom:0px}
50% {bottom:10px;}
100%{bottom:0px;}
}
@-moz-keyframes bottom_go
{
0% {bottom:0px}
50% {bottom:10px;}
100%{bottom:0px;}
}
@-webkit-keyframes bottom_go
{
0% {bottom:0px}
50% {bottom:10px;}
100%{bottom:0px;}
}

.wdmc{z-index:4; position:absolute; left:0; top:0; } 
.wdmc li{float:left; width:20%; height:100%;} 
.wdmc li img{width:100%; height:100%;}
 
.footer{position:absolute; left:20px; bottom:5px; width:100%;}  
.footer p a{font-size:12px; color:#FFF; padding:0 8px; background:url(../images/bg_03.png) right center no-repeat;}
.footer h4{font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#FFF; font-size:12px; line-height:26px; margin-left:8px;} 
.footer h5{background:url(../images/bg_02.png) no-repeat; width:117px; height:24px; position:absolute; right:40px; bottom:15px;} 
.footer h5 a{width:25px; height:25px; display:inline-block; text-indent:-999999px;} 
.footer h5 a.ico01{position:absolute; left:0px; top:0;} 
.footer h5 a.ico02{position:absolute; left:30px; top:0;} 
.footer h5 a.ico03{position:absolute; left:60px; top:0;} 
.footer h5 a.ico04{position:absolute; left:90px; top:0;} 

@media screen and (max-width:1440px)
{
.pic01 img{position:absolute; left:200px; top:29%; margin-top:-88px; width:30%; height:auto;}   
.pic30 img{position:absolute; left:250px; bottom:50px; width:50%; height:auto;}  
}
 
@media screen and (max-width:1366px)
{     
.wz02 p{bottom:100px;} 

.wz04 p{bottom:100px;} 
 
.pic12 img{position:absolute; top:20px; left:50%; margin-left:-373px;} 
 
.pic04 img{position:absolute; top:100px;right:150px;}    
.pic44 img{position:absolute; bottom:100px; left:150px;} 
}
@media screen and (max-width:1200px)
{     
 
.pic33 img{position:absolute; left:50px; top:100px;}  
.pic34 img{position:absolute; right:50px; top:100px;}  
}  
 
@media screen and (max-width:1120px)
{       
.pic33 img{position:absolute; left:30px; top:100px;}  
.pic34 img{position:absolute; right:30px; top:100px;}  
}  


#page{width:600px;height:600px; position:absolute; right:50px; top:200px;}