/*index样式*/

.p-guide .footer{ position: static;}
.p-guide .footer .wrap{padding: 54px 0 48px 0;}
.noborder{ border-left: 0px !important;}
.banner{width: 100%; height:260px; background: #2b95ff url(../img/banner.jpg) center bottom no-repeat; padding-top: 75px; }
.top{width: 100%; height:493px; background: url(../img/c1.png) center bottom no-repeat; margin-top: 48px; position: relative; z-index: 2;  }
.topstep{ width: 0;height: 0; overflow: hidden;}
.center{ position: relative; z-index: 1; width: 1190px; margin: -30px auto 0px; background-color: #fff; min-height: 500px; border-radius: 30px;}


.centertitlte{ font-size:18px; color:#017bff; font-weight: bold; text-align: center; line-height: 70px; padding-top: 30px; }

.centerbody{ padding:0 20px 46px; color: #017bff; }
.sidenav{ float: left; width:176px; border-bottom: #ccc 1px solid;  }

.sidenav li{ border: #ccc 1px solid; border-right: 0; line-height: 55px; border-bottom: 0;color: #999; cursor: pointer; position: relative; }
.sidenav li span{display: block;width:156px; height: 100%; padding-left: 20px;}
.sidenav_t{background-color: #ececec; height: 50px;line-height: 50px; padding-left: 20px; border-top:#ccc 1px solid; border-left:#ccc 1px solid  }

.ibank{display:inline-block; width:28px;height: 28px;  background: url(../img/banklogo.png?st=2016) no-repeat; vertical-align: middle; margin-right: 10px;}
.ibank_cb{ background-position: 0 0;}
.ibank_zs{ background-position: -28px  0;}
.ibank_gs{ background-position: -55px 0;}
.ibank_js{ background-position: -83px 0;}
.ibank_nh{ background-position: -110px 0;}
.ibank_others{ background-position: -139px 0;}
.js_cb:after{ content: ""; display: block; width: 20px;height: 20px; background-color: #a71e32; position: absolute; right: -10px; top:15px;transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-moz-transform: rotate(45deg); visibility: hidden;	}


.js_zs:after{ content: ""; display: block; width: 20px;height: 20px; background-color: #b1120d; position: absolute; right: -10px; top:15px;transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-moz-transform: rotate(45deg); visibility: hidden;	}

.js_gs:after{ content: ""; display: block; width: 20px;height: 20px; background-color: #c3040c; position: absolute; right: -10px; top:15px;transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-moz-transform: rotate(45deg); visibility: hidden;	}

.js_js:after{ content: ""; display: block; width: 20px;height: 20px; background-color: #0066b3; position: absolute; right: -10px; top:15px;transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-moz-transform: rotate(45deg); visibility: hidden;	}

.js_nh:after{ content: ""; display: block; width: 20px;height: 20px; background-color: #009882; position: absolute; right: -10px; top:15px;transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-moz-transform: rotate(45deg); visibility: hidden;	}

.changegray{ background-color: #ececec;}

.onthis .js_cb:after,.onthis .js_zs:after,.onthis .js_gs:after,.onthis .js_js:after,.onthis .js_nh:after{ visibility: visible; display: none;}

:root .onthis .js_cb:after,:root .onthis .js_zs:after,:root .onthis .js_gs:after,:root .onthis .js_js:after,:root .onthis .js_nh:after{display: block;}
.onthis .js_cb{ background-color: #a71e32;color: #fff;}
.onthis .js_zs{ background-color: #b1120d;color: #fff;}
.onthis .js_gs{ background-color: #c3040c;color: #fff;}
.onthis .js_js{ background-color: #0066b3;color: #fff;}
.onthis .js_nh{ background-color: #009882;color: #fff;}

.onthis .js_cb .ibank_cb{ background-position: 0 -32px;}
.onthis .js_zs .ibank_zs{ background-position: -28px  -32px;}
.onthis .js_gs .ibank_gs{ background-position: -55px -32px;}
.onthis .js_js .ibank_js{ background-position: -83px -32px;}
.onthis .js_nh .ibank_nh{ background-position: -111px -32px;}

.js_others{display: block; padding-left: 20px;height: 55px; line-height: 55px; border-top:#ccc 1px solid; border-left: #ccc 1px solid; color: #999; }
.js_others:hover{ background-color: #50749a; color: #fff;}
.js_others:hover .ibank_others{ background-position: -139px -32px;}

.con{ float: left; width: 812px; background-color: #ececec; border: #ccc 1px solid; padding: 26px 76px 60px; font-size: 16px; min-height: 500px;}

.con h3{ text-align: center; font-size:20px; line-height:59px; font-weight: normal;  }
.con h4{ font-weight: normal; margin-bottom: 15px;}

.con .steps li{ border-left:#3f8cdf dashed 1px; position: relative; padding-left: 46px; padding-bottom:36px;  }

.steps i{ display: block;position: absolute;width: 74px;height: 28px; top:0; left:-38px; background: url(../img/banklogo.png) 0 -62px no-repeat; overflow: hidden; color: #fff; text-align: center;}

.btmtip{ text-align: center; line-height: 140px;}
.i_ask{display:inline-block; width:43px;height: 43px;  background: url(../img/banklogo.png) -83px -60px no-repeat; vertical-align: middle; margin-right: 10px;}


/*index_quick页面样式*/
.p-indexquick{ background: #fbf1da;}
.c1 ul li.mr0{ margin-right: 0;}
.c1{ height:835px ;background:  url(../img/c1.jpg) center top no-repeat; color: #fff;}
.c1 ul{position: absolute; width:1200px;  top:780px; left: 50%; margin-left:-600px;}
.c1 ul li{ float: left; width:390px; margin-right:15px; text-align:center;   }
.c2{ height:984px ;background: #fbf1da url(../img/c2.jpg) center top no-repeat;}
.c2 ul{width: 0;height: 0;overflow: hidden;}
.c3 h1{height:98px;background: url(../img/c3.jpg?v=2) center top no-repeat; text-indent: -400px;overflow: hidden; }

.c3 table{ width:798px;margin: 0 auto 30px;border-collapse: collapse; box-shadow: 0 0 0 2px #fbf1da,0 0 0 3px #2b7dcd;}
.c3 table td,.c3 table th{ border:#2b7dcd 1px solid; height:38px; line-height: 38px; text-align: center;  }
.c3 table th{ background-color: #328ee9; color: #fff;}
.bgred{ background-color: #fcece8; color:#e1471a; }
.c3 table th.thbgred{ background: #e1471a;}
.i_logo{display:inline-block;width: 22px;height: 22px;vertical-align: middle; margin:0 10px; background: url(../img/logo_sw.png) 0 0 no-repeat;}
.i_arrow{display:inline-block;width: 22px;height: 22px;vertical-align: middle; margin:0 10px; background: url(../img/arrow.png) 0 0 no-repeat;}
.tc{ text-align: center;}
.c3 a{ text-decoration: underline;}
/*footer*/
.footer_1{background: #266191;}
.footer_1 .wrap{background: #266191;padding: 36px 0 26px 0}
.footer_1 ul li{position: relative;padding-left: 94px;color: #fff;width: 186px;float: left;*zoom:1;margin-left: 20px;}
.footer_1 ul li .ft-ico{position: absolute;left: 0;top: 0;}
.footer_1 ul li h3{font-size: 31px;font-weight: normal;}
.footer_1 ul li p{font-size: 15px;color: #49a2e0;}
.ft-ico{width: 84px;height: 84px;background-image: url(/web/action/qqhyfl20151028/img/ft_sp.png);background-repeat: no-repeat;display: inline-block;}
.i-stable{background-position: 0 0;}
.i-secure{background-position: -98px 0;}
.i-large{background-position: -196px 0;}
.i-flexable{background-position: -293px 0;}
.wrap{ width: 1200px;}