@charset "utf-8";
/* 以下为公共样式，添加请注明author */
* {
	margin: 0;
	padding: 0;
	color: #575757;
	font: 14px/24px "microsoft yahei", "times new roman", sans-serif;
}

body {
  	min-width:1200px;
	color: #575757;
	background: #FFF;
}

ul,
li {
	list-style-type: none;
}

input,
select,
img {
	border: none;
	outline: none;
	vertical-align: middle;
}

a,
a:link,
a:hover,
a:active,
a:visited {
	text-decoration: none;
}

.clear {
	clear: both;
}

.clearfix:after{
	height: 0;
	content: '';
	display: block;
	visibility: hidden;
	clear: both;
}

.clearfix{
	zoom: 1;
}

.height20 {
	height: 20px;
}

.height30 {
	height: 30px;
}

.height50 {
	height: 50px;
}
/* 浮动 */

.floatL {
	float: left;
}

.floatR {
	float: right;
}
/* 显示 */

.displayB {
	display: block;
}

.displayN {
	display: none;
}

/* 以上为公共样式，添加请注明author */
div.codeDiv{
	width: 95px;
	float: left;
	color: #575757;
	margin: 0 10px;
	text-align: center;
}
div.codeDiv label{
	color: #575757;
	display: block;
	margin:5px 0 10px 0;
}
.codeImg{
	width: 78px;
	height: 78px;
}
/* header */
.header{
    margin-top: 84px;
	border-bottom: 2px solid #005BAC;
}
/* 顶部快捷入口 */
.loginBarBg{
	width: 100%;
	height: 52px;
	background: #1565c0;
}
.loginBar{
	margin: 0 auto;
	color: #FFFFFF;
	width: 1200px;
	height: 52px;
	font-size: 12px;
}
.loginBar label{
	color: #FFFFFF;
}
.loginBar a,.loginBar span{
	color: #FFFFFF;
	margin: 0 1px;
	line-height: 52px;
}
.loginBar a:hover{
	text-decoration: underline;
}
.loginBarLeft a,.loginBarLeft span{
	font-size: 12px;
  display:block;
  float:left;
}
.loginBarLeft a font{ color:#fff; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:130px; float:left; line-height:52px;}
.loginBarCode{
	width: 80px;
	height: 42px;
	padding: 5px 0;
	cursor: pointer;
	margin-left: 15px;
	position: relative;
	background: url(../../images/v2/loginBarCode.jpg) no-repeat;
}
.loginBarCode label{
	display: block;
	cursor: pointer;
	font-size: 12px;
	margin-left: 10px;
	line-height: 20px;
}
.loginBarCode:hover .loginBarCodeShow{
	display: block;
}
.loginBarCodeShow{
	width: 345px;
	height: 120px;
	padding: 10px 0;
	background: #FFFFFF;
	border: 1px solid #EBEBEB;
	border-top: 2px solid #FFFFFF;
	position: absolute;
	top: 52px;
	right: 0;
	z-index: 100;
}
.loginBarCodeShow label{
	width: 95px;
	margin-left: 0;
	text-align: center;
}
.loginBarArrow{
	float: right;
	margin-top: -22px;
	margin-right: 40px;
	border-bottom: 6px solid #FFFFFF;
	border-top: 4px solid #004AAB;
	border-right: 4px solid #004AAB;
	border-left: 4px solid #004AAB;
}
/* logo、搜索 */

.logoBar{
	width: 1200px;
	margin: 0 auto;
	height: 77px;
	padding: 21px 0;
	line-height: 77px;
}
.logoImg{
	width: 245px;
	height: 77px;
	background: url(https://www.cpic.com.cn/images2/logoNEW_03.jpg) no-repeat;
}
.searchAll{
	padding: 9px 0;
}
.searchInput{
	width: 345px;
	height: 30px;
	color: #575757;
	padding: 0 15px;
	line-height: 30px;
	border: 1px solid #005BAC;
}
.searchButton{
	width: 105px;
	height: 32px;
	color: #FFFFFF;
	cursor: pointer;
	background: #005BAC;
	background-image: url(../../images/v2/search.png);
	background-repeat: no-repeat;
	background-position: center;
}
/* 导航 */
.navBar{
  	width: 1200px;
	margin: 0 auto;
	height: 40px;
}
.navParent{
	float: left;
	height: 40px;
	color: #575757;
	font-size: 18px;
	padding: 0 35px;
	line-height: 42px;
	text-align: center;
	position: relative;
	border-bottom: 2px solid #FFFFFF;
}
.navParent:hover,.navActive{
	color: #005BAC;
	border-bottom: 2px solid #005BAC;
}
.navUser{
	width: 100px;
}
.navMsgIcon{
	position: absolute;
	top: 2px;
	right: 10px;
}
.navUserIcon{
	position: absolute;
	top: 2px;
	right: 5px;
}
/* 保险产品分类模块 */
.navProduct{
	padding: 0;
	float: left;
	width: 195px;
	height: 42px;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 18px;
	line-height: 42px;
	text-align: center;
	background: #005BAC;
	position: relative;
	bottom: -2px;
  	z-index:1001;
}
.navProductTitle{
	color: #FFFFFF;
	font-size: 18px;
}
/* 子菜单 */
.navProduct:hover .navSub{
	display: block;
}
.navSub{
	width: 195px;
	height: 370px;
	background: #FFFFFF;
	position: relative;
	top: 0;
	left: 0;
	z-index: 100;
}
.navSubList{
	width: 195px;
	height: 40.2px;
	color: #575757;
	display: block;
	cursor: pointer;
	text-align: left;
	line-height: 45px;
	border-bottom: 1px solid #dbdbdb;
}
.navSubListLast{
	border: none;
}
.navSubTitle{
	color: #575757;
	cursor: pointer;
}
.navSubTitle:hover{
	color: #005BAC;
}
.navSubList:hover .navSubTitle{
	color: #005BAC;
}
.navSubIcon{
	width: 28px;
	height: 28px;
	float: left;
	display: block;
	margin: 10px 10px 0 25px;
	background: url(../../images/v2/subNavIcon.png) no-repeat;
	background-position: 0 0;
}
.navSubList:hover .navSubIcon1{
	background-position: -28px 0;
}
.navSubIcon2{
	background-position: 0 -28px;	
}
.navSubList:hover .navSubIcon2{
	background-position: -28px -28px;
}
.navSubIcon3{
	background-position: 0 -56px;	
}
.navSubList:hover .navSubIcon3{
	background-position: -28px -56px;
}
.navSubIcon4{
	background-position: 0 -84px;	
}
.navSubList:hover .navSubIcon4{
	background-position: -28px -84px;
}
.navSubIcon5{
	background-position: 0 -112px;	
}
.navSubList:hover .navSubIcon5{
	background-position: -28px -112px;
}
.navSubIcon6{
	background-position: 0 -140px;	
}
.navSubList:hover .navSubIcon6{
	background-position: -28px -140px;
}
.navSubIcon7{
	background-position: 0 -168px;	
}
.navSubList:hover .navSubIcon7{
	background-position: -28px -168px;
}
.navSubIcon8{
	background-position: 0 -196px;	
}
.navSubList:hover .navSubIcon8{
	background-position: -28px -196px;
}
.navSubIcon9{
	background-position: 0 -229px;	
}
.navSubList:hover .navSubIcon9{
	background-position: -26px -229px;
}
/* 菜单详细内容 */
.navSubList:hover{
	border-right: 1px solid #FFFFFF;
}
.navSubArrow{
	float: right;
	margin: 17px 20px 17px 0;
	width: 7px;
	height: 11px;
	background: url(../../images/v2/navSubArrow.png);
}
.navSubList:hover .navSubArrow{
	display: block;
}
.navDetail{
	width: 780px;
	height: 390px;
	cursor: default;
	padding-left: 30px;
	background: #FFFFFF;
	border: 1px solid #DBDBDB;
	border-top: none;
	position: absolute;
	top: 0;
	left: 195px;
	z-index: -1;
}
.navSubList:hover .navDetail{
	display: block;
}
.navDetailContent{
	width: 400px;
	padding: 12px 0;
}
.navDetailList{
	width: 400px;
	padding: 10px 0;
	border-bottom: 1px solid #DBDBDB;
}
.navDetailListLast{
	border: 0;
}
.navDetailTitle{
	width: 100px;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	margin-top: 3px;
}
.navDetailTitle:hover{
	color: #005BAC;
}
.navDetailLink{
	color: #575757;
	display: block;
	cursor: pointer;
	line-height: 30px;
	margin-left: 100px;
	padding-left: 20px;
	background: url(../../images/v2/detailArrow.gif) left center no-repeat;
}
.navDetailLink:hover{
	color: #005BAC;
	background: url(../../images/v2/detailArrowHover.gif) left center no-repeat;
}
.navDetailRight{
	width: 360px;
	height: 390px;
	cursor: pointer;
}
/* footer */
.footerBg{
	background: url(../../images/v2/cpic_common_footer_bg.jpg) no-repeat;
	border-top: 1px solid #CACACA;
}
.footer{
	width: 1200px;
	margin: 0 auto;
}
.footerLink{
	padding: 35px 0;
}
.footerLogo{
	width: 224px;
	height: 141px;
	background: url(../../images/v2/footerLogo1.png) no-repeat;
}
.footerLink h3{
  color: #fff;
	padding-bottom: 10px;
}
.linkList{
	height: 155px;
	padding: 0 65px;
	border-right: 1px solid #CACACA;
}
.footerCode div.codeDiv label {
    color: #fff;
}
.linkList a{
	color: #eeeeef;
	display: block;
	font-size: 12px;
	line-height: 30px;
	
}

.footerCode{
	padding-left: 25px;
}
.footerCode h3{
	margin-left: 20px;
}
.copyRight{
	padding: 40px 0;
}
.copyRightImg{
	width: 112px;
	height: 40px;
	margin: 5px 20px 5px 0;
	background: url(../../images/v2/foot_img.jpg) no-repeat;
}
.copyText span{
  color:#fff;
	font-size: 12px;
	line-height: 24px;
}

/* 内容头部路径 */
.conRoute {
  	margin-top:84px;
	padding:15px;
	text-indent:15px;
	background: #FDFDFD;
	background: -webkit-linear-gradient(#ffffff, #f5f5f5);
	background: -o-linear-gradient(#ffffff, #f5f5f5);
	background: -moz-linear-gradient(#ffffff, #f5f5f5);
	background: linear-gradient(#ffffff, #f5f5f5);
	border: 1px solid #e8e8e8;
}
.conRoute p{ width:1200px; margin:0 auto; display:block;}
.conRoute p a{ color: #575757;}
.conRoute p a:hover {
	color: #005BAC;
	text-decoration:underline;
}


/* 公共样式*/
.con {
	width:1200px;
	margin:0 auto;
}
.conRight {
	width:970px;
	float:right;
	padding:30px 0 30px 30px;
}

.conImg{ width:914px; height:325px; background:#CCC;}
.conTitle{ color:#005bac; line-height:40px; border-bottom:1px #e8e8e8 solid;}


/* 页面active状态 begin */
.navHomePage .homePageActive{
   color:#005BAC;
  border-bottom:2px solid #005BAC; 
}

.navMarketPage .marketPageActive{
   color:#005BAC;
  border-bottom:2px solid #005BAC; 
}

.navServicePage .servicePageActive{
   color:#005BAC;
  border-bottom:2px solid #005BAC; 
}

.navClubPage .clubPageActive{
   color:#005BAC;
  border-bottom:2px solid #005BAC; 
}

.navLifePage .lifePageActive{
   color:#005BAC;
  border-bottom:2px solid #005BAC; 
}

.navInvestPage .investPageActive{
   color:#005BAC;
  border-bottom:2px solid #005BAC; 
}

/*  资产管理nav样式控制 by eric  */
.navNewsPage .newsPageActive{
   color:#005BAC;
  border-bottom:2px solid #005BAC; 
}

.navProgramPage .programPageActive{
   color:#005BAC;
  border-bottom:2px solid #005BAC; 
}

.navMessPage .messPageActive{
   color:#005BAC;
  border-bottom:2px solid #005BAC; 
}

.navAboutPage .aboutPageActive{
   color:#005BAC;
  border-bottom:2px solid #005BAC; 
}

/* 页面active状态 end */




/*下拉列表开始 */
.selectBoxSer {
width: 90px;
height: 30px;
position: relative;
text-indent: 1em;
float: left;
}
.selectTitleSer {
width: 100%;
height: 22px;
line-height: 20px;
margin-top: 5px;
border-left: 1px #e8e8e8 solid;
}
.selectCont01 {
width: 89px;
display: none;
position: absolute;
top: 31px;
left: 0;
z-index: 100;
font-size: 12px;
line-height: 30px;
border: #c8c8c8 1px solid;
background-color: #fff;

}

.selectCont01>a:hover {
	background-color:#eee;
}
.selectDataSer {
color: #c8c8c8;
font-size: 12px;
line-height: 20px;
}
.seclectBgSer {
width: 12px;
height: 12px;
display: block;
text-indent: 200em;
overflow: hidden;
float: right;
margin-top: 5px;
margin-right: 12px;
background-color: #f00;
background: url(../../images/v2/left_list.png) no-repeat;
background-position: -70px -54px;
}
.selectCont01>a {
	display: block;
	cursor: pointer;
	text-indent: 1em;
	
  
}

/*下拉列表结束 */

.showInfo {
	background: #ffffff;
	position: absolute;
	z-index: 9998;
	left: 0;
	top: 0;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.showInfo-content {
	vertical-align: middle;
	position: absolute;
	z-index: 9999;
	left: 0;
	top: 0;
}

/* 弹出层*/
.open_block, .open_w800, .open_w900 {
	visibility: hidden;
	width:600px;
	background:#fff;
	border-radius:5px;
	border:2px solid #ddd;
	overflow:hidden;
	box-shadow:0px 1px 5px 5px rgba(0, 0, 0, .3);
	/*behavior:url(../../res/js/common/PIE.htc)*//*CSS3*/;
}
.open_w800 {
	width:800px;
}
.open_w900 {
	width:900px;
}
.open_tit {
	background:#125cab;
	height:34px;
	line-height:34px;
	color:#fff;
	padding:0 10px;
}
.open_close {
	background:url(../../images/v2/left_list.png) no-repeat;
	background-position:-36px -50px;
	width:19px;
	height:19px;
	float:right;
	cursor:pointer;
	margin-top:7px;
}
.open_close_none{ 
	background:none; height:36px; float:none;
}
.open_con {
	/* min-height:200px; */
	max-height: 450px;
	overflow-y: auto;
}
.open_single {
	padding:30px;
}
.open_fot {
	background:#f7f7f7;

	font-size:12px;
	padding:15px 20px;
	text-align: left;
}
.open_fot span{
	font-size: 10px;
	padding-left: 25px;
}
.showFAQ{width: 750px;}
.openWxtsCon{padding: 0 15px;}
.openWxtsTit{  text-indent:2em;}
.openEvaluate{ margin-top:20px;}
.openEvaluate p{ margin:8px 0; display:block;}
.openEvaluate p font{ width:130px; margin-left:2em; display:block; float:left; margin-right:15px; text-align:right;}
.openEvaluate p i{ width:25px; height:25px; background:url(../../images/v2/left_list.png) no-repeat; background-position:-483px -401px; display:inline-block;}
.openEvaluate p i:hover{ background-position:-453px -401px; cursor:pointer;}
.openEvaluate p i.starActive{ width:25px; height:25px; background:url(../../images/v2/left_list.png) no-repeat; background-position:-453px -401px; display:inline-block;}
.openEvaluateTextarea{ width:520px; margin:0 auto; display:block;  border:1px #dfdede solid; outline:none; margin-top:6px; padding:10px;}
.alertMsg{
	width: 400px;
}
.msgTxt{
	padding: 20px;
}

/*按钮样式*/
.btn_blue {
	width:260px;
	height:36px;
	line-height:36px;
	background:#fff;
	border:none;
	color:#005bac;
	cursor:pointer;
	font-size:16px;
	border:1px #005bac solid;
}
.btn_blue:hover {
	background:#005bac;
	color:#fff;
}
.btn_blue_small {
	width:100px;
	height:38px;
	line-height:38px;
	background:#005bac;
	color:#fff;
	border:none;
}
.btn_blue_small:hover {
	background:#006bac;
	color:#fff;
	cursor:pointer;
}

.txt-l {
	text-align: left;
}
.txt-c {
	text-align: center;
}
.txt-r {
	text-align: right;
}
.txt-under {
	text-decoration:underline;
}

.showInfo {
	background: #ffffff;
	position: absolute;
	z-index: 9998;
	left: 0;
	top: 0;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.showInfo-content {
	vertical-align: middle;
	position: absolute;
	z-index: 9999;
	left: 0;
	top: 0;
}

.height1 {
	height:10px;
	clear:both;
}
.height2 {
	height:20px;
	clear:both;
}
.height3 {
	height:30px;
	clear:both;
}
.height5 {
	height:50px;
	clear:both;
}
.height10 {
	height:100px;
	clear:both;
}

/* 分页 */
.fy {
	
	margin-bottom: 10px;
}
.fy span {
	padding:4px 7px;
	margin-right:6px;
	border:1px #e6e6e6 solid;
}

.fy span:hover {
	background:#005bac;
	color:#FFFFFF;
	cursor:pointer;
}
.fy .active{
	background: #005BAC;
	color:#FFFFFF;
}

/* 背景颜色 */
.bg-005bac {
	background: #005BAC;
}
.bg-fafafa {
	background:#fafafa;
}
.bg-f4f4f4 {
	background:#f7f7f7;
}
.bg-004bac:hover {
	background: #004bac;
}
.bg-003dab:hover {
	background: #003dab;
}
.bg-06569d {
	background: #06569d;
}
.bg-3388ff {
	background: #3388ff;
}
.bg-f3f3f3 {
	background: #f3f3f3;
}
.bg-efefef {
	background: #efefef;
}
.bg-f7f7f7 {
	background: #f7f7f7;
}
.bg-f9f9f9 {
	background: #f9f9f9;
}
.bg-fbfbfb {
	background: #fbfbfb;
}
.bg-fdfdfd {
	background: #fdfdfd;
}
.bg-bd242f {
	background: #bd242f;
}
.bg-fff {
	background: #fff;
}
/* 文字大小 */
.fs-12 {
	font-size: 12px;
}
.fs-14 {
	font-size: 14px;
}
.fs-16 {
	font-size: 16px;
}
.fs-18 {
	font-size: 18px;
}
.fs-20 {
	font-size: 20px;
}
.fs-24 {
	font-size: 24px;
}
.fs-36 {
	font-size: 36px;
}
.fs-48 {
	font-size: 48px;
}
/* 文字颜色 */
.fc-dc072d {
	color: #dc072d;
}
.fc-005bac {
	color: #005bac;
}
.fc-fb6f54 {
	color: #fb6f54;
}
.fc-e83344 {
	color: #e83344;
}
.fc-3592e2 {
	color: #3592e2;
}
.fc-cd0000 {
	color: #cd0000;
}
.fc-ff7800 {
	color: #ff7800;
}
.fc-4c4c4c {
	color: #4c4c4c;
}
.fc-666666 {
	color: #666666;
}
.fc-9f9f9f {
	color: #9f9f9f;
}
.fc-e6e6e6 {
	color: #e6e6e6;
}
.fc-fff {
	color: #fff;
}
/* 控件大小 */
.bt-big {
	width: 265px;
	height: 40px;
}
.bt-normal {
	width: 195px;
	height: 40px;
}
.bt-small {
	width: 105px;
	padding:4px 0;
	display:block;
	float:left;
}
/*新搜索框 zzl 2017年8月28日*/
.pull-left {float: left;}
.hide{display:none;}
.search-box{height:42px;margin-top:20px;margin-left:35px;position:relative;float:right;}
.search-btn{height:34px;width:33px;display:block;margin-left:14px;margin-top:8px;cursor:pointer;background-position:-344px -194px;}
.search-text{line-height:40px;height:40px;width:292px;border-radius:25px;border:1px solid #1565c0;outline:none;padding:0 26px;}
.search-text.focus{border:1px solid #4cc0c1;}
.search-prompt-box{width:418px;position:absolute;left:-25px;top:64px;z-index:50;background:#fff;-webkit-box-shadow:0px 5px 25px 5px rgba(0, 0, 0, 0.19);-moz-box-shadow:0px 5px 25px 5px rgba(0, 0, 0, 0.19);-ms-box-shadow:0px 5px 25px 5px rgba(0, 0, 0, 0.19);-o-box-shadow:0px 5px 25px 5px rgba(0, 0, 0, 0.19);box-shadow:0px 5px 25px 5px rgba(0, 0, 0, 0.19);}
body .head .search-prompt-box .circle{display:none;}
.search-prompt-box:before{
  	  position: absolute;
      display: inline-block;
      top: -15px;
      left: 190px;
      width: 0;
      height: 0px;
      content: '';
      border-style: solid;
      border-width: 15px;
      border-color: transparent transparent #fff #fff;
      transform: rotate(135deg);
      box-shadow: -5px 5px 10px -3px rgba(0, 0, 0, 0.19);
}
.search-prompt-box li{padding-left:60px; height:55px;line-height:55px;font-size:14px;color:#4a4a4a;}
.search-prompt-box li a:hover{ color:#1565c0;}
.search-prompt-box li:hover{ background-color:#ddd;} 
.search-prompt-box .circle{top:-11px;left:111px;} 
.search-box,.head .search-box *{box-sizing:border-box} 
.icon-cpic-common {
    display: block;
    background: url(../../images/v2/newsearch.png) -7px -8px;
    background-repeat: no-repeat;
}
.keywords-box{z-index:1001}