/* FullPage */
#superContainer { height: 100%; position: relative; }
.section { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.slide { float: left; }
.slide, .slidesContainer { height: 100%; display: block; }
.slides { height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.section.table, .slide.table { display: table; width: 100%; }
.tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
.slidesContainer { float: left; position: relative; }
.controlArrow { position: absolute; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; }
.controlArrow.prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; }
.controlArrow.next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; }
.scrollable { overflow: scroll; }
.easing { -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; }
#fullPage-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; }
#fullPage-nav.right { right: 17px; }
#fullPage-nav.left { left: 17px; }
.fullPage-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1; }
.fullPage-slidesNav.bottom { bottom: 17px; }
.fullPage-slidesNav.top { top: 17px; }
#fullPage-nav ul, .fullPage-slidesNav ul { margin: 0; padding: 0; }
#fullPage-nav li, .fullPage-slidesNav li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; }
.fullPage-slidesNav li { display: inline-block; }
#fullPage-nav li a, .fullPage-slidesNav li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; }
#fullPage-nav li .active span, .fullPage-slidesNav .active span { background: #333; }
#fullPage-nav span, .fullPage-slidesNav span { top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #000; background: rgba(0, 0, 0, 0); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 1; }
.fullPage-tooltip { position: absolute; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; top: -2px; }
.fullPage-tooltip.right { right: 20px; }
.fullPage-tooltip.left { left: 20px; }

/* Header */
#logo { width:550px; height:80px; background:url(../images/logo.png) no-repeat 20px center; text-indent:90px; font-size:30px; line-height:80px; color:#fff; position: fixed; top: 0; left: 0; z-index: 99; }
.log { width:370px; height:40px; padding: 0; margin: 0; font-size:14px; color:#fff; line-height:40px; text-align:right; position: fixed; top:20px; right:20px; z-index: 70; }
.log a { text-decoration: none; color: #fff; }
.log a:hover { text-decoration:underline; }
.todo { display:inline-block; position:relative; }
.todo span { height:30px; padding-bottom:5px; background:url(../images/todo_arr.png) no-repeat center bottom; display:inline-block; position:absolute; top:-18px; left:10px; }
.todo span i { height:16px; padding:2px 5px; background:#c00; border-radius:5px; line-height:16px; display:inline-block; }

#menu { height: 40px; position: fixed; top:10px; left:650px; z-index: 70; width:600px; padding: 0; margin: 0; }
#menu li { display: inline-block; margin: 10px; color: #fff; float:left; }
#menu li.active { background: #666; background: rgba(0,0,0, 0.5); color: #fff; }
#menu li a { text-decoration: none; color: #fff; font-size:14px; }
#menu li.active a:hover { color: #000; }
#menu li:hover { background: rgba(255,255,255, 0.8); }
#menu li:hover a { color:#666; }
#menu li a, #menu li.active a { padding: 9px 18px; display: block; }
#menu li.active a { color: #fff; }

/* Main */
.section { position: relative; overflow: hidden;}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.middle { position: relative; width:70%; min-width:1200px; height: 100%; margin-left: auto; margin-right: auto;}

.section1 { background: url(../images/bg1.jpg) no-repeat; background-size:cover; }
.bg1-3 { opacity: 0; background: url(../images/bg1-3.png) 50% 50% no-repeat;}
.left1 { width:800px; height:200px; margin-left:-400px; position:absolute; left:-50%; top:20%; }
.left1 h2 { font-size:48px; font-weight:200; color:#fff; text-align:left; }
.left1 h3 { margin-bottom:10px; font-size:48px; line-height:80px; font-weight:200; color:#fff; text-align:left; }
.right1 { width:800px; height:600px; margin-left:-400px; position:absolute; left:200%; top:40%;  }
.right1 .cTxt { padding:40px; border:1px dashed #fff; border-radius:15px; }
.right1 .cTxt p { font-size:14px; color:#fff; line-height:200%; text-indent:2em; text-align:left; }


.mnlist { text-align:left; }
.mnlist h3 { margin-bottom:10px; font-size:48px; font-weight:200; line-height:150%; }
.mnlist p { font-size:18px; line-height:150%; }
.mnlist ul { padding:30px 0 0 0; }
.mnlist li { width:130px; margin-right:10px; margin-bottom:20px; display:inline; float:left; position:relative; }
.mnlist li>a { height:36px; background:#fff; border-radius:50px; font-size:16px; font-weight:200; color:#999; text-align:center; line-height:34px; display:block; }
.mnlist li>a:hover, .mnlist li:hover>a { background:#2693d7; color:#fff; text-decoration:none; }
.mnlist li dl { display:none; }
.mnlist li:hover dl { display:block; }
.mnlist li dl { width:110px; padding:20px 10px; background:#fff; border-radius:10px; position:absolute; top:46px; left:0; z-index:999; }
.mnlist li dt { width:100%; height:10px; background:url(../images/arrow.gif) no-repeat center bottom; overflow:hidden; position:absolute; top:-10px; left:0; }
.mnlist li dd { padding:6px 0 6px 25px; background:url(../images/icon_arr.gif) no-repeat 10px center; }
.mnlist li dd a { font-size:14px; line-height:100%; color:#666; }
.mnlist li dd a:hover { color:#f30; text-decoration:underline; }
.mnlist li dd.wybl { margin-top:10px; padding:0; text-align:center; }
.mnlist li dd.wybl a { width:90%; height:32px; line-height:32px; margin:0 auto; background:#e74b3c; border-radius:40px; color:#fff; display:block; }
.mnlist li dd.wybl a:hover { background:#c02828; text-decoration:none; }
.right2, .left3, .right4, .left5 { position:absolute; top:30%; width:600px; height:650px; }

.section2 { background: url(../images/bg2.png) 0 50% repeat-x;}
.bg2-3 { background: url(../images/bg2-3.png) 50% -300% no-repeat; transition: all 1.5s;}
.left2 { position: absolute; left: -200%; top:30%; width: 660px; height: 430px; background: url(../images/l2.png) 0 0 no-repeat;}
.left2-1 { position: absolute; left:0; top:18px; width: 400px; height: 310px; background-image: url(../images/l2-1.png); opacity: 0; transition: all 1.5s;}
.left2-2 { position: absolute; top:10px; width: 400px; height: 310px; background-image: url(../images/l2-2.png); opacity: 0;}
.right2 { left:200%; }
.right2 .mnlist li>a:hover, .right2 .mnlist li:hover>a { background:#e74b3c; color:#fff; }


.section3 { background:url(../images/bg3.png) 0 50% repeat-x;}
.bg3-3 { background: url(../images/bg3-3.png) 50% 10% no-repeat; opacity: 0; transition: all 1s;}
.bg3-4 .bg { background: url(../images/bg3-4.png) 50% 10% no-repeat; opacity: 0; transition: all 1s;}
.left3 { left:-200%; }
.right3 { position: absolute; left: 200%; top: 50%; width: 597px; height:552px; margin: -315px 0 0 0; background: url(../images/r3.png) no-repeat; }

.section4 { background:url(../images/bg4.png) 0 50% repeat-x;}
.left4 { position: absolute; left: -200%; top:25%; width: 530px; height:470px; background: url(../images/l4-2.png) no-repeat; }
.left4-3 { position: absolute; left:50%; top: 50%; width: 710px; height: 372px; margin: -200px 0 0 -360px; background: url(../images/l4-3.png); opacity: 0;}
.dian { position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; margin: -200px 0 0 -58px; opacity: 0;}
.dian span { display: block; width: 40px; height: 40px; background-image: url(../images/s4-l4.png);}
.left4-5 { position: absolute; left: 50%; top: 50%; width: 152px; height: 360px; margin: -20px 0 0 100px; background: url(../images/l4-5.png) 0 0 no-repeat; opacity: 0;}
.right4 { left:200%; }

.section5 { background:url(../images/bg5.png) 0 50% repeat-x;}
.bg5-3 { background: url(../images/bg5-3.png) 50% 0 no-repeat;}
.bg5-4 { background: url(../images/bg5-4.png) 50% 0 no-repeat;}
.left5 { left:-200%; }
.right5 { position: absolute; left:200%; top: 50%; width:410px; height:560px; margin-top:-300px; background: url(../images/r5.png) no-repeat;}

/* 动画 */
.left { transition: all 1.5s;}
.right { transition: all 1.5s;}
.active .left, .ltie10 .left { left: 50%;}
.active .right, .ltie10 .right { right: 0%;}
.godown span { -webkit-animation: fade 3s infinite linear; animation: fade 3s infinite linear;}
@-webkit-keyframes fade {
	0% { opacity: 1;}
	50% { opacity: 0.3;}
	100% { opacity: 1;}
}
@keyframes fade {
	0% { opacity: 1;}
	50% { opacity: 0.3;}
	100% { opacity: 1;}
}

/* 第一屏动画 */
.active .bg1-3, .ltie10 .bg1-3 { opacity: 1; -webkit-animation: bg1-3 3s; animation: bg1-3 3s;}
.active .right1, .ltie10 .right1 { left:50%; }
@-webkit-keyframes bg1-3 {
	0% { opacity: 0;}
	50% { opacity: 0;}
	100% { opacity: 1;}
}
@keyframes bg1-3 {
	0% { opacity: 0;}
	50% { opacity: 0;}
	100% { opacity: 1;}
}

/* 第二屏动画 */
.active .bg2-3, .ltie10 .bg2-3 { background-position: 50% 0; transition-delay: 0.5s;}
.active .left2, .ltie10 .left2 { left:0; }
.active .left2-1, .ltie10 .left2-1 { opacity: 1; transition-delay: 1.5s;}
.active .left2-2,  .ltie10 .left2-2 { left: 50px; top:-20px; opacity: 1; transition: all 1s ease 2.5s;}
.active .right2,  .ltie10 .right2 { left:45%; }

/* 第三屏动画 */
.active .bg3-3, .ltie10 .bg3-3 { background-position: 50% 50%; opacity: 1; transition-delay: 0.7s;}
.active .bg3-4 .bg, .ltie10 .bg3-4 .bg { background-position: 50% 50%; opacity: 1; transition-duration: 1.5s; transition-delay: 1s;}
.active .bg3-4 { -webkit-animation: bg3-4 3s ease infinite 2.5s; animation: bg3-4 3s ease infinite 2.5s;}
.active .left3,  .ltie10 .left3 { left:0; }
.active .right3, .ltie10 .right3 { left:50%; }
@-webkit-keyframes bg3-4 {
	0% { opacity: 1;}
	50% { opacity: 0.3;}
	100% { opacity: 1;}
}
@keyframes bg3-4 {
	0% { opacity: 1;}
	50% { opacity: 0.3;}
	100% { opacity: 1;}
}

/* 第四屏动画 */
.active .left4-5, .ltie10 .left4-5 { opacity: 1; transition: all 1s ease 3.0s;}
.active .left4-3, .ltie10 .left4-3 { opacity: 1; transition: all 1s ease 2.0s;}
.active .dian, .ltie10 .dian { opacity: 1; transition: all 0.5s ease 0.1s; }
.active .dian span { -webkit-animation: dian 2s infinite linear 2.1s; animation: dian 2s infinite linear 2.1s;}
.active .left4,  .ltie10 .left4 { left:0; }
.active .right4, .ltie10 .right4 { left:50%; }
@-webkit-keyframes dian {
	0% { -webkit-transform: scale(1, 1);}
	100% { -webkit-transform: scale(2, 2);}
}
@keyframes dian {
	0% { transform: scale(1, 1);}
	100% { transform: scale(2, 2);}
}

/* 第五屏动画 */
.bg5-3 { -webkit-animation: bg5-3 20s linear infinite 0s; animation: bg5-3 20s linear infinite 0s;}
.active .left5, .ltie10 .left5 { left:0; }
.active .right5, .ltie10 .right5 { left:50%; }
@-webkit-keyframes bg5-3 { 
	0% { background-position: 50% 0;}
	100% { background-position: 50% 100%;}
}
@keyframes bg5-3 { 
	0% { background-position: 50% 0;}
	100% { background-position: 50% 100%;}
}

.godown { *display: none; position: absolute; left: 50%; bottom: 20px; z-index: 100; width: 200px; height: 80px; margin-left: -100px;}
.godown span { height:80px; background:url(../images/godown.png) no-repeat center bottom; color:#000; text-align:center; display:block; }
.godown:hover span { text-decoration:underline; }

.link { position: absolute; height: 52px; text-indent: -9999px; overflow: hidden;}
.a1-1 { width: 202px; left: 45px; bottom: 63px;}
.a2-1 { width: 268px; left: 20px; bottom: 237px;}
.a2-2 { width: 270px; left: 78px; bottom: 158px;}
.a3-1 { width: 268px; left: 20px; bottom: 10px;}
.a3-2 { width: 270px; right: 22px; bottom: 10px;}
.a4-1 { width: 268px; left: 20px; bottom: 10px;}
.a4-2 { width: 270px; right: 18px; bottom: 10px;}
.a5-1 { width: 268px; left: 20px; bottom: 10px;}
.a5-2 { width: 270px; right: 20px; bottom: 10px;}

/* Windows */
#fade { display:none; position:fixed; top:0%; left:0%; width:100%; height:100%; background-color:black; z-index:1001; -moz-opacity:0.6; opacity:.60; filter:alpha(opacity=60); }
#light, .window { display:none; position:fixed; top:25%; left:50%; width:860px; height:500px; margin-left:-430px; padding:16px; background:#eaedef; box-shadow:0 0 10px #333; z-index:1002; overflow:auto; }
.cls { height:40px; }
.closebt { width:32px; height:32px; display:block; float:right; }
.closebt:hover { background:#ccc; }
.wcon { padding:0 50px; }
.tag { width:300px; height: auto; min-height: 150px; padding: 0 0 20px 0; overflow: hidden; }
.tag h4 { background: #2f7eba; line-height: 40px; font-size: 16px; color: #fff; text-align: center; }
.tag .wcon { padding: 20px 30px 0 30px; }
.tag .wcon p { font-size: 14px; color: #666; }

.login h3 { font-size:48px; color:#666; font-weight:normal; }
.login p { font-size:36px; font-weight:200; }
.logtab { height:30px; margin:30px 0 5px 0; }
.logtab li { width:90px; height:30px; margin-right:5px; background:#999; border-radius:3px 3px 0 0; font-size:14px; line-height:30px; color:#fff; text-align:center; display:inline; float:left; cursor:pointer; }
.logtab li.current { background:#0e83c5; cursor:default; }
.bgw { padding:20px; background:#fff; }
.banklog li { height:52px; margin-right:20px; display:inline; float:left; }
.banklog li a { height:50px; border:1px solid #ddd; display:block; }
.banklog li a:hover { border:1px solid #0e83c5; }
.bgl { margin-top:30px; padding:20px; border:1px dashed #aaa; border-radius:10px; }
.ywlist li { padding:6px 0 6px 25px; background:url(../images/icon_arr.gif) no-repeat 10px center; }
.ywlist li a { font-size:14px; }
.bllc { padding:10px; line-height:30px; text-align:right; }
#con2 { display:none; }
#log2 { display:none; }
.xz { display:block; z-index:999; }
.xz h3 { margin-bottom:20px; font-size:36px; color:#333; font-weight:normal; }
.xz p { padding:10px 0; color:#666; font-size:16px; line-height:150%; }
.xz p.lst { padding:20px 0; color:#000; font-style:italic; }
.btnbox { text-align:center; }

/* System */
#header { height:100px; background:url(../images/header.jpg); }
#wrap { padding-left:250px; position:relative; }

#side { width:250px; background:#d1dee6; position:absolute; left:0; top:0; }
#side h2 { height:30px; margin:40px 0 20px 0; background:url(../images/icon_menu_hd.gif) no-repeat 20px center; font-size:18px; font-weight:200; color:#369; line-height:30px; text-indent:45px; }
#sysMn li { height:36px; }
#sysMn li a { padding-left:50px; background-image:url(../images/icon_point.gif); background-repeat:no-repeat; background-position:35px center; font-size:14px; color:#333; line-height:36px; display:block; }
#sysMn li a:hover { background-color:#e7f0f6; text-decoration:none; }
#sysMn li.current a { background-color:#fff; border-right:5px solid #c03; color:#c03; }
#main { min-width: 700px; height:300px; }
#location { height:50px; padding-left:50px; background:url(../images/icon_location.png) no-repeat 20px center; color:#999; line-height:50px; }
.content { padding:10px 30px; }
.lc { height:40px; }
.lc li { height:40px; margin-bottom: 5px; padding:0 20px 0 40px; background:#e4e4e4; font-size:14px; color:#999; line-height:40px; float:left; position:relative; }
.lc li.lc1 { z-index:85; }
.lc li.lc2 { z-index:84; }
.lc li.lc3 { z-index:83; }
.lc li.lc4 { z-index:82; }
.lc li.lc5 { z-index:81; }
.lc li i { width:29px; height:40px; background:url(../images/lc_arr.gif) no-repeat; display:block; position:absolute; right:-29px; top:0; }
.lc li.curr { background:#06c; color:#fff; }
.lc li.curr i { background:url(../images/lc_arr_curr.gif) no-repeat; }
.inHd {height: 33px;margin: 20px 0 10px;border-bottom: 3px solid #eee;clear: both;}
.inHd span {padding: 0 10px;font-size: 16px;font-weight:400;line-height: 28px;letter-spacing: 2px;display:inline-block;color: #5894f9;border-bottom: 3px solid #5894f9;height: 33px;text-align:  left;}
.fms {width:100%;}
.fms th, .fms td { padding:10px; }
.fms th { width:150px; font-weight:normal; text-align:right; }
.fms th i { color:#f00; }
.tips { color:#999; text-indent:20px; display:none; }
.sel { width:200px; padding:5px; }
.btn { width:110px; padding:5px; border-style:none; border-radius:3px; font-size:16px; text-align:center; cursor:pointer; }
.btna { background:#2f7eba; border:1px solid #176296; box-shadow:0 0 1px #6fa5d1 inset; color:#fff; }
.btnb { background:#cecece; border:1px solid #c3c3c3; box-shadow:0 0 1px #f3f3f3 inset; color:#666; }
.btna:hover { background:#c03; border:1px solid #c03; box-shadow:0 0 1px #f2d2da inset; }
.btnb:hover { background:#bbb; border:1px solid #c3c3c3; box-shadow:0 0 1px #f3f3f3 inset; }

.tbList { width:100%; border-collapse:collapse; }
.tbList caption { text-align: left; line-height: 40px; font-size: 18px; color: #333; }
.tbList caption i { width:10px; height: 10px; margin:16px 10px 0 0; background: #06c; display: inline-block; float: left; }
.tbList th, .tbList td { padding:0 10px; border:1px solid #d5e1e9; }
.tbList th { height:40px; background:#e7f1f8; font-weight: normal; color:#069; }
.tbList tr.tbHead th { height:40px; background: #3184bf; border:none; font:bold 12px/30px Simsun; color:#fff; }
.tbList tr.tbHead th.left { text-align: left; }
.tbList tr.deep td { background:#eee; }
.tbList tr:hover td { background: #e7f1f8; }
.tbList td { height:40px; background:#fff; color:#666; }
.tbList td.center { text-align: center; }
.tbList a { color:#069; }
.tbList a:hover { color:#f30; }
.tbList td.page { background:#f8fcfd; color:#666; overflow:hidden; }
.page .fL { background:url(../images/icon_arrow.gif) no-repeat 5px center; text-indent:15px; float:left; }
.jump { width:25px; height:14px; line-height:14px; border:1px solid #aec6d2; }
.btnJump { width:38px; height:20px; line-height:20px; background:url(../images/jump.gif) no-repeat; border-style:none; color:#069; text-align:center; cursor:pointer; }

/* 变更登记 */
.modl h3 { height:42px; margin:20px 0; border-bottom:5px solid #e4e4e4; clear: both; }
.modl h3 span { padding:0 15px; border-bottom:5px solid #06c; font-size:18px; font-weight:200; line-height:42px; display:inline-block; float: left; }
.modl h3 a { width:50px; line-height: 42px; padding-left:15px; background: #fff; text-align:center; display: block; float:right; }
.md { min-height: 70px; margin:10px; border: 4px solid #eee; position: relative; }
.md .bf, .md .aft { width: 23px; height: 70px; padding:6px 3px 0 10px; text-align: center; line-height: 16px; position: absolute; top: -11px; right:-5px; }
.md .bf { background:url(../images/bfmod.png) no-repeat; color:#06c ; }
.md .aft { background:url(../images/aftmod.png) no-repeat; color: #fff; }
.tbCon { border: none; margin: 10px 0; }
.tbCon th, .tbCon td { height: 34px; padding: 5px; }
.tbCon th { font-weight: normal; color:#006194; }

.tabs { border-bottom: 1px solid #e7e7e7; }
.tabs li { height: 30px; margin:5px 0 -1px 20px; padding: 0 15px; text-align: center; line-height: 30px; font-size: 16px; color: #666; display: inline; float: left; cursor: pointer; }
.tabs li:hover { border-bottom: 3px solid #94b9d8; color: #216da1; }
.tabs li.cur { border-bottom: 3px solid #216da1; color: #216da1; }