@import url(campaign.css);
@import url(family.css);

body{ color:#666;}

.bg_banner_box img{ width:779px;}
#jtgj{ height:329px; background:url(../images/1.jpg) no-repeat;}
#jwlx{ height:329px; background:url(../images/3.jpg) no-repeat;}
#jwgz{ height:329px; background:url(../images/2.jpg) no-repeat;}
#lybx{ height:329px; background:url(../images/4.jpg) no-repeat;}
#se1{ height:329px; background:url(../images/se1.jpg) no-repeat;}
#se2{ height:329px; background:url(../images/se2.jpg) no-repeat;}
#se3{ height:329px; background:url(../images/se3.jpg) no-repeat;}
#se4{ height:329px; background:url(../images/se4.jpg) no-repeat;}
#se5{ height:329px; background:url(../images/se5.jpg) no-repeat;}
#1year_1{ height:329px; background:url(../images/1year_1.jpg) no-repeat;}
#1year_2{ height:329px; background:url(../images/1year_2.jpg) no-repeat;}
#1year_3{ height:329px; background:url(../images/1year_3.jpg) no-repeat;}
#jiaotong{ height:329px; background:url(../images/aoyun_jiaotong.jpg) no-repeat;}
#jingwai{ height:329px; background:url(../images/aoyun_jingwai.jpg) no-repeat;}
#liuxue{ height:329px; background:url(../images/aoyun_liuxue.jpg) no-repeat;}
#yiwai{ height:329px; background:url(../images/aoyun_yiwai.jpg) no-repeat;}
#wbmt1{ height:329px; background:url(../images/1.gif) no-repeat;}
#wbmt2{ height:329px; background:url(../images/2.gif) no-repeat;}
#wbmt3{ height:329px; background:url(../images/3.gif) no-repeat;}
#wbmt4{ height:329px; background:url(../images/4.gif) no-repeat;}
#wbmt5{ height:329px; background:url(../images/5.gif) no-repeat;}
#wbmt6{ height:329px; background:url(../images/6.gif) no-repeat;}
#wbmt7{ height:329px; background:url(../images/7.gif) no-repeat;}
#ywx1{ height:329px; background:url(../images/ywx1.jpg) no-repeat;}
#ywx2{ height:329px; background:url(../images/ywx2.jpg) no-repeat;}
#ywx3{ height:329px; background:url(../images/ywx3.jpg) no-repeat;}
#ywx4{ height:329px; background:url(../images/ywx4.jpg) no-repeat;}
#ywx5{ height:329px; background:url(../images/ywx5.jpg) no-repeat;}
#ywx6{ height:329px; background:url(../images/ywx6.jpg) no-repeat;}
#ywx7{ height:329px; background:url(../images/ywx7.jpg) no-repeat;}
#ywx8{ height:329px; background:url(../images/ywx8.jpg) no-repeat;}
#ywx9{ height:329px; background:url(../images/ywx9.jpg) no-repeat;}
#ywx10{ height:329px; background:url(../images/ywx10.jpg) no-repeat;}
#ywx11{ height:329px; background:url(../images/ywx11.jpg) no-repeat;}
#ywx12{ height:329px; background:url(../images/ywx12.jpg) no-repeat;}

#nbyg_banner{ height:329px; background:url(../images/nbyg_1.jpg) no-repeat;}
#nbyg2{ height:329px; background:url(../images/nbyg2.gif) no-repeat;}
#main_menu{ bottom:14px;> bottom:14px;}
#main_menu li{ height:28px; line-height:28px; margin:0 5px 0 0; background:url(../images/nav_m1.gif); padding:0 15px; float:left;}
.menu_l{ width:4px; height:28px; left:0; background:url(../images/nav_l1.gif);}
.menu_r{ width:4px; height:28px; right:0; background:url(../images/nav_r1.gif);}
#main_menu li a{ color:#fff; font-size:14px; font-weight:bold;}
#main_menu li a:hover{ text-decoration:none; color:#fff;}
#jtgj_1 #home .jt{ position:absolute; width:8px; height:8px; background:url(../images/jt1.gif) no-repeat; left:47%; bottom:-8px !important;bottom:-14px;}
#jtgj_2 #xq .jt{ position:absolute; width:8px; height:8px; background:url(../images/jt1.gif) no-repeat; left:47%; bottom:-8px !important;bottom:-14px;}
#jtgj_3 #gg .jt{ position:absolute; width:8px; height:8px; background:url(../images/jt1.gif) no-repeat; left:47%; bottom:-8px !important;bottom:-14px;}
.bg_box{ position:absolute; bottom:0px;> bottom:0px; background:url(../images/side_t1.gif) repeat-x; height:14px; width:777px; border-left:1px #E7E7E7 solid; border-right:1px #E7E7E7 solid;}

#cpxq1,#cpxq2{ width:368px; float:left;}
#cpxq2{ float:right; padding:0 0 36px 0;padding-bottom:28px !important;>padding-bottom:36px !important;padding-bottom:36px;}
.title_box1{ background:url(../images/icon1.gif) 0 5px no-repeat; padding:0 0 0 20px; line-height:25px; color:#FB4E09; font-size:14px;}
.title_box1 span{ font-weight:bold;}
.txt1{ line-height:25px;}
.pic1{ float:left; margin:0 8px 0 0;}
.pic1 img{ width:61px; height:54px;}
.list1{ float:left;}
.cpxq{ width:72px; height:26px; background:url(../images/btn.gif); line-height:26px; text-align:center;}
.cpxq a{ display:block; width:72px; height:26px; color:#F72700; font-weight:bold;}
.cpxq a:hover{ color:#666; text-decoration:none;}
#cpxq{ background:none;}
* > .cpxq{ float:right; line-height:23px;}


/*---box---*/
.bor_box1{ border:1px #E7E7E7 solid; border-top:none; background:url(../images/side_b1.gif) 0 bottom repeat-x; padding:8px 15px;}
.bor_box2{ border:1px #E7E7E7 solid; border-top:none; padding:8px 15px;}

.hu_box1{ background:url(../images/bg_t2.gif) 0 top repeat-x; padding:5px 0;}
.hu_box1 .j_lt{ background:url(../images/j_lt.gif) no-repeat; left:0; top:0; width:8px; height:8px;}
.hu_box1 .j_rt{ background:url(../images/j_rt.gif) no-repeat; right:0 !important;> right:0; right:-1px; top:0; width:12px; height:10px;}
.hu_box1 .j_lb{ background:url(../images/j_lb.gif) no-repeat; left:0; bottom:0 !important;> bottom:0; bottom:-3px; width:8px; height:12px;}
.hu_box1 .j_rb{ background:url(../images/j_rb.gif) no-repeat; right:0 !important;> right:0; right:-1px; bottom:0 !important;> bottom:0; bottom:-3px; width:12px; height:12px;}
.hu_box1 .side_t{ border-top:1px #D2D2D2 solid; width:100%; top:0;}
.hu_box1 .side_l{ border-left:1px #D2D2D2 solid; height:100%; top:0; left:0;}
.hu_box1 .side_r{ height:100%; top:0; right:0 !important;> right:0; right:-1px; background:url(../images/side_r.gif) repeat-y; width:6px;}
.hu_box1 .side_b{ width:100%; bottom:0 !important;> bottom:0; bottom:-9px; left:0; background:url(../images/side_b.gif) repeat-x; height:6px;}
.hu_box1 .hu_content{ padding:8px 15px;}


.hu_box2{ background:url(../images/side_b1.gif) repeat-x left bottom; padding:0 0 10px 0;}
.hu_box2 .j_lt,.hu_box2 .j_rt,.hu_box2 .j_lb,.hu_box2 .j_rb{ width:10px; height:10px;}
.hu_box2 .j_lt{ background:url(../images/j_lt2.gif) no-repeat; left:0; top:0; }
.hu_box2 .j_rt{ background:url(../images/j_rt2.gif) no-repeat; right:0; top:0;}
.hu_box2 .j_lb{ background:url(../images/j_lb2.gif) no-repeat; left:0; bottom:0;}
.hu_box2 .j_rb{ background:url(../images/j_rb2.gif) no-repeat; right:0; bottom:0;}
.hu_box2 .side_t{ border-top:1px #CBCBCB solid; left:0; top:0; width:100%; height:2px;}
.hu_box2 .side_r{ border-right:1px #CBCBCB solid; right:0; top:0; height:100%;}
.hu_box2 .side_b{ border-bottom:1px #CBCBCB solid; left:0px; bottom:0px; width:100%;}
.hu_box2 .side_l{ border-left:1px #CBCBCB solid; left:0; top:0; height:100%;}
.hu_box2 .hu_content{ padding:8px 16px;}
*html .hu_box2 .side_b{ bottom:-1px;}
*html .hu_box2 .j_lb,.hu_box2 .j_rb{ bottom:-5px;}


li{ line-height:160%;}
.btn{ background:url(../images/btn.gif); width:72px; height:26px; text-align:center;}
.btn a{ color:#FA3613; font-size:13px; font-weight: bold; margin-top:5px; display:block;}
.btn a:hover{ text-decoration: none;}
.btn2{ background:url(../../app_images/btn/btn6.gif) no-repeat; width:119px; height:34px; text-align:center; margin:0 auto;padding-top: 8px;}
.btn2 a{ color:#FFFFFF; font-size:16px; font-weight: bold; display:block;top:18px !important;> top:2px; top:2px; }
.btn2 a:hover{ color:#FFFFFF; text-decoration: none;}
.btn3 a{ color:#FFFFFF;}
.btn3 a:hover{ color:#FFFFFF; text-decoration:none;}
.btn3{ margin:0 0 0 8px;}
span{color:#FA3613;}
.span_b{ font-weight:bold;}
.span_f14{ font-size:14px;}
.span_f16{ font-size:16px; margin-left:6px;}
.text_center{ margin:100px auto; text-align:center;}
.hu_content input{ width:250px;}
.hu_content .tar{ margin-right:20px;}

/*---header---*/
#eservice_wrapper,#campaign_wrapper,#carinsuranceapply_wrapper{ width:100%; margin:0 auto; background:#fff;}
#eservice_header,#campaign_header{ background:url(/app_images/header/header_bg2.gif) repeat-x; height:62px;  }
#eservice_header .out_box,#campaign_header .out_box,#carinsuranceapply_header .out_box{ width:745px; margin:0 auto 0 auto; padding:20px 0 0 0;}
#eservice_header #logo,#campaign_header #logo,#carinsuranceapply_header #logo{ float:left; background:url(http://www.pingan.com/app_images/logo_pa.gif); width:208px; height:19px;}
#eservice_header #logo a,#campaign_header #logo a,#carinsuranceapply_header #logo a{ width:208px; height:19px;}
#eservice_mainnav,#campaign_mainnav{ float:left;}
#carinsuranceapply_mainnav{ float:right;}
#eservice_mainnav ul,#campaign_mainnav ul{ margin:5px 0 0 270px;}
#carinsuranceapply_mainnav ul{ width:390px;}
#eservice_mainnav li,#campaign_mainnav li,#carinsuranceapply_mainnav li{ float:left; background:url(/app_images/header/nav_m1.gif) repeat-x; height:23px; line-height:23px; position:relative; padding:0 10px;}
#carinsuranceapply_mainnav li{ margin:0 2px;}
#eservice_mainnav .nav_l,#eservice_mainnav .nav_r,#campaign_mainnav .nav_l,#campaign_mainnav .nav_r,#carinsuranceapply_mainnav .nav_l,#carinsuranceapply_mainnav .nav_r{ position:absolute; height:23px;}
#eservice_mainnav .nav_l,#campaign_mainnav .nav_l,#carinsuranceapply_mainnav .nav_l{ width:7px; height:23px; background:url(/app_images/header/nav_l1.gif); left:0; top:0;}
#eservice_mainnav .nav_r,#campaign_mainnav .nav_r,#carinsuranceapply_mainnav .nav_r{ width:7px; height:23px; background:url(/app_images/header/nav_r1.gif); right:0; top:0;}
#eservice_mainnav a,#campaign_mainnav a,#carinsuranceapply_mainnav a{ text-decoration:none;}
#eservice_footer,#campaign_footer{ background:#F4F4F4; padding:3px 0; text-align:center;}
.otherlogo { margin-left: 10px; float: left;}

.jptp img{ height:158px; padding:10px 15px;}
#wsmfbj{ background:url(../images/btn2.gif) no-repeat; width:118px;}
#wsmfbj a{ width:100%;}
#bor_box{ width:747px; height:100%; margin:0 0 0 16px;}
.if_outbox{ margin:0 auto; text-align:center;}

/*---header 20090206 new modify---*/
#campaign_header{ background:transparent url(/app_images/new_header_bg1.jpg) repeat-x left top; height:86px;}
#campaign_header .out_box{ padding:20px 0 0 0; width:726px; margin:0 auto; }
#campaign_header #logo{ width:255px; height:30px; background:url(/app_images/new_big_logo.jpg) no-repeat left top; float:left;}
#campaign_header #logo a{width:255px; height:30px;}
#campaign_mainnav{ float:right; position:relative;right:-14px;}
#campaign_mainnav ul{ padding-top:11px; margin:0; position:static; right:0; float:right;}
#campaign_mainnav li{float:left; padding:0px 16px; background:none; line-height:16px; border-right:#8d8d8d 1px solid; height:16px;}
#campaign_mainnav li.no_border{ border-right:none;}
#campaign_mainnav li a{ *padding-top:2px;*height:14px;*line-height:14px;display:block; float:left; }
#campaign_footer{ padding:20px 0 30px 0; line-height:17px; background-color:#f7f7f7;}