@charset "utf-8";
/* CSS Document */

/* common */
body { margin:0; padding:0; font-size:12px; color:#333333; font-family:"宋体";}
div { word-break:break-all; word-wrap:break-word; zoom:1;} img {border:0;} 
.fl{float:left;}.fr{float:right;}
.cl{clear:both;}.cb{clear:both;height:1px;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
ul , ul li { padding:0; margin:0; list-style:none;}

a{color:#7E7E7E;text-decoration:none;}
a:link{color:#7E7E7E;text-decoration:none;}
a:visited{color:#7E7E7E;text-decoration:none;}
a:hover{color:#000;text-decoration:none;}
a:active{color:#000;text-decoration:none;}

.p5{padding:5px}.p5t{padding-top:5px}.p5l{padding-left:5px}.p5b{padding-bottom:5px}.p5r{padding-right:5px}
.p10{padding:10px}.p10t{padding-top:10px}.p10l{padding-left:10px}.p10b{padding-bottom:10px}.p10r{padding-right:10px}
.p15{padding:15px}.p15t{padding-top:15px}.p15l{padding-left:15px}.p15b{padding-bottom:15px}.p15r{padding-right:15px}
.p20{padding:20px}.p20t{padding-top:20px}.p20l{padding-left:20px}.p20b{padding-bottom:20px}.p20r{padding-right:20px}
.m5{margin:5px}.m5t{margin-top:5px}.m5l{margin-left:5px}.m5b{margin-bottom:5px}.m5r{margin-right:5px}
.m10{margin:10px}.m10t{margin-top:10px}.m10l{margin-left:10px}.m10b{margin-bottom:10px}.m10r{margin-right:10px}
.m15{margin:15px}.m15t{margin-top:15px}.m15l{margin-left:15px}.m15b{margin-bottom:15px}.m15r{margin-right:15px}
.m20{margin:20px}.m20t{margin-top:20px}.m20l{margin-left:20px}.m20b{margin-bottom:20px}.m20r{margin-right:20px}

/************************************************************************************************************************************************/
.con { width:1001px; margin:auto; position:relative;}
.dn { display:none;}

.head_con { width:100%; height:71px; background:url(../images/head_bg.jpg) repeat-x top; position:absolute; top:0; left:0; z-index:9998;}
.logo { position:absolute; top:0; left:35px; z-index:9999;}
.navi_con { padding-left:142px; padding-top:15px; position:relative;}
.foot_con { background:url(../images/foot_bg.gif) repeat-x top; width:100%; height:30px;}
.main_con { width:100%; background:url(../images/models/models_bg.jpg) repeat-x center 71px; padding-top:71px; height:447px; overflow:hidden; position:relative;}
.main_con .con { height:447px;}

/*==================
	Navi
==================*/
.navi { position:relative; width:825px; height:23px; z-index:2000;}
.navi1 , .navi2 , .navi3 , .navi4 , .navi5 , .navi6 { position:absolute; top:1px; display:none; cursor:pointer;}
.navi1_m , .navi2_m , .navi3_m , .navi4_m , .navi5_m , .navi6_m { position:absolute; top:26px; overflow:hidden; height:0;}
.nv { position:relative; padding-left:10px; padding-bottom:15px; padding-right:10px;}
.nv ul li { margin:0; padding:0;}
.nv_bg { position:absolute; bottom:0; left:0; z-index:-1;}
.navi1 { left:0;}
.navi1_m { left:-6px;}
.navi2 { left:77px;}
.navi2_m { left:71px;}
.navi3 { left:153px;}
.navi3_m { left:147px;}
.navi4 { left:230px;}
.navi4_m { left:224px;}
.navi5 { left:319px;}
.navi5_m { left:313px;}
.navi6 { left:408px;}
.navi6_m { left:402px;}


.rNavi { position:relative; width:825px; height:23px; z-index:1000;}
.rNavi1 , .rNavi2 , .rNavi3 , .rNavi4 , .rNavi5 , .rNavi6 { position:absolute; top:3px; display:none; cursor:pointer;}
.rNavi1_m , .rNavi2_m , .rNavi3_m , .rNavi4_m , .rNavi5_m , .rNavi6_m { position:absolute; top:29px; height:0px; overflow:hidden;}
.rNavi1 { left:-1px;}
.rNavi1_m { left:-6px;}
.rNavi2 { left:62px;}
.rNavi2_m { left:57px;}
.rNavi3 { left:120px;}
.rNavi3_m { left:115px;}
.rNavi4 { left:188px;}
.rNavi4_m { left:183px;}
.rNavi5 { left:257px;}
.rNavi5_m { left:252px;}
.rNavi6 { left:319px;}
.rNavi6_m { left:314px;}
.werp { position:relative;}
.rN_img { position:absolute; top:1px; left:8px;}

/*==================
	Oppo
==================*/
.driving { overflow:hidden; position:absolute; right:0; _right:-1px; top:210px; width:66px; height:136px; z-index:100;}
.driving_main { position:relative; width:66px; height:136px;}
.driving_main #kv_m { position:absolute; top:0; right:0; width:66px; height:136px;}
.oppo_main { position:absolute; top:28px; left:28px; cursor:pointer; z-index:6000;}
.oppo_right { width:12px; height:136px; position:absolute; top:0; left:5px; cursor:pointer; z-index:5000; overflow:hidden}
.oppo_left { width:12px; height:136px; position:absolute; top:0; left:5px; cursor:pointer; display:none; z-index:5000; overflow:hidden}

/*==================
	rollong
==================*/
/*.kv1 { width:100%; height:424px; background:url(../images/kv1.jpg) no-repeat center top; text-align:center; overflow:hidden;}
.kv2 { width:100%; height:424px; background:url(../images/kv2.jpg) no-repeat center top; text-align:center; overflow:hidden;}
.kv3 { width:100%; height:424px; background:url(../images/kv3.jpg) no-repeat center top; text-align:center; overflow:hidden;}
.kv4 { width:100%; height:424px; background:url(../images/kv4.jpg) no-repeat center top; text-align:center; overflow:hidden;}
#kv { overflow:hidden; width:100%; padding-top:71px;}
#idTransformView { overflow:hidden; position:relative; width:100%; height:424px;}
#idSlider { position:absolute; width:5000px;}
#idSlider li { list-style:none; display:inline; float:left; width:1600px;}
#idNum { position:absolute; left:40%; bottom:8px;}
#idNum li { background-color:#A7A9AC;}
#idNum li.on { background-color:#FFFFFF;}
#idNum li , #idNum li.on { float:left; cursor:pointer; overflow:hidden; width:160px; height:3px; margin-right:3px;}*/




/*==================
	rollong
==================*/
.kv1 {  height:424px; background:url(../images/kv1.jpg) no-repeat center top; text-align:center;display:block;float:left}
.kv2 { height:424px; background:url(../images/kv2.jpg) no-repeat center top; text-align:center;display:block;float:left}
.kv3 {  height:424px; background:url(../images/kv3.jpg) no-repeat center top; text-align:center;display:block;float:left}
.kv4 {  height:424px; background:url(../images/kv4.jpg) no-repeat center top; text-align:center;display:block;float:left}
#kv { overflow-x:hidden; width:100%; padding-top:71px;position:relative}
#idTransformView { overflow:hidden; position:relative; width:100%; height:424px;}
#idSlider { position:absolute; width:5000px;}
#idSlider li { list-style:none; display:inline; float:left; width:1600px;}
#idNum { position:absolute; left:40%; bottom:8px;}
#idNum li { background-color:#A7A9AC;}
#idNum li.on { background-color:#FFFFFF;}
#idNum li , #idNum li.on { float:left; cursor:pointer; overflow:hidden; width:160px; height:3px; margin-right:3px;}
#kv .kv_box{left:0;top:0;position:relative;height:424px;width:1000000px; overflow:hidden;}
#kv .kv_box a{}

/*==================
	home_act
==================*/
.act_bg { background:url(../images/home_bg.jpg) repeat-x top; width:100%; height:177px; margin-top:1px;}
.act_wire { float:left; width:10px; height:177px;}
.act_left { float:left; padding-right:10px; padding-top:70px;}
.act_center { float:left; position:relative; width:929px; height:163px; background:url(../images/home_bg2.jpg) no-repeat top left; margin-top:8px; position:relative; overflow:hidden; padding-top:5px; padding-left:7px;}
.act_right { float:left; padding-left:10px; padding-top:70px;}
.act_wire_img { vertical-align:bottom; width:12px; text-align:center;}
.act_main { position:relative; padding-top:5px;}
.act_main_mask { position:absolute; top:0; left:0; z-index:1000; cursor:pointer;}
.act_main_tit { padding-bottom:8px; padding-left:2px;}
.act_main_con { padding-left:2px; height:0px; overflow:hidden;}
.act_main_img { padding-left:2px;}

/*==================
	foot
==================*/
.foot_con ul { float:left; margin-left:40px;}
.foot_con ul li { float:left; cursor:pointer;}

.models_b { background:url(../images/models_det_bg2.jpg) repeat-x top; width:100%;}
.conMain { display:none;}

/*==================
	multimedia
==================*/
.multime_con { width:100%; background:url(../images/multimedia/multime_bg.jpg) repeat-x center 71px; padding-top:71px; height:599px; overflow:hidden;}
#idvideo { width:620px; height:379px; line-height:18px; top:20%; left:20%; position:relative;}
.video_main { background:url(../images/multimedia/box_bg.jpg) no-repeat top center; width:602px; height:379px; float:left; text-align:center; padding-top:4px;}

/*==================
	Scroll bar
==================*/
#info , .Container , #Scroller-1 { width:740px;}
#info , .Container , #Scroller-1 , .Scrollbar-Track { height:270px;}
#info{ overflow:hidden;}
.Container { position:absolute;}
#Scroller-1 { position:absolute; overflow:hidden;}
.Scroller-Container { position:absolute; font-size:12px; line-height:18px;}
.Scrollbar-Track , .Scrollbar-Handle { width:11px;}
.Scrollbar-Track { margin-left:743px; z-index:1; position:absolute; background:url(../images/sel_bg.jpg) center repeat-y;}
.Scrollbar-Handle { position:absolute; z-index:10; margin-left:1px; height:29px; background:url(../images/sel_btn.jpg) no-repeat; cursor:pointer}

/*==================
	search
==================*/
.search_con { position:absolute; top:7px; left:699px;}
.search_main { position:relative; overflow:hidden;}
.search_main input { background:url(../images/search_bg.jpg) no-repeat top center; width:108px; height:15px; border:0; padding-left:17px; padding-bottom:1px;}
.search_main div { position:absolute; top:0; left:0;}

.rec_news { position:absolute; top:570px; left:25px; z-index:5000;}
.about_news { position:absolute; top:570px; left:25px; z-index:5000;}
.about_rec { position:absolute; top:540px; left:25px; z-index:5000;}

.back { position:absolute; top:95px; right:80px; z-index:5000;}