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

/* --------------------------------------START reset----------------------------------------- */
html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, address, form, fieldset, img, ul, ol, dl, dt, dd, li, table, td, th, strong, em, sup, sub, dfn, ins, del, q, cite, var, samp, code, kbd, tt, pre {
  margin:0;
  padding:0;
  border:none;
  outline:none;
}
img {
  vertical-align:bottom; /* IE6 img 3px bug fix */
}
hr {
  margin-top:10px;
  margin-bottom:10px;
  border:0;
  border-top: 1px solid #e3e3e3;
  height:2px;
  width:100%;
}
body {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  -webkit-text-size-adjust:none; /* fix Chrome 12 px limit */
  color:#010101;
  position:relative;
  background-color:#fff;
}
a {
  text-decoration:none;
  color: #0066b3;
}
a:hover {
  color: #3993e2;
}
ul, ol, dl {
  list-style-image:none;
  list-style-type:none;
}
p {
  margin-bottom:10px;
}
h1 {
  font-size:18px;
  line-height:20px;
}
h1, h2, h3, h4, h5, h6 {
  font-weight:bold;
  color: #0066b3;
  margin-bottom:0.5em;
}
h1 {
  font-size:18px;
}
h2 {
  font-size:16px;
}
h3 {
  font-size:14px;
}
input {
  vertical-align:top;
}
input, select {
  font-family:Arial, Helvetica, sans-serif;
}
/* -----------------------------------------------END reset--------------------------------------------- */

/* ---------------------------------------------START global-------------------------------------------- */
.clf {
  clear:both;
  height:0;
  overflow:hidden;
  width:0;
}
.fl {
  float:left;
}
.fr {
  float:right;
}
.pt5 {
  padding-top:5px;
}
.pt10 {
  padding-top:10px;
}
.pt15 {
  padding-top:15px;
}
.pt20 {
  padding-top:20px;
}
.mt5 {
  margin-top:5px;
}
.mt10 {
  margin-top:10px;
}
.mt15 {
  margin-top:15px;
}
.mt20 {
  margin-top:20px;
}
.pb5 {
  padding-bottom:5px;
}
.pb10 {
  padding-bottom:10px;
}
.pb15 {
  padding-bottom:15px;
}
.pb20 {
  padding-bottom:20px;
}
.mb5 {
  margin-bottom:5px;
}
.mb10 {
  margin-bottom:10px;
}
.mb15 {
  margin-bottom:15px;
}
.mb20 {
  margin-bottom:20px;
}
/* icons btns */
a.icon_mouse {
  background:url(../../images/icon_mouse.png) left center no-repeat;
  padding-left:20px;
  display:inline-block;
  height:19px;
}
/* content_style */
.content_style {
}
.content_style h3 {
  font-weight:bold;
}
.content_style ul {
}
.content_style ul li {
  background:url(../../images/list_dot.png) left 0.5em no-repeat;
  padding-left:10px;
}
.content_style em {
  color:#0066b3;
  font-weight:normal;
  font-style:normal;
}
/* layout */
.page_wrap {
  width:902px;
  margin:0 auto;
  padding-left:2px;
  padding-right:2px;
}
.cont {
  margin-top:17px;
  position:relative;
}
/* header */
.header {
  width:100%;
  height:106px;
  position:relative;
  z-index:10;
  background:url(../../images/m_nav_top.png) left bottom repeat-x;
}
.header .logo {
  position:absolute;
  display:block;
  width:275px;
  height:50px;
  background:url(../../images/logo.jpg) left top no-repeat;
  left:3px;
  top:17px;
}
.header .mod_name {
  position:absolute;
  right:0px;
  top:25px;
  width:71px;
  height:17px;
  background:url(../../images/top_img.jpg) left top no-repeat;
}
.header .top_nav {
  position:absolute;
  right:0;
  top:55px;
}
.header .top_nav ul li {
  float:right;
  display:inline;
  margin-left:5px;
  padding-right:6px;
  background:url(../../images/line_1.gif) right center no-repeat;
}
.header .top_nav ul li.first {
  background:none;
  padding-right:0;
}
/* END header */
/* footer
.footer{
  margin-top:18px;
  background:url(../../images/footer_top_line_repeat.png) left top repeat-x;
  padding-top:10px;
}
.footer {
  position:relative;
}
.footer .footer_left {
  position:absolute;
  top:13px;
  left:0px;
}
.footer footer_left a{
  display:block;
  width:22px;
  height:28px;
  background-image:url(../../images/site_info_icon.png);
  background-repeat:no-repeat;
  background-position:0px 0px;
}
.footer .copyright {
  position:absolute;
  top:10px;
  left:30px;
  color: #919191;
}
.footer .footer_right {
  position:absolute;
  right:0;
  top:30px;
  z-index:10;
}
.footer .footer_right a {
  float:right;
  display:inline;
  margin-left:10px;
}
 END footer */
 /*页脚*/
.footer{width:902px;margin:0px auto;background:url(/cn/img/bg_footer.gif) repeat-x;margin-top:17px;overflow:hidden;height:53px;}
.footer_left{float:left;display:inline;color:#919191;line-height:16px;padding:10px 0px 13px 0px;width:600px;}
.footer_left img{float:left;margin-right:10px;margin-top:3px;}
.footer_left span{margin-left:26px;margin-right:23px;}
.footer_right{float:right;display:inline;padding-top:17px;text-align:right;color:#919191;}
.footer_right a{margin-left:13px;}

/*START elements */

/* tab */
.tab {
  position:relative;
  padding-top:39px;
}
/* tab_nav */
.tab_nav {
  position:absolute;
  top:0px;
  left:0px;
  height:40px;
  width:100%;
  z-index:11;
}
.tab_nav ul {
  overflow:hidden;
}
.tab_nav ul li {
  height:40px;
  float:left;
  display:inline-block;
  margin-right:1px;
}
.tab_nav ul li a, .tab_nav ul li span, .tab_nav ul li a strong, .tab_nav ul li span strong {
  display:inline-block;
  height:40px;
  background-image:url(../../images/tab_png8.png);
  background-repeat:no-repeat;
  overflow:hidden;
}
.tab_nav ul li a, .tab_nav ul li span {
  padding-left:17px;
}
.tab_nav ul li a strong, .tab_nav ul li span strong {
  padding-right:20px;
}
.tab_nav ul li a.active strong {
    background-position: right -150px;
}
.tab_nav ul li.active a {
    background-position: left -100px;
}
.tab_nav ul li.first a.active {
    background-position: left -200px;
}
.tab_nav ul li a {
  background-position:left 0px;
}
.tab_nav ul li a strong {
  background-position:right -50px;
}
/*20130531 xy*/
.tab_nav ul li.active a strong {
    background-position: right -150px;
}
.tab_nav ul li.active {
}
.tab_nav ul li span {
  background-position:left -100px;
}
.tab_nav ul li.first span {
  background-position:left -200px;
}
.tab_nav ul li span strong {
  background-position:right -150px;
}
.tab_nav ul li.first span strong {
  background-position:right -250px;
}
.tab_nav ul li.first a strong {
  background-position:right -50px;
}
/*20130531 xy*/
.tab_nav ul li.first.active a strong {
    background-position: right -150px;
}
.tab_nav ul li em {
  font-size:14px;
}
.tab_nav ul li strong em {
  display:inline-block;
  height:40px;
  line-height:44px;
  text-align:center;
  font-style:normal;
  color:#fff;
  padding-left:30px;
  background-image:url(../../images/service_icon_png8.png);
  background-repeat:no-repeat;
  cursor:pointer;
}
.tab_nav ul li.active em {
  color:#0066b3;
  cursor:default;
}
.tab_nav ul li em.service_icon_pc {
  background-position:-200px 0px;
}
.tab_nav ul li.active em.service_icon_pc {
  background-position:0px 0px;
}
.tab_nav ul li em.service_icon_mobi {
  background-position:-200px -40px;
}
.tab_nav ul li.active em.service_icon_mobi {
  background-position:0px -40px;
}
.tab_nav ul li em.service_icon_msg {
  background-position:-200px -80px;
}
.tab_nav ul li.active em.service_icon_msg {
  background-position:0px -80px;
}
.tab_nav ul li em.service_icon_home {
  background-position:-200px -120px;
}
.tab_nav ul li.active em.service_icon_home {
  background-position:0px -120px;
}
.layout_c2_main .flash_box {
  width:750px;
  height:510px;
  margin-bottom:15px;
}
/* tab_cont_box */
.tab_cont_box {
  background:url(../../images/layout_c2_bottom.png) left bottom no-repeat #fff;
  zoom:1;
  overflow:hidden;
  z-index:1;
  padding-bottom:6px;
  position:relative;
  width:100%;
}
.tab_cont_box .tab_cont_box_inner {
  background:url(../../images/layput_c2_bg.png) left top repeat-y;
  position:relative;
  overflow:hidden;
  zoom:1;
}
.tab_cont_box_left {
  width:172px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:20px;
  float:left;
  display:inline;
  background:url(../../images/layout_c2_sub_bg_top.png) left top no-repeat;
  min-height:330px;
  padding-top:15px;
  overflow:hidden;
}
.tab_cont_box_right {
  float:right;
  display:inline;
  width:670px;
  padding-top:15px;
  background:url(../../images/layout_c2_main_top.png) right top no-repeat;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
}
.tab_cont_box_right .content_style {
  padding-left:10px;
  padding-right:10px;
}
/* END tab */
/* cm_wrap */
/* .cm_nav */
.cm_wrap {
  position:relative;
  padding-top:39px;
}
.cm_nav {
  position:absolute;
  top:0px;
  left:0px;
  height:40px;
  width:100%;
  z-index:11;
}
.cm_navv ul {
  overflow:hidden;
}
.cm_nav ul li {
  height:40px;
  float:left;
  display:inline-block;
  margin-right:1px;
}
.cm_nav ul li a, .cm_nav ul li a strong{
  display:inline-block;
  height:40px;
  background-image:url(../../images/tab_png8.png);
  background-repeat:no-repeat;
  overflow:hidden;
}
.cm_nav ul li a {
  padding-left:17px;
}
.cm_nav ul li a strong {
  padding-right:20px;
}
.cm_nav ul li a {
  background-position:left 0px;
}
.cm_nav ul li a strong {
  background-position:right -50px;
}
.cm_nav ul li.active {
}
.cm_nav ul li span,.cm_nav ul li.active a{
  background-position:left -100px;
}
.cm_nav ul li.first a.active {
  background-position:left -200px;
}
.cm_nav ul li a.active strong {
  background-position:right -150px;
}
.cm_nav ul li.first a.active strong {
  background-position:right -250px;
}
.cm_nav ul li em {
  font-size:14px;
}
.cm_nav ul li strong em {
  display:inline-block;
  height:40px;
  line-height:44px;
  text-align:center;
  font-style:normal;
  color:#fff;
  padding-left:30px;
  background-image:url(../../images/service_icon_png8.png);
  background-repeat:no-repeat;
  cursor:pointer;
}
.cm_nav ul li.active em {
  color:#0066b3;
  cursor:default;
}
.cm_nav ul li em.service_icon_pc {
  background-position:-200px 0px;
}
.cm_nav ul li.active em.service_icon_pc {
  background-position:0px 0px;
}
.cm_nav ul li em.service_icon_mobi {
  background-position:-200px -40px;
}
.cm_nav ul li.active em.service_icon_mobi {
  background-position:0px -40px;
}
.cm_nav ul li em.service_icon_msg {
  background-position:-200px -80px;
}
.cm_nav ul li.active em.service_icon_msg {
  background-position:0px -80px;
}
.cm_nav ul li em.service_icon_home {
  background-position:-200px -120px;
}
.cm_nav ul li.active em.service_icon_home {
  background-position:0px -120px;
}
/* .cm_box */
.cm_box {
  background:url(../../images/cm_box_bg.png) left top repeat-y;
}
.cm_box .bg_bottom {
  height:6px;
  background:url(../../images/cm_box_bottom_bg.png) left bottom no-repeat;
}
.cm_box .cm_box_cont {
  background:url(../../images/cm_box_cont_bg.png) left top no-repeat;
  padding-top:14px;
}
/* end .cm_wrap */
/* side_nav */
.side_nav {
  width:172px;
  margin-top:15px;
}
.side_nav ul.level_1 {
  width:100%;
}
.side_nav ul.level_1 li.lev_1 {
  width:100%;
  margin-top:5px;
}
.side_nav ul.level_1 li h4.lev_1 {
  display:block;
  width:140px;
  height:33px;
  background:url(../../images/side_nav_lev_1_tit_png24.png) left top no-repeat;
  line-height:30px;
  padding-left:32px;
  font-size:14px;
  font-weight:bold;
  cursor:pointer;
  margin-bottom:0;
}
.side_nav ul.level_1 li.active h4.lev_1, .side_nav ul.level_1 li.trail h4.lev_1 {
  height:31px;
  background:url(../../images/side_nav_lev_1_tit_png24.png) left -50px no-repeat;
  color:#fff;
}

.side_nav ul li a,.side_nav ul li span{
  line-height:18px;
  display:block;
  //background-image:url(../../images/arrow_r_png8.png);
  background-repeat:no-repeat;
  padding-left:10px;
  }  
.side_nav ul li.active li.active a{
    background: url("../../images/arrow_red.png") no-repeat scroll 0 6px transparent;
    color: #000000;
    font-weight: bold;
    padding-left: 15px;
}
.side_nav ul li a{
   color: #0066B3;
     background-position:0px 6px;
  }
.side_nav ul li a:hover{
  color:#3992e2;
    background-position:0px -44px;
    text-decoration:underline;
  }
.side_nav ul li.active span{
   color:#000;
   font-weight:bold;
   background:url(../../images/arrow_red.png) 0 6px no-repeat;
   padding-left:15px;
    // background-position:0px -94px;
  }
/* side_nav ul.level_2 */  
.side_nav ul.level_2 {
  display:none;
  background:url(../../images/side_nav_ul2_bg_png24.png) left bottom no-repeat;
  padding-left:13px;
  padding-right:13px;
  padding-top:10px;
  padding-bottom:10px;
}
.side_nav li.active ul.level_2, .side_nav li.trail ul.level_2 {
  display:block;
}
.side_nav ul.level_2 li.lev_2 {
  padding-top:5px;
  border-bottom:1px dotted #8cb7e2;
  padding-bottom:5px;
}
.side_nav ul.level_2 li.last a.lev_2, .side_nav ul.level_2 li.last span.lev_2 {
  border-bottom:none;
}
/* ul.level_3 */
.side_nav ul.level_3 {
  margin-left:13px;
}
/* END side_nav */

.btn_demo,.btn1_mobilebank_simulate {
  width:174px;
  height:54px;
  margin-top:8px;
}
.btn_demo a,.btn1_mobilebank_simulate a {
  display:block;
  width:100%;
  height:100%;
/*  background-image:url(../../images/button_demo.png);*/
  background-repeat:no-repeat;

  outline:none;
/*  text-indent:-999em;*/
}
.btn_demo a{
  background-position:left 0;
  }

.btn_demo a:hover {
  background-position:left -60px;
}
.btn1_mobilebank_simulate a{
  background-position:left -120px;
  }
.btn1_mobilebank_simulate a:hover{
  background-position:left -180px;
  }
.btn2_demo, .btn2_simulate {
  display:block;
  width:151px;
  height:54px;
  background-image:url(../../images/btns_png24.png);
  background-repeat:no-repeat;
  outline:none;
  text-indent:-999em;
  overflow:hidden;
}
.btn2_demo {
  background-position:0px 0px;
}
.btn2_demo:hover {
  background-position:-160px 0px;
}
.btn2_simulate {
  background-position:0px -60px;
}
.btn2_simulate:hover {
  background-position:-160px -60px;
}
.fsbox_1 {
  width:876px;
  height:445px;
  position:relative;
}
.fsbox_1 .btn2_demo,.fsbox_1 .btn2_simulate{
  position:absolute;
  top:158px;
  }
.fsbox_1 .btn2_demo {

  left:80px;
}
.fsbox_1 .btn2_simulate {
  left:250px;
}
.cm_box_cont .fsbox_1{
margin-left:auto;
margin-right:auto;
margin-bottom:12px;
  }