@charset "utf-8";

/* CSS Document 



   

   注意事项:

   css样式以类别选择器为主

   层次结构要清晰,级别深度控制在三层以内

   样式命名规则为小写,可结合"_"使用

   浏览器兼容规则  火狐(默认)-->ie7(以*开头)-->ie6(以_开头)

*/



/* 主体样式 */

.index_page_body { margin:0 auto; width:1000px; height:auto; min-height:200px; _height:200px; }





/*切换案例*/

.write_tab { width:648px; float:left;height:373px; margin:0 10px 0 0;border:1px solid #c4c6c8;background:#ffffff; }

.write_tab_title { height:61px; }

.write_tab_title ul {font-size:14px; color:#333333; font-family:"微软雅黑";float:left; width:auto; height:61px; list-style:none; margin:0 0 0 0; padding:0; position:relative; }

.write_tab_title ul li { float:left; display:block; cursor:pointer; width:216px; height:61px; line-height:53px; margin:0; padding:0 0 0 0; text-align:center; margin:0 0 0 0; }

.write_tab_title ul li.slideOn_1 { background:url(../images/tab_li_bg.jpg) 0 -61px no-repeat;position:absolute; z-index:2; left:0px;color:#e46c13; font-weight:bold }

.write_tab_title ul li.slideOff_1 { background:url(../images/tab_li_bg.jpg) 0 0 no-repeat;position:absolute;z-index:2;left:0px;}

.write_tab_title ul li.slideOn_2 { background:url(../images/tab_li_bg.jpg) 0 -61px no-repeat;position:absolute;z-index:1;left:216px;color:#e46c13;font-weight:bold}

.write_tab_title ul li.slideOff_2 { background:url(../images/tab_li_bg.jpg) 0 0 no-repeat;position:absolute;z-index:1;left:216px; }

.write_tab_title ul li.slideOn_3 { background:url(../images/tab_li_bg.jpg) 0 -61px no-repeat;position:absolute;z-index:0;left:432px;color:#e46c13;font-weight:bold}

.write_tab_title ul li.slideOff_3 { background:url(../images/tab_li_bg.jpg) 0 0 no-repeat;position:absolute;z-index:0;left:432px;  }



.write_tab_info {color:#606060; line-height:28px;padding:15px 18px;}

.write_tab_info .remark{ float:left;width:610px; line-height:28px;}

.write_tab_info .remark .button{background:url(../images/more1.jpg) 0 0 no-repeat;width:72px;height:31px;display:block;text-indent:-9999px;}



.write_tab_info #slidebox1{display:block;}

.write_tab_info #slidebox2,.write_tab_info #slidebox3{display:none;}



.write_tab_info ul{ margin-top:0;}

.write_tab_info ul li { border-bottom:1px dashed #a7a7a7; *line-height:4px;}

.write_tab_info ul li a.pc{ visibility:hidden;display: none;height:0px;line-height:0px;overflow:hidden;}

.write_tab_info ul li img{ visibility:hidden;display: none;height:0px;}

.write_tab_info ul li h3 a{ line-height:28px;*line-height:22px; font-weight:normal;font-size:12px; color:#555555;background:url(../images/ic1.jpg) 3px 5px no-repeat; padding-left:13px;}

.write_tab_info ul li h3{}

.write_tab_info ul li h3  a:hover{ color:#0e7bce;background:url(../images/ic2.jpg) 3px 5px no-repeat;}

.write_tab_info ul li span{ float:right; margin-right:4px;}

.write_tab_info ul li p{ visibility:hidden;overflow;hidden;height:0}



.write_tab_info ul li.first{ padding:0 0 10px 0; display:block; overflow:hidden; height:auto;background:none; border-bottom:1px solid #e0e0e0;}

.write_tab_info ul li.first a.pc{ visibility:visible;display: block;height:94px;overflow:hidden;float:left;width:150px;}

.write_tab_info ul li.first img{ display:block;visibility:visible;border:1px solid #dddbdb;float:left; padding:4px;width:130px; margin-right:15px; height:83px;}

.write_tab_info ul li.first h3{ margin-top:0;height: 24px;overflow:hidden;}

.write_tab_info ul li.first h3 a{ color:#107dbc; font-size:12px; height:25px; *line-height:22px; overflow:hidden; margin-bottom:10px; font-weight:bold;background:none;padding-left:0;}

.write_tab_info ul li.first h3 span{ display:none;}

.write_tab_info ul li.first p{ color:#555555;visibility:visible;height:60px;}



.write_tab_info ul li.first p a{ line-height:22px; color:#555555;text-indent:2em; visibility:visible; }





/*右边*/

.index_fr{ float:right; width:340px;}

.map{ border:4px solid #c4c6c8; width:334px; height:227px;}



.index_service{ margin-top:21px;}

.index_service h3{ background:url(../images/index_service_title.jpg) no-repeat; height:18px;}

.index_service h3 a{ color:#555555; font-size:12px; float:right; font-weight:normal; line-height:15px;}

.index_service .index_service_content{ background:url(../images/index_service_content.jpg); width:320px; height:75px; padding:10px; margin-top:6px; text-align:right; line-height:19px;}

.index_service .index_service_content a{color:#555555}



/*滚动*/

.hfbox{ width:1000px; height:129px; margin:auto; padding-top:10px; }

.left{ float:left;}

.right{ float:right;}





/*车辆保养常识*/

.mainbox_tszs{ width:373px; height:auto; padding-left:10px;}

.mainbox_tszs .tztopzhong{ width:373px; height:34px; background:url(../images/lm5zhong.jpg) left top no-repeat;}

.mainbox_tszs .tztitzhong{ width:100px; height:32px; line-height:32px; vertical-align:bottom; padding-left:49px; font-size:15px; font-weight:bold; color:#cd3501;}

.mainbox_tszs .tztopzhong .tztitzhong .more2{ width:44px; height:32px; line-height:32px; vertical-align:bottom; color:#cd3501;}

.mainbox_tszs .tztopzhong .tztitzhong .more2 a{ display:block; line-height:32px; color:#fff;}

.xxktop2{ width:373px; height:32px; }

.xxknrbox{ width:367px; height:223px; border:#1079d4 1px solid; border-top:0px;  left top repeat-x; padding:4px 2px 0px;}

.xxknrbox .xxk2nr{ width:343px; height:223px; padding-left:10px; overflow:hidden;}

.xxknrbox .xxk2nr ul li{ width:343px; height:223px; overflow:hidden; color:#333;}

.xxknrbox .xxk2nr ul li ul li{ width:333px; height:26px; line-height:26px; border-bottom:#CCC 1px dashed; vertical-align:bottom; padding-left:9px;background:url(../images/ico.gif) left center no-repeat; }

.xxknrbox .xxk2nr ul li ul li a{ line-height:26px; color:#333;}

.xxknrbox .xxk2nr ul li ul li a:hover{ color:#0e7bce;}









/*文章下载*/

.rightbox_dwgk{ width:372px; height:auto;}

.rightbox_dwgk .fgtop{ width:372px; height:37px; background:url(../images/lm06.jpg) left top no-repeat;}

.rightbox_dwgk .fgtit{ width:105px; height:32px; line-height:32px; vertical-align:bottom; text-align:center; font-size:14px; font-weight:bold; color:#FFF;}

.rightbox_dwgk .fgnr_dwgk{ width:358px; height:223px;border:#1079d4 1px solid; border-top:0px; padding:4px 0px 0px 12px;}

.rightbox_dwgk .fgnr_dwgk ul li{ width:333px; height:26px; line-height:26px; vertical-align:bottom; padding-left:9px; background:url(../images/ico.gif) left center no-repeat;border-bottom:#CCC 1px dashed;}

.rightbox_dwgk .fgnr_dwgk ul li a{ line-height:26px; color:#333;}

.rightbox_dwgk .fgnr_dwgk ul li a:hover{ color:#0e7bce;}



.fgtop{ width:320px; height:37px; background:url(../images/lm06.jpg) left top no-repeat;}

.fgtit{ width:105px; height:32px; line-height:32px; vertical-align:bottom; text-align:center; font-size:14px; font-weight:bold; color:#FFF;}

.fgnr{ width:306px; height:223px;border:#1079d4 1px solid; border-top:0px; padding:4px 0px 0px 12px;}

.fgnr ul li{ width:288px; height:26px; line-height:26px; vertical-align:bottom; padding-left:9px; background:url(../images/ico.gif) left center no-repeat;border-bottom:#CCC 1px dashed;}

.fgnr ul li a{ line-height:26px; }



.fgtop01{ width:318px; height:37px; background:url(../images/lm006.jpg) left top no-repeat; padding-left:2px;}

.fgtop01 ul li{ float:left; width:103px; height:37px; line-height:32px; vertical-align:bottom; text-align:center;}

.fgtop01 ul li a{ line-height:32px; font-size:14px;}

.fgtop01 ul li.jianx{ width:3px;}

.fgtop01 ul li.sec2{ display:block; center top no-repeat;}

.fgtop01 ul li.sec1 a{ color:#cd3501;font-weight:bold;}

.fgtop01 ul li.sec2 a{ color:#ffffff;font-weight:bold;}

.fgtop01 ul li.more1{ float:right;width:56px;height:30px;line-height:30px;vertical-align:bottom;text-align:center; padding-top:2px;}

.fgtop01 ul li.more1 a{ display:block;line-height:30px; color:#9E6620; font-size:12px;}



.fgtop02{ width:347px; height:34px; background:url(../images/lm006_new.jpg) left top no-repeat; padding-left:25px;}

.fgtop02 ul li{ float:left; width:103px; height:37px; line-height:32px; vertical-align:bottom; text-align:center;}

.fgtop02 ul li a{ line-height:32px; font-size:14px;}

.fgtop02 ul li.jianx{ width:3px;}

.fgtop02 ul li.sec2{ display:block; center top no-repeat;}

.fgtop02 ul li.sec1 a{ color:#fff;font-weight:bold;}

.fgtop02 ul li.sec2 a{ color:#fff;font-weight:bold;}

.fgtop02 ul li.more1{ float:right;width:56px;height:30px;line-height:30px;vertical-align:bottom;text-align:center; padding-top:2px;}

.fgtop02 ul li.more1 a{ display:block;line-height:30px; color:#9E6620; font-size:12px; }





/*快速通道*/

.tznrzgrx{ width:226px; height:219px;border:#1079d4 1px solid; border-top:0px; padding:8px 0px 0px 6px;}

.tznrzgrx ul li{height:26px;width:202px;line-height:26px; vertical-align:bottom; padding-left:9px; background:url(../images/ico.gif) left center no-repeat;color:#999;border-bottom:#CCC 1px dashed;}

.tznrzgrx ul li a{ line-height:26px; color:#333;}

.tznrzgrx ul li a:hover{ color:#0e7bce;}

.tjtop{ width:320px; height:34px; background:url(../images/lm4_01.jpg) left top no-repeat;}

.tjnr{ width:318px; height:285px;border:#1079d4 1px solid; border-top:0px; }

.zdlynr{ width:318px; height:280px; padding:10px 0px 0px 12px;}

.zdlynr ul li{ width:300px;  float:left; width:104px; height:92px; margin-left:2px;overflow:hidden;}





.xxgktop{ width:1000px; height:30px; margin-top:10px; background:url(../images/xxgk_top.jpg) left top no-repeat; padding-top:8px; line-height:30px; vertical-align:bottom; color:#D8A86C; padding-right:8px; text-align:right;}

.xxgktop a{ line-height:30px; color:#9E6620; padding:0px 8px;}



.tztop{ width:234px; height:34px; background:url(../images/lm5.jpg) left top no-repeat;}

.tztit{ width:100px; height:32px; line-height:32px; vertical-align:bottom; padding-left:49px; font-size:14px; font-weight:bold; color:#fff;}



/*友情链接*/

#link{ height:40px; width:100%; background:#fff; margin-top:10px; border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2;}

.linkz{ width:1000px;height:40px; margin:0px auto;text-align:center; line-height:40px; font-size:14px; font-family:"微软雅黑"; }

.linkz a{ float:left; display:block; width:110px; height:40px; text-align:center; color:#333; text-decoration:none; }

.linkz a:hover{ color:#107ebd;}







/*车检流程jquery特效*/

.tu1{float:left; width:170px; height:30px; padding-left:30px; font-size:16px;  }

.tu2{float:left; width:187px; height:30px; padding-left:40px;font-size:16px;  }

.tu3{float:left; width:182px; height:30px; padding-left:30px;font-size:16px; }

.tu4{float:left; width:196px; height:30px; padding-left:20px;font-size:16px; }

.tu5{float:left; width:125px; height:30px; padding-left:20px;font-size:16px; }