.banner-cen{ overflow:hidden;} /*二级页面banner*/ .second-banner{ background:url(../images/banner-default.jpg) top center / cover no-repeat; /* height:180px; */ height:0;} .second-main{ padding:30px 0;} .second-main .main-l{} .second-main .main-l .title{ margin-bottom:20px; line-height:40px; font-weight:bold; font-size:20px; color:#154399;} .second-main .main-l .title label{ color:#d40012;} .second-main .main-l .title i{ float:left; height:40px; width:60px;} .second-main .main-l .title i.i01{ background:url(../images/ws-icon.png) center no-repeat;} .second-main .main-l .title i.i02{ background:url(../images/lj-icon.png) center no-repeat;} .second-main .main-l .title i.i03{ background:url(../images/rx-icon.png) center no-repeat;} .second-main .main-l .title i.i04{ background:url(../images/cf-icon.png) center no-repeat;} .second-main .main-l .title i.i05{ background:url(../images/cf-icon01.png) center no-repeat;} .second-main .main-l .left-nav{ margin-bottom:30px; background:url(../images/nav-left-bg.png) center 375px no-repeat #2c55a3; padding:15px 15px 120px;} .second-main .main-l .left-nav a{ background:url(../images/nav-left-jt.png) 95% center no-repeat; height:60px; line-height:60px; border-bottom:1px solid #5778b6; color:#fff; display:block; font-size:14px;} .second-main .main-l .left-nav a i{ float:left; width:40px; height:40px; margin:10px 15px 0 0;} .second-main .main-l .left-nav a:last-child{ border:0;} .second-main .main-l .left-nav a:nth-child(1) i{ background:url(../images/nav-left-icon01.png) center no-repeat; } .second-main .main-l .left-nav a:nth-child(2) i{ background:url(../images/nav-left-icon02.png) center no-repeat; } .second-main .main-l .left-nav a:nth-child(3) i{ background:url(../images/nav-left-icon03.png) center no-repeat; } .second-main .main-l .left-nav a:nth-child(4) i{ background:url(../images/nav-left-icon04.png) center no-repeat; } .second-main .main-l .left-nav a:nth-child(5) i{ background:url(../images/nav-left-icon05.png) center no-repeat; } .second-main .main-l .left-links{ margin-bottom:30px;} .second-main .main-l .left-links a{ color:#666; font-size:14px; display:block; height:60px; line-height:60px; background:url(../images/link-left-jt.png) 90% center no-repeat #f3f3f3; margin-bottom:2px;} .second-main .main-l .left-links a i{ float:left; width:60px; height:60px;} .second-main .main-l .left-hotline{ color:#666; padding:20px; background:#f3f3f3; margin-bottom:50px;} .second-main .main-l .left-hotline .panel a{ float:left; padding-bottom:5px; border-bottom:2px solid #ccc; font-size:14px; color:#666;} .second-main .main-l .left-hotline .panel a:first-child{ margin-right:30px;} .second-main .main-l .left-hotline .panel .tag{ color:#D40012; border-bottom:2px solid #D40012;} .second-main .main-l .left-hotline .txt{ font-size:14px; margin-top:20px; } .second-main .main-l .left-hotline .txt p{ font-size:12px; margin-bottom:10px;} .second-main .main-l .left-banner-list{} .second-main .main-l .left-banner-list a{ display:block; margin-bottom:10px;} .second-main .main-l .left-banner-list img{ width:100%; display:block;} .second-main .main-l .mt{ margin:0 0 30px; } .second-main .main-l .mt a{ background:#2c55a3; color:#fff; font-size:14px; display:block; height:60px; line-height:60px; margin-bottom:5px; border-radius:5px; padding-left:60px; } .second-main .main-l .mt a.tag{ background-color:#d40012;} .second-main .main-l .mt .m01{ background:url(../images/gr-l01.png) 10px center no-repeat #bbb; } .second-main .main-l .mt .m02{ background:url(../images/gr-l02.png) 10px center no-repeat #bbb; } .second-main .main-l .mt .m03{ background:url(../images/gr-l03.png) 10px center no-repeat #bbb; } .second-main .main-l .mt .m04{ background:url(../images/gr-l04.png) 10px center no-repeat #bbb; } .second-main .main-l .mt .m05{ background:url(../images/gr-l05.png) 10px center no-repeat #bbb; } .second-main .main-l .mt .m06{ background:url(../images/gr-l06.png) 10px center no-repeat #bbb; } .second-main .main-l .mt .m07{ background:url(../images/gr-l07.png) 10px center no-repeat #bbb; } .second-main .main-l .mt .m08{ background:url(../images/aj-icon01.png) 10px center no-repeat #bbb;} .second-main .main-l .mt .m09{ background:url(../images/aj-icon02.png) 10px center no-repeat #bbb;} .second-main .main-l .mt .m10{background:url(../images/i10-icon.png) 10px center no-repeat #bbb;} .second-main .main-l .mt .m11{background:url(../images/i11-icon.png) 10px center no-repeat #bbb;} .second-main .main-l .mt .m12{background:url(../images/i12-icon.png) 10px center no-repeat #bbb;} .second-main .main-l .mt .m13{background:url(../images/i13-icon.png) 10px center no-repeat #bbb;} .second-main .main-l .mt .last{ margin:0;} .second-main .main-r{ padding:0 20px;} .second-main .main-r .step{ margin:15px 0 28px; color:#999; text-align:right;} .second-main .main-r .step a{ color:#666;} .second-main .main-r .step a:last-child{ color:#0A3992;} .second-main .main-r .border{ border:1px solid #ccc; padding:30px; min-height:1078px;} .second-main .main-r .pub-txt{ font-size:14px; color:#666; padding-bottom:120px;} .second-main .main-r .pub-txt .title{ font-size:18px; margin-bottom:30px;margin-top: 8px;} .second-main .main-r .pub-txt .title label{ font-size:18px;float:left; display:block; line-height:30px; border-bottom:2px solid #d40012; color:#d40012;} .second-main .main-r .pub-txt .title span{ margin-left:5px; width:160px; float:left; display:block; height:32px; line-height:32px; border-bottom:2px solid #154399;} .second-main .main-r .pub-txt p{line-height:26px; margin-bottom:20px; padding-left:10px;} .second-main .main-r .pub-txt .blue{ color:#154399; padding:0 3px; text-decoration: underline;} .second-main .main-r .pub-txt .seq{ padding-left:10px;} .second-main .main-r .pub-txt .seq .sl{ line-height:28px; position:relative;} .second-main .main-r .pub-txt .seq label{ position:absolute; left:0; top:0; } .second-main .main-r .pub-txt .seq span{ padding-left:20px; display:block; } .second-main .main-r .pub-txt b{ display:block; margin-bottom:10px; color:#000; background:url(../images/txt-jt.png) left center no-repeat; padding-left:10px;} .second-main .main-r .pub-txt > strong{ font-weight:normal; padding-left:35px; position:relative; font-size:14px; color:#154399; display:block; margin-bottom:20px; background:#5d75b5; height:38px; line-height:38px; color:#fff; } .second-main .main-r .pub-txt > strong i{ left:0; top:-3px; position:absolute; background:url(../images/pub-title-bg01.jpg) no-repeat; width:31px; height:41px;} .second-main .main-r .pub-txt > strong em{ background:url(../images/pub-title-bg02.jpg) no-repeat; width:54px; height:38px; float:right;} .second-main .main-r .pub-txt table strong{ padding:0; margin:0; background:none;} .second-main .main-r .pub-txt table a{ color:#2c55a3;} .second-main .main-r .pub-txt .top{ bottom:20px; right:30px; background:url(../images/top.jpg) no-repeat; width:80px; height:80px; } .second-main .main-r .pub-txt h2{ color:#000; font-size:16px; display:block; margin-bottom:20px;} .second-main .main-r .pub-txt .pdf-list{ margin-bottom:30px;} .second-main .main-r .pub-txt .pdf-list div{ padding:20px;} .second-main .main-r .pub-txt .pdf-list a{ padding:20px 20px 20px 40px; border:1px solid #ccc; color:#666; line-height:20px; background:url(../images/pdf-icon.png) 10px center no-repeat; display:block; } .second-main .main-r .pub-txt .pdf-list a:hover{ border:1px solid #154399; color:#154399;} .second-main .main-r .pub-txt .pdf-odd-list{} .second-main .main-r .pub-txt .pdf-odd-list a{ border:1px solid #ccc;} .second-main .main-r .pub-txt .tab-list{} .second-main .main-r .pub-txt .tab-list .tab-tle{ text-align:center; font-size:18px; margin-bottom:20px;} .second-main .main-r .pub-txt .tab-list .col strong{ font-size:16px; display:block; text-align:center; color:#89b2ff;} .second-main .main-r .pub-txt .tab01{ border:1px solid #ccc; margin:20px 0;} .second-main .main-r .pub-txt .tab01 th{ height:40px; line-height:40px; background:#154399; color:#fff;} .second-main .main-r .pub-txt .tab01 td{padding:10px; border:1px solid #ccc; word-break:break-all; word-wrap:break-word;} .second-main .main-r .pub-txt .tab01 input{ border:1px solid #ccc; height:26px; line-height:26px; padding:0 10px; font-size:14px;} .second-main .main-r .pub-txt .tab01 select{ border:1px solid #ccc; height:26px; font-size:14px;} .second-main .main-r .pub-txt .tab01 textarea{border:1px solid #ccc; height:26px; padding:10px; min-height:60px;} .second-main .main-r .pub-txt .tab01 .tab-center{ text-align:center;} .second-main .main-r .pub-txt .tab01-add tr:nth-child(odd){ background:#f3f3f3;} .second-main .main-r .pub-txt .tab01-center td{ text-align:center;} .second-main .main-r .pub-txt .tab02{ border:1px solid #ccc; margin:20px 0;} .second-main .main-r .pub-txt .tab02 td{ padding:10px; border:1px solid #ccc;} .second-main .main-r .pub-txt .tab02 .tab-center{ text-align:center;} .second-main .main-r .pub-txt .panel-bnt{ padding:10px 0; margin-bottom:20px;} .second-main .main-r .pub-txt .panel-bnt a{ background:#b1ccff; font-size:16px; padding-right:10px; color:#fff; display:inline-block; height:50px; line-height:50px; margin-bottom:10px; } .second-main .main-r .pub-txt .panel-bnt a > i{ float:left; width:45px; height:50px;} .second-main .main-r .pub-txt .panel-bnt a.tag{ background:#D40012;} .second-main .main-r .pub-txt .panel-bnt a:nth-child(1) i{ background:url(../images/social-icon06.png) center no-repeat;} .second-main .main-r .pub-txt .panel-bnt a:nth-child(2) i{ background:url(../images/social-icon01.png) center no-repeat;} .second-main .main-r .pub-txt .panel-bnt a:nth-child(3) i{ background:url(../images/social-icon02.png) center no-repeat;} .second-main .main-r .pub-txt .panel-bnt a:nth-child(4) i{ background:url(../images/social-icon03.png) center no-repeat;} .second-main .main-r .pub-txt .panel-bnt a:nth-child(5) i{ background:url(../images/social-icon04.png) center no-repeat;} .second-main .main-r .pub-txt .panel-bnt a:nth-child(6) i{ background:url(../images/social-icon05.png) center no-repeat;} .second-main .main-r .pub-txt .panel-bnt-add a{ padding:0 20px;} .second-main .main-r .pub-txt .txt-links{ margin-bottom:30px;} .second-main .main-r .pub-txt .txt-links a{ padding:10px 0; display:block; color:#154399;} .second-main .main-r .pub-txt .txt-links a:hover{text-decoration:underline;} .second-main .main-r .pub-txt .txt-links em{ font-size:12px; } .second-main .main-r .pub-txt .txt-col{ padding:10px 0;} .second-main .main-r .pub-txt .txt-col img{ margin:0 20px 10px 0; display:block;} .second-main .main-r .pub-txt .pub-padding{ padding:20px 0;} .second-main .main-r .pub-txt .txt-list{ margin-bottom:20px;} .second-main .main-r .pub-txt .txt-list .col{ border-bottom:1px solid #ccc; padding:20px 0;} .second-main .main-r .pub-txt .txt-list .col span:first-child{ background:url(../images/txt-jt.png) left center no-repeat; padding-left:10px; text-emphasis: initial; line-height:24px; height:24px; overflow:hidden;} .second-main .main-r .pub-txt .txt-list .col label{ color:#999; text-align:right;} .second-main .main-r .pub-txt .calculator{} .second-main .main-r .pub-txt .calculator .panel-bnt li{ float:left; margin-right:10px;} .second-main .main-r .pub-txt .calculator .panel-bnt a{ padding:0 20px;} .second-main .main-r .pub-txt .calculator .panel-bnt a.tag{ background:#d40012;} .second-main .main-r .pub-txt .pub-panel{} .second-main .main-r .pub-txt .pub-panel .list-type{ overflow:hidden; margin-bottom:20px;} .second-main .main-r .pub-txt .pub-panel .list-type li{ margin:0 5px 5px 0; font-size:14px; float:left; height:50px; line-height:50px; } .second-main .main-r .pub-txt .pub-panel .list-type li a{ background:#b1ccff; padding:0 20px; color:#fff; display:block;} .second-main .main-r .pub-txt .pub-panel .list-type li a img{ vertical-align:middle; margin-right:5px;} .second-main .main-r .pub-txt .pub-panel .list-type li.tag a{ background:#D40012;} .second-main .main-r .pub-txt .pub-panel .list-blue li{ background:#5d75b5;} .second-main .main-r .pub-txt .panel-insurance{ margin:30px 0;} .second-main .main-r .pub-txt .panel-insurance .list-type{ margin:0;} .second-main .main-r .pub-txt .panel-insurance .list-type li{ margin-bottom:0; font-size:14px; height:30px; line-height:30px;} .second-main .main-r .pub-txt .panel-insurance .pn{ border:1px solid #ccc; padding:30px 20px;} .second-main .main-r .pub-txt .panel-insurance .pn p{ margin:0;} .second-main .main-r .pub-txt .panel-insurance .pn .pdf-list{ margin:0;} .second-main .main-r .pub-txt .logo-border{} .second-main .main-r .pub-txt .logo-border .col{ text-align:center; padding:0 20px; margin-bottom:20px; float:left;} .second-main .main-r .pub-txt .logo-border .col a{ border:1px solid #154399; color:#154399; display:block; padding:20px;} .second-main .main-r .pub-txt .logo-border .col a:hover{ color:#fff; background:#154399; } .second-main .main-r .pub-txt .pub-img{ margin-bottom:30px;} .second-main .main-r .pub-txt .pdf-old-list{} .second-main .main-r .pub-txt .pdf-old-list .col{ text-align:center; padding:0 20px; margin-bottom:20px; float:left;} .second-main .main-r .pub-txt .pdf-old-list .col a{ border:1px solid #154399; color:#154399; display:block; padding:20px;} .second-main .main-r .pub-txt .pdf-old-list .col a:hover{ color:#fff; background:#154399; } .second-main .main-r .pub-txt .pdf-old-list .col span{ display:block; margin-top:20px;} .second-main .main-r .pub-txt .pdf-old-list .col label{ border-top:1px solid #154399; padding-top:10px; } .second-main .main-r .pub-txt .pdf-old-list .col a:hover label{ border-top:1px solid #fff;} .second-main .main-r .pub-txt .Zcode-img{width:140px; text-align:center; position:absolute; right:0; top:0;} .second-main .main-r .pub-txt .Zcode-img img{ width:120px;} /*南商十周年*/ .banner-decennial{background:url(../images/banner-decennial.jpg) top center / cover no-repeat; height:420px;} .decennial-bnt{ margin-bottom:50px; height:70px;} .decennial-bnt a{ position:relative; height:70px; line-height:70px; background:#cdcdcd; color:#666; font-size:26px; text-align:center;} .decennial-bnt a.tag{ color:#fff; background:#154399;} .decennial-bnt a.tag em{ position:absolute; background:url(../images/decennial-jt.png) no-repeat; width:29px; height:15px; bottom:-15px; left:50%; margin-left:-15px;} .second-main .main-r .pub-txt .zsp-col{ margin-bottom:50px;} .second-main .main-r .pub-txt .zsp-col img{ margin:0 0 10px;} .second-main .main-r .pub-txt .zsp-col label{ font-size:12px; line-height:20px;} .second-main .main-r .pub-txt .zsp-col .img-left{ padding-right:20px; margin-bottom:20px;} .second-main .main-r .pub-txt .zsp-col .img-right{ padding-left:20px; margin-bottom:20px;} .second-main .main-r .pub-txt .hg-title{ margin-bottom:20px; font-weight:bold; font-size:20px; background:url(../images/b10.png) no-repeat; height:46px; line-height:56px; padding-left:50px;} .second-main .main-r .pub-txt .zsp-col p{ overflow:hidden; } .second-main .main-r .pub-txt .zsp-col strong{ font-size:16px; font-weight:normal; color:#15439C; width:60px; margin-right:10px;} .second-main .main-r .pub-txt .zsp-col .xl-7{ padding:20px 0} .second-main .main-r .sp{} .second-main .main-r .sp .title{} .second-main .main-r .sp .title strong{ float:left; line-height:50px; padding-left:10px; display:block; border-left:5px solid #154399; color:#154399; font-size:40px;} .second-main .main-r .sp .title .sp-step{ float:right;} .second-main .main-r .sp .title .sp-step span{ font-size:14px; float:left; color:#5a667c; padding:40px 0 0 60px;} .second-main .main-r .sp .title .sp-step i{ float:left; width:60px; height:111px; background:url(../images/step-jt.png) center no-repeat;} .second-main .main-r .sp .title .sp-step .s01{ background:url(../images/step01-gray.png) no-repeat; width:126px; height:111px; padding:40px 0 0 58px;} .second-main .main-r .sp .title .sp-step .s02{ background:url(../images/step02-gray.png) no-repeat; width:131px; height:112px;} .second-main .main-r .sp .title .sp-step .s03{ background:url(../images/step03-gray.png) no-repeat; width:132px; height:111px;} .second-main .main-r .sp .title .sp-step .s04{ background:url(../images/step04-gray.png) no-repeat; width:132px; height:111px;} .second-main .main-r .sp .title-add{ z-index:9000; background:#fff; position:fixed; top:0; } .second-main .main-r .sp .col{ overflow:hidden; color:#666; margin-bottom:20px;} .second-main .main-r .sp .col.n01{ margin-top:50px; } .second-main .main-r .sp .col.n01 .num{ background:url(../images/num01.png) no-repeat; width:132px; height:120px;} .second-main .main-r .sp .col.n01 .tt{ padding-left:132px;} .second-main .main-r .sp .col.n01 .tt b{ font-size:26px; display:block; padding:20px 0;} .second-main .main-r .sp .col.n01 .tt p{ font-size:16px; line-height:30px; } .second-main .main-r .sp .col.n01 .padimg{ padding:0 55px;} .second-main .main-r .sp .col.n01 .padimg img{ display:block; margin-bottom:10px;} .second-main .main-r .sp .col.n01-add{ -webkit-animation:enlarge 1s ease-in 0s forwards;} .second-main .main-r .sp .col.n02 .num{ background:url(../images/num02.png) no-repeat; width:132px; height:120px;} .second-main .main-r .sp .col .tt{ padding-left:132px;} .second-main .main-r .sp .col .tt b{ font-size:26px; display:block; padding:20px 0;} .second-main .main-r .sp .col .time-list .l-col{ padding-left:130px; margin-bottom:50px; z-index:1000;} .second-main .main-r .sp .col .time-list .l-col .year{ text-align:center; padding-top:25px; font-size:30px; color:#18459a; width:100px; height:100px; border:1px dashed #154399; border-radius:50%; background:#fff;} .second-main .main-r .sp .col .time-list .l-col .year label{ display:block; font-size:16px;} .second-main .main-r .sp .col .time-list .l-col .ct{ padding:50px 0 0 135px; font-size:16px;} .second-main .main-r .sp .col .time-list .l-col .ct i{ width:8px; height:8px; border-radius:50%; background:#dc3140; position:absolute; top:57px; left:120px; } .second-main .main-r .sp .col .time-list .line{ top:0; left:180px; border-left:2px solid #18459a; height:100%;} .second-main .main-r .sp .col .img-list{ } .second-main .main-r .sp .col .img-list .img-col{ width:260px; float:right; margin-left:65px; } .second-main .main-r .sp .col .img-list .img-col span{ display:block; margin-top:5px; line-height:20px;} .second-main .main-r .sp .col.n03 .num{ background:url(../images/num03.png) no-repeat; width:132px; height:120px;} .second-main .main-r .sp .col.n04 .num{ background:url(../images/num04.png) no-repeat; width:132px; height:120px;} .second-main .main-r .sp .time-mini-nav{ display:none; width:40px; top:120px; left:-50px; z-index:9991;} .second-main .main-r .sp .time-mini-nav a{ color:#666; position:relative; margin-bottom:10px; display:block; width:40px; height:40px; line-height:40px; border-radius:50%; border:1px dashed #ccc; text-align:center;} .second-main .main-r .sp .time-mini-nav a:hover{ background:#18459a; color:#fff; border:1px dashed #18459a;} .second-main .main-r .sp .time-mini-nav a.tag{ background:#18459a; color:#fff;} .second-main .main-r .sp .time-mini-nav label{ position:absolute; font-size:12px; right:-20px; color:#dc3140;} .second-main .main-r .sp .time-mini-add{ top:10px; left:20px; position:fixed; display:block; } /*new十周年*/ .new-decennial{} .new-decennial .bor-center{ padding:50px 0; border:1px solid #cdcdcd; background:#fff;} .new-decennial .bor-center .title{ display:block; margin-bottom:20px; font-size:40px; color:#154399; line-height:55px;} .new-decennial .bor-center .title i{ margin:10px 25px 0 0; float:left; height:90px; border-left:7px solid #dc3140;} .new-decennial .bor-center .col{ padding:35px; color:#666; font-size:16px;} .new-decennial .bor-center .col.n01 .tt{ line-height:36px; padding:0 50px 0 20px;} .new-decennial .bor-center .n01 .num{ padding:50px 0 0 100px; height:120px; background: url(../images/num01.png) no-repeat; font-size:24px; color:#666;} .new-decennial .bor-center .n02 .num{ padding:50px 0 0 100px; height:120px; background: url(../images/num02.png) no-repeat; font-size:24px; color:#666;} .new-decennial .bor-center .n03 .num{ padding:50px 0 0 100px; height:120px; background: url(../images/num03.png) no-repeat; font-size:24px; color:#666;} .new-decennial .bor-center .n04 .num{ padding:50px 0 0 100px; height:120px; background: url(../images/num04.png) no-repeat; font-size:24px; color:#666;} .new-decennial .bor-center .deil{ padding-top:10px; font-size:12px; line-height:20px;} .new-decennial .bor-center .list-img .lo{ margin-bottom:50px;} .new-decennial .bor-center .list-img .year{ margin-right:10px; font-size:12px; color:#666;} .new-decennial .bor-center .list-img .year label{ font-size:20px; margin-right:2px;} .new-decennial .bor-center .list-img .pimg{ margin-right:20px;} .new-decennial .bor-center .list-img .tt{ line-height:26px;} .new-decennial .bor-center .list-img .tt i{ width:6px; height:6px; background:#dc3140; float:left; margin:6px 5px 0 0;} .new-decennial .step-center{} .new-decennial .step-center .col{ float:right;} .new-decennial .step-center .col a{ cursor:default; color:#666;} .new-decennial .step-center .col dl{ margin-bottom:10px;} .new-decennial .step-center .col dt a{ background:url(../images/zsp-step.png) no-repeat; width:145px; height:54px; display:block;} .new-decennial .step-center .col dd{ display:none; text-align:right; margin-top:10px;} .new-decennial .step-center .col i{ margin-left:5px; float:right; border:2px solid #fff; width:12px; height:12px; background:#c6c6c6; border-radius:50%; } .new-decennial .step-center .col .type i{ background:#cddeff; border:2px solid #154399;} .new-decennial .step-center .col.s01 dt a{ } .new-decennial .step-center .col.s02 dt a{ background-position:0 -54px;} .new-decennial .step-center .col.s03 dt a{ background-position:0 -108px;} .new-decennial .step-center .col.s04 dt a{ background-position:0 -162px;} .new-decennial .step-center .col.s01 dt.tag a{ background-position:-145px 0; } .new-decennial .step-center .col.s02 dt.tag a{ background-position:-145px -54px;} .new-decennial .step-center .col.s03 dt.tag a{ background-position:-145px -108px;} .new-decennial .step-center .col.s04 dt.tag a{ background-position:-145px -162px;} .new-decennial .step-center-add{ position:fixed; top:10px; width:145px; left:50%; margin-left:445px;} .new-time-list{ margin:50px 0;} .new-time-list .col{ margin-bottom:30px;} .new-time-list .col:last-child{ margin:0;} .second-main .main-r .pub-txt .new-time-list .col p{ display:table; margin:0;} .new-time-list .col p span{ display:table-cell; vertical-align:middle;} .new-time-list .col label{ background:#fff; position:relative; z-index:100; display:inline-block; font-size:20px; color:#172c67; border:2px solid #172c67; width:66px; height:66px; line-height:66px; text-align:center; border-radius:50%; } .new-time-list .col .l label{ float:right; margin-right:-33px; margin-left:20px;} .new-time-list .col .r label{ float:left; margin-left:-43px; margin-right:20px;} .new-time-list .line{ height:100%; width:2px; background:#ccc; left:50%;} /*内页banner*/ .second-banner.b01{ background:url(../images/banner-bg.jpg) center center / cover no-repeat; } .second-banner.b02{ background:url(../images/banner-bg01.jpg) center center / cover no-repeat;} .second-banner.b03{ background:url(../images/banner-bg02.jpg) center center / cover no-repeat;} .second-banner.b04{ background:url(../images/banner-bg03.jpg) center center / cover no-repeat;} .personal-banner01{background:url(../images/personal-banner01.jpg) center center / cover no-repeat;} .personal-banner02{background:url(../images/personal-banner02.jpg) center center / cover no-repeat;} .personal-banner03{background:url(../images/personal-banner03.jpg) center center / cover no-repeat;} .personal-banner04{background:url(../images/personal-banner04.jpg) center center / cover no-repeat;} .personal-banner05{background:url(../images/personal-banner05.jpg) center center / cover no-repeat;} .personal-banner06{background:url(../images/personal-banner06.jpg) center center / cover no-repeat;} .company-banner01{background:url(../images/company-banner01.jpg) center center / cover no-repeat;} .company-banner02{background:url(../images/company-banner02.jpg) center center / cover no-repeat;} .company-banner03{background:url(../images/company-banner03.jpg) center center / cover no-repeat;} .interbank-banner01{background:url(../images/interbank-banner01.jpg) center center / cover no-repeat;} .interbank-banner02{background:url(../images/interbank-banner02.jpg) center center / cover no-repeat;} .interbank-banner03{background:url(../images/interbank-banner03.jpg) center center / cover no-repeat;} .interbank-banner04{background:url(../images/interbank-banner04.jpg) center center / cover no-repeat;} .interbank-banner05{background:url(../images/interbank-banner05.jpg) center center / cover no-repeat;} .interbank-banner06{background:url(../images/interbank-banner06.jpg) center center / cover no-repeat;} .finance-banner01{background:url(../images/finance-banner01.jpg) top center / cover no-repeat;} .finance-banner02{background:url(../images/finance-banner02.jpg) top center / cover no-repeat;} .finance-banner03{background:url(../images/finance-banner03.jpg) top center / cover no-repeat;} .finance-banner04{background:url(../images/finance-banner04.jpg) top center / cover no-repeat;} /*index-banner*/ .flicker-example{} .flicker-example .list-icon{ border-radius:5px 5px 0 0; background:rgba(0,0,0,0.5); position:absolute; bottom:0; left:50%; margin-left:-330px; width:660px; overflow:hidden;} .flicker-example .list-icon a{ padding-top:70px; text-align:center; float:left; color:#fff; border-radius:50%; font-size:14px; width:110px; height:110px; display:block;} .flicker-example .list-icon a:nth-child(1){ background:url(../images/i01-icon.png) center 22px no-repeat; } .flicker-example .list-icon a:nth-child(2){ background:url(../images/i02-icon.png) center 25px no-repeat; } .flicker-example .list-icon a:nth-child(3){ background:url(../images/i03-icon.png) center 22px no-repeat; } .flicker-example .list-icon a:nth-child(4){ background:url(../images/i04-icon.png) center 22px no-repeat; } .flicker-example .list-icon a:nth-child(5){ background:url(../images/i05-icon.png) center 22px no-repeat; } .flicker-example .list-icon a:nth-child(6){ background:url(../images/i06-icon.png) center 25px no-repeat; } /*index动态 公告*/ .index-example{height:730px; box-shadow:0 5px 20px #999;} .index-example .dot-navigation {position:absolute;top:0;height:100%;right:25px;width:20px;text-align:center;z-index:100} .index-example .dot-navigation ul {text-align:center;list-style:none;padding-top:260px;} .index-example .dot-navigation ul li {display:inline-block;float:none;margin-bottom:20px;} .index-t .col strong{ font-size:24px; color:#154399; display:block; margin-bottom:25px;} .index-t .col strong label{ color:#d40012;} .index-t .col strong a{ font-size:12px; color:#999; float:right; height:40px; line-height:40px; border:1px solid #ccc; width:40px; text-align:center; border-radius:50%; } .index-t .col .tt{ position:relative; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px;} .index-t .col .tt a{ position:relative;z-index:2;} .index-t .col .tt .time{ width:60px; text-align:center; color:#ccc; margin-right:10px; position:relative; z-index:3;} .index-t .col .tt .time b{ font-size:36px; line-height:36px; font-weight:normal; display:block;} .index-t .col .tt .time label{ font-weight:normal; font-size:14px; display:block; line-height:24px;} .index-t .col .tt .mp{} .index-t .col .tt .mp b{ position:relative; font-size:17px; height:20px; line-height:26px; overflow:hidden; color:#444; margin:5px 0 10px; font-weight:normal; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .index-t .col .tt .mp b::after{ } .index-t .col .tt .mp p{ height:20px; height:20px; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#8b8b8b; font-size:14px;} .index-t.dd .col .tt:hover:before{ content:''; background:#e5e5e5; width:100%; height:85px; position:absolute; -webkit-animation:progress 0.4s ease-in 0s forwards;} .index-t .col:first-child{ padding-right:60px;} .index-t .col:last-child{ padding-left:60px;} .index-listImg{} .index-listImg .title{ font-size:24px; color:#154399; text-align:center; display:block; padding:60px 0 40px;} .index-listImg .title label{ color:#d40012;} .index-listImg .listImg-example{ height:640px; padding:30px 0; box-sizing:content-box;} .index-listImg .listImg-example ul.flicks>li .flick-inner .flick-content{max-width:1280px;} .index-listImg .listImg-example .col{ background:#e7e7e7;} .index-listImg .listImg-example .col img{ display:block;} .index-listImg .listImg-example .col .txt{ text-align:center; padding-top:110px;} .index-listImg .listImg-example .col .txt b{ display:block; font-size:20px; color:#666; margin-bottom:10px;} .index-listImg .listImg-example .col .txt p{ font-size:14px; color:#8b8b8b; line-height:26px; margin-bottom:5px;} .index-listImg .listImg-example .col .txt i{ display:inline-block; height:2px; width:60px; background:#dedede;} .index-listImg .listImg-example .col:hover{ background:#154399; color:#fff;} .index-listImg .listImg-example .col:hover .txt b{ color:#fff;} .index-listImg .listImg-example .col:hover .txt p{ color:#fff;} .index-listImg .listImg-example ul.flicks>li .flick-inner{ padding:0;} .index-listImg .listImg-example .dot-navigation{ top:auto; bottom:0;} .index-listImg .listImg-example .dot-navigation .dot.active{ background:#154399;} .index-listImg .listImg-example .dot-navigation .dot { width:60px; height:5px; margin:5px 6px; border-radius:0; background:#ededed;} .flickerplate .dot-navigation ul li { display:inline-block; float:none; height:20px;} .flickerplate .dot-navigation ul li .dot:after{ position:absolute; top:-660px; content:""; display:block; background:#ededed; width:60px; height:5px;} .flickerplate .dot-navigation ul li .dot.active:after{background:#154399;} /*网站指南*/ .map-list{} .map-list .col{ margin-bottom:20px; overflow:hidden; } .map-list .col .col-border{ padding:20px;} .map-list dt{ border-bottom:2px solid #d40012; color:#d40012; padding:10px;} .map-list dd{ padding:10px; border:1px solid #ccc;} .map-list dd a{ color:#666;} /*addClass8.25 手机银行*/ .phone-center{ border:1px solid #ccc; background:#fff;} .phone-center .p20{ padding:20px;} .phone-center .l.img{ background:url(../images/mobile_1.jpg) left top no-repeat; width:252px; height:729px; } .phone-center .list{ padding:15px;} .phone-center .list .col{ border-bottom:1px solid #ccc; padding:30px 0;} .phone-center .list .col:last-child{ border:0;} .phone-center .list .col p{ margin:0;} .phone-center .ktong span{ width:100%; text-align:center; display:table; border:1px solid #ccc; padding:20px; height:100px;} .phone-center .ktong span label{ display:table-cell; vertical-align:middle;} .phone-center .ktong i{ display:block; width:30px; height:30px; margin:10px auto; background:url(../images/ktong-icon.png) center / 30px 30px no-repeat;} .phone-center .phone-type{ } .phone-center .phone-type .codeimg{ margin:20px 0; display:block;} .phone-center .phone-type .ml{ padding:40px 20px 40px 200px; background:#f3f3f3; position:relative; margin-bottom:20px;} .phone-center .phone-type .ml .c01{ position:absolute; left:40px; top:70px;} .phone-center .phone-type .ml .c02{ position:absolute; left:40px; top:12px;} .phone-center .phone-type .ml .last-p{ margin:0;} .phone-center .phone-type .ml .a-icon{ margin-top:10px; padding:5px 10px; line-height:20px; display:inline-block; background:#D40012; color:#fff;} .phone-center .phone-type .ml .a-icon img{ margin-right:5px; vertical-align:middle;} .second-main .main-r .phone-center .p20 .pub-b{ margin:10px 0 20px; background:none; font-size:18px; text-align:center;} .phone-center .mbank{} .phone-center .mbank dl{ overflow:hidden; margin:20px 0;} .phone-center .mbank dt{ float:left;} .phone-center .mbank dd { padding-left:61px;} .phone-center .mbank dd strong{ display:block; margin:20px 0 0;} .web-center{ border:1px solid #ccc; background:#fff; margin-bottom:20px; } .web-center .web-list{ margin-bottom:20px;} .web-center .web-list .col{ padding:40px; border-bottom:1px dashed #ccc;} .web-center .web-list .col:last-child{ border:0;} .web-center .web-list .col .txt{ padding:10px 0 0 90px;} .web-center .web-list .col .txt p{ margin:0; padding:0;} .web-cadd .web-list .col .txt{ padding:40px 0 0 180px;} .pub-bnt{margin-top:10px; padding:5px 10px; line-height:20px; display:inline-block; background:#D40012; color:#fff;} .pub-bnt img{ vertical-align:middle; margin-right:5px;} /* dock2 - bottom */ #dock2{width:100%; bottom:0px; position:absolute; left:0px; height:115px; z-index:9991;} .dock-container2{ position:absolute; height:115px; background:rgba(0,0,0,0.3); border-radius:5px 5px 0 0; box-sizing:initial;} a.dock-item2{ box-sizing:inherit; display:block;font:bold 12px Arial, Helvetica, sans-serif;width:60px;color:#000;bottom:0px;position:absolute;text-align:center;text-decoration:none;} .dock-item2 span{ display:block; margin-bottom:10px; color:#fff;} .dock-item2 img{border:none; width:100%; } .flickerplate .arrow-navigation.right{ display:none;} /**/ .second-main .main-r .pub-txt .per_mp.xl-5{width:160px; text-align:center; float:right} /*历史回顾*/ .history-list{} .history-list .history .col{ overflow:hidden; margin-bottom:28px;} .history-list .history .col .txt-left { width:345px; display:table; float:left; margin:0;} .history-list .history .col .txt-left span{ padding-right:20px; height:86px; display:table-cell; vertical-align:middle; } .history-list .history .col .txt-left span i{ float:right; height:86px; width:10px;} .history-list .history .col .txt-right{ width:345px; display:table; float:left;} .history-list .history .col .txt-right span{ padding-left:20px; height:86px; display:table-cell; vertical-align:middle;} .history-list .history .col .time{ background:#cdd9ec; width:200px; border-radius:50px; float:left; padding:10px; } .history-list .history .col .time label{ background:#fff; position:relative; z-index:100; display:inline-block; font-size:20px; color:#172c67; border:2px solid #172c67; width:66px; height:66px; line-height:66px; text-align:center; border-radius:50%;} .history-list .history .col .time label:last-child{ float:right;} .history-list .history .col .time label:first-child{ float:left;} .history-img{ padding:30px 0;} .history-img img{ display:block;} #l01-img{ background: url(../images/himg01.jpg) no-repeat; width:1118px; height:413px; margin:30px 0;} #l02-img{ background: url(../images/himg03.jpg) no-repeat; width:1118px; height:413px; margin:30px 0;} #l03-img{ background: url(../images/himg02.jpg) no-repeat; width:1118px; height:413px; margin:30px 0;} #l04-img{ background: url(../images/himg04.jpg) no-repeat; width:1118px; height:413px; margin:30px 0;} @-webkit-keyframes enlarge { 0% { opacity:0.5; } 100% { opacity:1; } } @-webkit-keyframes progress { 0% { width:0; } 100% { width:100%; } } /*addclass10.19*/ .resultTable{} .resultTable td{padding:10px; border:1px solid #ccc;} .branch_svc th{ color:#fff; padding:10px 0; background:#93b4ed; border:1px solid #ccc;} .branch_svc td{ padding:10px 0; text-align:center; border:1px solid #ccc;} .schedule_links{ padding:15px 0; overflow:hidden;} .schedule_links a{ float:left; border:1px solid #ccc; display:inline-block; padding:0 30px; height:40px; line-height:40px;} #monthly_schedule_container p{ margin-top:30px;} #annual_schedule_container p{ margin-top:30px;} /*addClass11.16*/ .tools-iframe{ } .tools-iframe table{ display:inline-block !important; width:100% !important;} ul.list01{ line-height:2em; overflow:hidden;} /*addClass12.18*/ .second-main .main-r .pub-txt .mobile-mp{position:relative; margin-bottom:80px;} .second-main .main-r .pub-txt .mobile-mp-code{width:140px; text-align:center; position:absolute; right:5%; top:70px;} /*.second-main .main-r .pub-txt .mobile-mp-code{width:126px; text-align:center; position:absolute; right:0; top:40px;}*/ .second-main .main-r .pub-txt .mobile-mp-code img{display:block; margin:0 auto} /*addClass12.22*/ .xm-list{ padding:20px 0 50px; overflow:hidden;} .xm-list .col{ float:left; padding:0 10px; border-right:1px dotted #ccc; min-height:200px;} .xm-list .col:last-child{ border:0;} .xm-list .col a{ color:#154399; padding-left:10px;} .specialLeft .title span{ color: #d40012; } .xl-75 a.top{ display: none; } a, a:link, a:hover, a:visited { text-decoration: none; /* color: #666; */ }