/* 初始化CSS  重置浏览器样式*/
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend,img,input{ margin:0; padding:0; }
fieldset, img { border:0 none; } /*解决img标签在ie6下出现紫色边框*/
img{display: block;}/*解决img标签外嵌其他标签下方出现小间隙*/
ul, ol { list-style:none; }
select,input,textarea{ padding-top:0; padding-bottom:0;border:0 none;}
textarea { resize:none; }
body {font-size:12px; color:#333;font-family: "微软雅黑";}
a{text-decoration: none;color:#333;}
a:hover{color:#0267B5}
.wrap{width: 960px;margin:0 auto;}
/*清除浮动*/
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }

.bank{width: 100%;height: 50px;background: #005BAA;line-height: 50px;font-size: 14px;}
.bank span{float: left;color:#fff;font-size: 16px;}
.bank .net{float: right;}
.bank .net a{color:#1dd9e2;margin-left: 17px;}
.bank .net a:hover{color:#fff;}/*20160627 jww增加*/
/*导航部分*/
.nav{height: 81px;background: #fff;  }
.nav h1{width: 200px;height: 81px;position:relative;float: left;margin-right: 90px;}
.nav h1 a{width: 200px;height: 81px;display: block;text-indent: -9999px;}
.nav h1 .sanjiao{width: 17px;height: 8px;background: url(../images/sanjiao.jpg) no-repeat;position:absolute;left:18px;top:-8px;}
.nav ul{height: 81px;}
.nav li{float: left;height: 81px;line-height: 81px; margin: 0 5px;padding: 0 12px;}
.nav li a{font-size: 18px;}
.nav li.current a{color:#0267B5;}
.nav li a:hover{color:#0267B5;}
.nav .po{position:relative;height: 81px;z-index:66;}

/*登录*/
.login{position:absolute;width: 254px;height: 40px;background: url(../images/login_bg.png) no-repeat;left:0;/*bottom:18px;*/padding:10px 14px; z-index:9999;}
.login ul li{ margin-left:-10px;}
.login .mybank{height: 32px;width: 150px;background: url(../images/select.png) no-repeat right 0;float: left;border-left:1px solid #0066b3;line-height: 32px;font-size: 14px;color:#ccc;overflow: hidden;padding-left: 10px;cursor:pointer;}
.login a{float: right;width: 73px;height: 32px;background: url(/opublicv3/cn/images/btn_login.png) no-repeat;line-height: 32px;color:#fff;font-size: 14px;text-indent: 30px;margin:0px 10px 0 0px;}
.login_box_fh{clear: both;width: 960px;margin: 0 auto;position: relative;z-index: 11;}
.login_box{ width:274px; height:60px; position:absolute; z-index:11; top:81px; left:0; background:url(../images/login_bg.png) no-repeat;}
.login_box a{ float:left; margin:10px 0 0 0;}
.select_list{ text-indent:5px; position:relative;}
.login_box .select_list{ margin:10px 10px 0 15px;}
.select_value{ z-index:1;background:url(../images/select.png) right 0 no-repeat; cursor:default; display:block; height:32px; line-height:32px; overflow:hidden; border-left:1px solid #0066b3; font-size:14px; color:#333;}
.select_ul{ position:absolute; z-index:15; background:#fff; width:100%; top:-53px; left:0; display:none;max-height:240px;overflow-y:auto;border:1px solid #999;min-height:70px;}
.select_ul ul{*display:inline-block;}
.select_ul li{ height:30px; line-height:30px; cursor:default; display:list-item; font-size:14px; color:#333;}
.select_ul li:hover{ background:#eee; color:#333;}
.w_160{ width:160px;}
.Quick_Link_bottom{width:270px;height:14px}
.Quick_Link_box{display:none}
.Quick_Link_m{ height: 24px; line-height: 24px; overflow: hidden; padding: 0px 16px 0;}
.Quick_Link_m a{ display: block; float: left; width: 60px; text-align: center;}
.hm_bott { height: 30px; line-height: 30px; background: url(../images/top_info.png) no-repeat 21px center;}
.hm_li {padding-left: 40px; float: left; display: inline;width:90px; }
.hm_li1 { padding-left: 48px; float: left; display: inline; text-align:left; }
.logined_box{width:274px; height:60px; position:absolute; z-index:11; top:0; left:0; background:url(/cn/v3/images/loginbg_success.png) no-repeat; line-height:28px; text-align:center;}
.logined_box a{ color:#0066b3; margin:0 5px;}
.logined_box a:hover{ text-decoration:underline;}
.logined_box span{ font-size:14px; color:#333; margin-right:10px;}
.logined_box span a{ color:#333; margin:0;}
/** login **/

.login{}
.login_l{ width:600px; float:left; padding:0 24px;}
.tab3{ height:46px; border-bottom:2px solid #eee;}
.tab3_a{ display:inline-block; height:45px; line-height:45px; padding:0 30px; *padding:0 30px 4px 30px; color:#4c4841; font-size:18px;}
.tab3_hover{ border-bottom:4px solid #0066b3; padding:0 30px; color:#2764a0;}
.tab3_a span{ color:#666; font-size:14px;}
.tab3_a span i{ margin:0 5px;}
.tab3_show{ display:none; padding:40px 0 60px 0;}
.loginform{}
.loginform a{ color:#0066b3; float:left; font-size:14px; margin-left:36px;}
.input_style{ position:relative; float:left;}
.user_icon{ display:inline-block; height:32px; width:23px; background:url(../images/login_icon.png) 0 0 no-repeat; float:left; margin-right:15px;}
.password_icon{ display:inline-block; height:32px; width:23px; background:url(../images/login_icon.png) 0 -32px no-repeat; float:left; margin-right:15px;}
.code_icon{ display:inline-block; height:32px; width:23px; background:url(../images/login_icon.png) 0 -64px no-repeat; float:left; margin-right:15px;}
.message_icon{ display:inline-block; height:32px; width:23px; background:url(../images/login_icon.png) 0 -128px no-repeat; float:left; margin-right:15px;}
.computer_icon{background:url(../images/login_icon.png) 0 -160px no-repeat; padding-left:38px;}
.input_form{ height:30px; width:370px; border:1px solid #0066b3; color:#999; font-size:14px; line-height:30px; text-indent:6px; float:left; color:#333; z-index:10;position:relative; background:transparent;}
.f_gray{ color:#bbb;}
.input_error{ border-color:red;}
.loginform .forget{ height:32px; line-height:32px; padding-left:30px; background:url(../images/login_icon.png) 0 -96px no-repeat; color:#666;}
.loginform .error{ clear:both; height:30px; line-height:25px; text-indent:45px; color:red; font-size:14px;}
.loginform .error span{ display:none;}
.loginform .change{ margin:-5px 0;}
.password{ width:293px; border-right:none;}
.loginform .keyboard{ height:32px; line-height:32px; width:78px; text-align:center; color:#fff; font-size:18px; background:#0066b3; margin-left:0;}
.code_pic{ display:inline-block; float:left; height:30px; width:76px; border:1px solid #0066b3;}
.input_icon{ float:left; width:36px; padding-top:8px; text-align:center;}
.input_icon img{ vertical-align:middle; display:none;}
.loginform i{ position:absolute; left:7px; top:0px; color:#bbb; font-size:14px; line-height:32px; z-index:9;}
.btn{}
.btn span{ display:inline-block; height:30px; background:url(../images/btn.png) 0 -140px no-repeat; padding-left:3px;}
.btn span:hover{opacity:0.9;filter: alpha(opacity=90);}
.btn .gray:hover{opacity:1;filter: alpha(opacity=100);}  
.btn span a{ display:inline-block; height:30px; line-height:30px; color:#fff; text-align:center; font-size:14px; border:none; background:url(../images/btn.png) right -140px no-repeat; min-width:86px; *min-width:auto; padding:0 23px 0 20px; margin-right:-3px; overflow:visible; outline:none; cursor:pointer;}
.btn span button{ display:inline-block; height:30px; line-height:30px; color:#fff; text-align:center; font-size:16px; border:none; background:url(http://image3.ccb.com/cn/v3/images/btn.png) right -140px no-repeat; min-width:114px; *min-width:auto; padding:0 23px 0 20px; margin-right:-3px; overflow:visible; outline:none; cursor:pointer;}
.btn .gray{ background:url(../images/btn.png) 0 -185px no-repeat;}
.btn .gray button{ background:url(../images/btn.png) right -185px no-repeat;}
.btn a{ font-size:14px; color:#0066b3;}
.btn_f16 span button{ font-size:16px;}
.login_btn{ margin-left:38px;}
.login_detail{ padding-left:60px;}
.first_login{ font-size:14px; margin-top:10px; line-height:20px;}
.first_login a{ color:#0066b3;}
.box_reg{ margin:10px 0 0 40px; font-size:14px;}
.box_reg a{ color:#0066b3;}

.loginform .label_click{white-space:nowrap;display: inline-block;
vertical-align: middle;background: url(../images/luck_yao_syn.png) 0 -23px no-repeat;width: 20px;height: 20px;
padding: 0;margin-right:64px;cursor: pointer; margin-left:36px; font-size:14px;}
.loginform .icoo{white-space:nowrap;display: inline-block;
vertical-align: middle;background: url(../images/luck_yao_syn.png) 0 0px no-repeat;width: 20px;
height: 20px;padding: 0;margin-right:64px;cursor: pointer;}
.loginform .tableone_usename{margin-left: 20px;} 
.loginform .label_click span{margin-left:25px;line-height: 16px; }
.loginform .label_click input{ display:none; }
.other{ margin-top:-16px;}
.Quick_Link{width:274px;height:56px;border-radius:4px;position:absolute;left:0;top:80px;z-index:88;background: url(/cn/v3/upload/photo/20150730_1438244410/20151225162619192799.png) no-repeat left top;/*background:url(../images/loginbg.png) no-repeat left top;*/}
.Quick_Link_hover{ background:url(/cn/v3/upload/photo/20150730_1438244410/20151225170047011949.png) no-repeat left top;}
.Quick_Link_top{padding:6px 16px;height:32px;}
.Quick_Link_top_button{display:block;width:73px;height:32px;float:right; line-height:31px; color:#fff; background:url(/opublicv3/cn/images/btn_login.png) no-repeat; text-indent:30px; font-size:14px;border: 1px solid;}
.Quick_Link_top_button:hover{ color:#fff; opacity:0.8; filter:alpha(opacity=80);}
.title_h1{ font-size:18px; height:30px; line-height:30px; color:#333; margin-top:60px;}
.hide{display:none}
.login_r{ width:280px; overflow:hidden; float:right;}

/*.wrap h2{margin-bottom: 34px;font-size: 30px;color: #333;line-height: 32px;font-weight: normal;border-left: 10px solid #c1c1c1;padding-left: 10px;}
*/
.shu_left {/*20160627 jww增加*/
   /* border-left: 1px solid #ccc;*/
    font-size: 18px;
    margin-left: -40px;
    line-height: 81px;
    padding-left: 15px;
    display: initial;
}

/* new login start 20210412 */
.login_box_new {
    background-color: rgba(255,255,255,0.4);
    width: 290px;
    padding: 10px;
    font-family: "Arial";
    position: absolute;
    border-radius: 0 0 4px 4px;
}

.login_box_content_new {
    width: 290px;
    height: 100px;
    border-radius: 4px;
    position: relative;
    background-color: rgba(34,119,255,0.6);
}

.login_box_text_new {
    width: 220px;
    color: #f7f7f7;
    padding: 12px 20px;
    position: absolute;
    text-align: center;
}

.login_box_text_A_new {
    font-size: 18px;
}

.login_box_text_B_new {
    font-size: 24px;
    cursor: pointer;
}

.login_box_go_new {
    width: 25px;
    height: 25px;
    color: #fff;
    position: absolute;
    right: -12px;
    top: 25px;
    padding: 5px;
    background: url(/opublicv3/en/images/login_right_icon.png) no-repeat left center;
}

.login_box_content_B_new {
    width: 290px;
    height: 100px;
    margin-top: 10px;
    position: relative;
    border-radius: 4px;
    background-color: rgba(215,9,48,0.6)
}
/* new login end 20210412 */

/*版权上*/
.copy_top{height: 50px;background: #02599C;color: #1dd9e2;font-size: 14px;}
.copy_top ul{height: 50px;float: left;}
.copy_top ul li{
	height: 50px;
	margin-right: 24px;/*20160705 jww修改*/
	line-height: 50px;
	float: left;
}
.copy_top a{color: #1dd9e2;}/*20160705 jww修改*/
.copy_top a:hover{ color:#fff;}
.copy_top ul li.wangzhan{
	background: url(../images/footer_links_img.gif) no-repeat center left;
	width: 94px;
	height: 32px;
	margin-right: 12px;/*20160705 jww修改*/
	margin-top: 9px;
}
.copy_top span{float: right;line-height: 50px;}



/*版权下*/
.copy{height: 112px;width: 100%;background: #0065B3;padding-top: 48px;color:#fff;font-size: 14px;}
.copy ul{height: 28px;}
.copy ul.site{margin-left: 42px;line-height: 20px;}
.copy ul li{line-height: 28px;float: left;margin-right: 20px;}
.copy ul li.safe{width: 22px;height: 28px;background: url(../images/copy_right_img.gif) no-repeat;}

/*页码*/
.text_center {text-align: center;}
.page{ margin-top:40px;}
.page a{ color:#333; padding:4px 10px; margin:0 4px;}
.page .hover{ color:#fff; padding:4px 10px; margin:0 4px; background:#0066b3; cursor:text;}
.page .page_btn,.page a:hover{ color:#fff; padding:4px 10px; margin:0 4px; background:#0066b3;}
.page span{margin:0 8px;}
.page input{margin:0 2px; width:40px; height:20px; border:1px solid #0066b3; line-height:20px; text-indent:5px; text-align:center; *vertical-align:middle;}
/*footer*/  
.footer{width:100%;height:210px;}
.footer_links{width:100%;height:50px;line-height:50px;background:#025a9d;}
.GoTo-Top a{display:block;background:url(../images/GoTo-top.gif);transition:all 0.5s;-moz-transition:all 0.5s;/* Firefox 4 */
-webkit-transition:all 0.5s;/* Safari and Chrome */
-o-transition:all 0.5s;/* Opera */
}
.GoTo-Top a:hover{background:url(../images/GoTo-top.gif) center bottom;transition:all 0.5s;-moz-transition:all 0.5s;/* Firefox 4 */
-webkit-transition:all 0.5s;/* Safari and Chrome */
-o-transition:all 0.5s;/* Opera */
}
.GoTo-Top,.GoTo-Top a{width:36px;height:36px;}
.GoTo-Top{float:right;margin-top:7px;}
.footer_link_main{ overflow:hidden;width:960px;height:50px;}
.footer_link_main .footerr_links_img{float:left;padding-top:10px;width:112px;display:block;}
.footer_link_main ul {float:left;width:696px;overflow:hidden;margin-left:8px;}
.footer_link_main ul li{float:left;padding-right:18px;}
.footer_link_main .Language_select{float:right;text-align:right;color:#1dd9e2;}
.footer_link_main a{color:#1dd9e2;font-size:14px;}

.footer_link_main{width:960px;margin:0 auto;}
.copy-right{width:100%;height:160px;background:#0066b3;}
.copy-right_main{width:960px;margin:0 auto;}
.copy-right_left{float:left;font-size:14px;color:#fff;padding-top:48px;}
.copy-right_left span{padding-right:25px;line-height:2.0;}
.copy-right_img{width:22px;height:28px;float:left;padding-right:20px;padding-top:10px;}
.copy-right_text{float:left;}
.copy-right_right{float:right;}
.copy-right_right ul li{float:left;background:#fff;width:60px;padding:5px;margin-left:34px;text-align:center;color:#0066b3;line-height:15px;}
.copy-right_right ul{padding-top:36px;overflow:hidden;}

/***************登录区样式 star*********************/
.login_b{  width:auto; height:60px; position: absolute;}
.box_bg{height:60px; }
.box_bg div{ float:left;}
.box_bg .box_bg_l{ width:10px; height:60px; background:url(../images/login_hover_bg_l.png) no-repeat left top;  }
.box_bg .box_bg_c{ width:auto; height:60px; background:url(../images/login_hover_bg_c.png) repeat-x ;}
.box_bg .box_bg_r{ width:10px; height:60px; background:url(../images/login_hover_bg_r.png) no-repeat right top; }
.inp_box{ width:auto;height: 32px;  }
.lg_btn{ width:auto; height:32px;  position:relative; margin:10px 5px 0 10px;}
.lg_btn div{ float:left;}
.btn_l{ width:27px ; height:32px;background:url(../images/btn_login_l.png) no-repeat left top;}
.btn_r{ width:10px; height:32px; background:url(../images/btn_login_r.png) no-repeat right top;}
.btn_c{ width:auto; height:32px; background:#0066b3; line-height:32px;}
.lg_btn_box{ position:relative;}
.lg_btn_box a{ display:inline-block; color:#fff; text-decoration:none; font-size:8px;}
.lg_btn_box a:hover{color : #fff}
.w_160_mg {width: 160px;margin: 10px 0 0 5px;} 

/***************登录区样式 end*********************/