@charset "utf-8";
/* CSS Document */
html,body{
height:100%;
width:100%;}
*{
	margin:0;
	padding:0;
	list-style:none;}
table{
	border-collapse:collapse;}

a{
	text-decoration:none;
	display:inline-block;
}
a:hover{
	text-decoration:underline;}
b{
	font-weight:700;
	font-family:"宋体";}
html{
	overflow:-moz-scrollbars-auto;
	overflow-x:hidden;}
body{
	font-size:10pt;
	font-family:Tahoma,Arial, "宋体" ;/*据说Tahoma字体可以让FORM标签与文字对齐，有待验证*/
	text-align:center;
	background:#fff;
}
label,input,select{vertical-align:middle}
img{
	border:none;}
h2{
	font-size:13pt;}
h4{
	font-size:12pt;}
h5{
	font-size:11pt;}
input{
	overflow:visible;}
#wrap{
    position:relative;
	width:985px;
	height:100%;
	margin:0 auto;
	text-align:left;
	background:#ddd;
}

/*--------------------------------------top--------------------------------------*/
#pos_l{
     position:absolute;
	 left:0;
	 top:-10px;
	 width:54px;
	 height:264px;
	 z-index:100;
	 background:url(por_l.png) no-repeat;}
#pos_r{
     position:absolute;
	 right:-34px;
	 top:-10px;
	 width:334px;
	 height:264px;
	 z-index:100;
	 background:url(por_r.gif) no-repeat;}
#top{
	width:100%;
	height:127px;
	z-index:1;
	clear:right;
	overflow:hidden;
	background:#fff;}
#logo{
    float:left;
	width:340px;
	height:127px;
	z-index:10;
	background:url(logo.jpg) no-repeat;}
#top_r{
    float:right;
	width:611px;
	height:89px;
	margin-top:22px;
	margin-right:20px;
	-margin-right:10px;
	z-index:10;
	background:url(top_r.jpg) no-repeat;}
/*--------------------------------------center--------------------------------------*/	
#center{
	width:985px;
	margin-top:5px;
	overflow:hidden;
	background:url(center_src.jpg) repeat-x;}
#menu{
     width:100%;
	 height:41px;
	 padding-top:2px;}
#menu ul{
     width:100%;
	 height:41px;
	 list-style:none;
	 margin-left:50px;}
#menu ul li{
     float:left;
     width:90px;
	 height:41px;
	 margin-right:40px;}
#box{
     width:962px;
	 -width:100%;
	 margin-top:23px;
	 margin-left:23px;}
#boxer{
     position:relative;
     width:942px;
	 height:153px;
	 background:#000;
	 margin-top:5px;
	 margin-left:23px;}	
#car_pos{
     position:absolute;
	 width:153px;
	 height:101px;
	 right:0;
	 top:55px;
	 background:url(car_pos.gif) no-repeat;} 
.boxs{
     position:relative;
     width:942px;
	 height:225px;
	 margin-left:23px;
	 margin-top:5px;}	
#car_box{
     width:942px;
	 height:360px;
	 margin-top:23px;
	 margin-left:23px;}     	  
#car_l{
     float:left;
     width:480px;
	 height:360px;}
#car_r{
     float:right;
	 width:450px;
	 height:360px;} 
#box1_l{
    float:left;
	width:445px;
	height:247px;}
.box1_l{
    float:left;
	width:445px;
	height:444px;}
div#box1_r{
       float:right;
       width:510px;
	   height:247px;                          
       voice-family: "\"}\"";                    
       voice-family:inherit;
       width:510px;         
	   _width:534px;           
}
div#box1_rt{
       float:right;
       width:510px;
	   height:444px;                          
       voice-family: "\"}\"";                    
       voice-family:inherit;
       width:510px;         
	   _width:534px;           
}
#box1_r ul{
     list-style:none;
	 width:100%;
	 height:247px;
	 background:url(winch_h.jpg) repeat-y;}
#line_title{
     list-style:none;
	 width:100%;
	 height:444px;
	 background:url(winch_h.jpg) repeat-y;}
#box1_r ul li,#line_title li{
     width:100%;
	 background:url(winch_line.jpg) bottom no-repeat;}
.winch_line1{
     height:88px;}
.winch_line2{
     height:114px;}
.winch_line3{
     height:210px;}
#winch_line1{
     height:97px;}
#winch_line2{
     height:77px;}
#winch_line3{
     height:59px;}	 
.box2_l{
     position:relative;
     float:left;
	 width:445px;
	 height:225px;
	 background:url(box_src.jpg) repeat-x;}
.car_logo{
     float:left;
	 padding-top:50px;
	 width:445px;}
.box2_r{
     float:right;
	 width:485px;
	 height:225px;
	 background:url(box_src.jpg) repeat-x;}
.b_t{
     width:430px;
	 height:21px;
	 color:#FFFFFF;
	 margin-left:8px;
	 margin-top:6px;
	 background:url(box_h.jpg) no-repeat;}
.b_b{
     position:relative;
     width:430px;
	 height:188px;
	 margin-left:8px;
	 margin-top:6px;
	 background:#fff;}
.b_m{
     width:469px;
	 height:21px;
	 color:#FFFFFF;
	 margin-left:8px;
	 margin-top:6px;
	 background:url(box_m.jpg) no-repeat;}
.b_v{
     position:relative;
     width:469px;
	 height:188px;
	 margin-left:8px;
	 margin-top:6px;
	 background:#fff;}
#winch_inc{
     width:40px;
	 height:247px;
	 float:left;
	 background:url(winch_inc.jpg) no-repeat;}
.winch_inc{
     width:40px;
	 height:444px;
	 float:left;
	 background:url(xdyna_title.jpg) no-repeat;}
#winch_src{
     width:400px;
	 height:247px;
	 float:right;
	 background:url(winch_src.jpg) no-repeat;}
.winch_src{
     width:400px;
	 height:444px;
	 float:right;
	 background:url(xdyna_img.jpg) no-repeat;}
.b_car{
     float:left;
     margin-top:25px;}
.b_cars{
     float:left;
     margin-top:10px;}
.p_t{
     font-size:16px;
	 font-weight:600;
	 margin-left:8px;
	 margin-left:35px;}
#xdyna_r{
     float:left;
	 width:148px;
	 height:360px;
	 background:url(xdyna_04.jpg) no-repeat;}
#xdyna_l{
     width:830px;
	 height:360px;
	 float:right;
	 margin-top:8px;}
.xdyna_box{
     position:relative;
     width:262px;
	 height:358px;
	 float:left;
	 margin-right:10px;
	 background:url(xdyna_box.jpg) repeat-x;}
.xdyna_box_title{
     width:245px;
	 height:20px;
	 margin:8px 8px 4px 8px;
	 background:url(xdyna_line.jpg) repeat-x;}
.xdyna_box_b{
     position:relative;
     width:245px;
	 height:319px;
	 margin:0 8px auto 8px;
	 background:#fff;}
/*--------------------------------------bottom--------------------------------------*/	 
#bottom{
     width:100%;
	height:118px;
	overflow:hidden;
	background:#fff;} 
.car_map{
     display:block;
     list-style:none;
	 height:20px;
	 margin-left:20px;}
.car_map li{
     list-style:none;
	 float:left;
	 width:90px;
	 height:12px;
	 text-align:center;
	 padding-bottom:5px;
	 background:url(car_line.jpg) right no-repeat;}
.car_map li a{
     text-decoration:underline;
	 color:#000000;
	 font-weight:400;
	 font-size:14px;}
.car_c{
     display:block;
     width:100%;
	 height:20px;
     margin-left:35px;
     list-style-type:disc;}
.car_c li{
     font-size:14px;
     list-style-type:disc;}
.car_tel{
     display:block;
     width:100%;
	 height:20px;
     margin-left:35px;
     list-style-type:disc;}
.car_tel li{
     float:left;
	 margin-right:20px;
	 font-size:14px;
	 list-style-type:disc;}
.car_tel li a{
     color:#B70000;
	 text-decoration:underline;}
.f-l{
	float:left;}
.f-r{
	float:right;}
.t-l{
text-align:left;}
.t-c{
text-align:center;}
.t-r{
text-align:right;}
.v-t{
vertical-align:top;}
.v-m{
vertical-align:middle;}
.v-b{
vertical-align:bottom;}
.noY{
overflow-y:hidden;}
.gray{
	color:#bbb;}
.a{text-decoration:underline;}
.b{
font-weight:700;}

 .c:after {
 content: ".";/*在.c的容器后加一个.*/
 display: block;
 height: 0;/*高度设成0*/
 clear: both;/*清除浮动*/
 visibility: hidden;/*设成隐藏*/}
.c{  
zoom:1;  
display: inline-block;  
_height:1px;  
}
/*以下的注释加入了转义符\,所以可以让MAC下的IE忽略,至于原理,我也不知道*/
/* Hides from IE-mac \*/
* html .c { height: 1%;}/*使其支持windows下的IE*/
*+html .clearfix {height: 1%;}
/* End hide from IE-mac */
.c{
display:block;}
.e{/*溢出文字不换行,省略显示*/
overflow:hidden;
text-overflow:ellipsis;/*切断,并显示...省略标志,FF下无效*/
white-space:nowrap;/* 不换行 */
}
.g{
	color:#bbb;}
.h{
display:none;}
.o-h{
	overflow:hidden;}
.o-a{
	overflow:auto;}
.o-s{
	overflow:scroll;}

.h1{
font-size:24px;}
.h2{
font-size:20px;}
.h3{
font-size:18px;}
.h4{
font-size:16px;}
.h5{
font-size:14px;}
.h6{
font-size:12px;}
.p-a{
position:absolute;}
.p-r{
position:relative;}