/*全局*/ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } body { font-family:"微软雅黑"; position: relative; font-size: .26rem; color: #000000; width: 6.4rem; margin: 0 auto; overflow-x: hidden; } ul,li { list-style:none; margin:0; padding:0; } h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; } img { border:none; border:0; vertical-align:middle; max-width: 100%; max-height: 100%; } video { max-width: 100%; max-height: 4rem; } a { text-decoration:none; outline:none; color: #000;} button { outline: none; border: none; } p { margin:0; padding:0; } .cl:after { content:""; display:block; height:0; clear:both; visibility:hidden; } .cl { *zoom:1 } .wbg { background: #ffffff; } .h110 { height: 1.1rem; display: block; } .txt-c { text-align: center; } .oh { overflow:hidden; } .fl { float:left; } .oh { overflow: hidden; } .fr { float:right; } .cl { clear: both; } .pd20 { padding: .2rem; margin: 0 auto; } .pd2 { padding: .2rem; } .pdrl20 { padding: 0 .2rem; } .pdrl10 { padding: 0 .1rem; } .pdtb3 { padding: .3rem 0; } .pd25 { padding: 0 .25rem; padding-bottom: .25rem; } .pdrl25 { padding:0 .25rem } .pd3 { padding: .3rem; } .pd4 { padding: .4rem; } .pdt4 { padding-top: .4rem; } .mh5 { min-height: 6rem; } .mt30 { margin-top: .3rem; } .mt20 { margin-top: .2rem; } .mb30 { margin-bottom: .3rem; } .h1r { height: 1rem; } .center { max-width: 6.4rem; margin: 0 auto; width: 100%; background:#ffffff; } .fcp p { font-size: .26rem; color: #4c4c4c; line-height: .6rem; } .bg1 { background-color: #EDF7FD; } .bd-e5 { border: 0.01rem solid #e5e5e5; } .bg-f2 { background: #f2f2f2; } .bg-f4 { background-size: #f4f7fc; } .main { min-height: 6rem; overflow: hidden; } table { border-collapse: collapse; table-layout:fixed !important; width:100% !important; border:none; margin:0 auto; } table th, table td { display:table-cell; vertical-align:middle !important; white-space: normal !important; white-space:pre-line; word-break:break-all !important; word-wrap:break-word !important; border: .01rem solid #dedede; } /* 全局end */ /* 头部 */ .header { position: fixed; width: 6.4rem; top: 0; background-color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; z-index: 9999; margin:0 auto; height: 1.1rem; box-shadow:0 5px 10px -5px rgba(0 , 0, 0, .8); } .header .logo { text-align: center; display: flex; flex-direction: column; justify-content: center; } .header .logo img { display: block; height: .5rem; margin-bottom: .05rem; } .header .logo .txt { font-size: .18rem; color: #6a6a6a; } .header .iconfont { color: #444444; } .header .fx-mid { display: flex; flex-direction: column; justify-content: center; } .header a.userbtn { display: inline-block; font-size:.5rem; color: #444444; vertical-align: middle; padding-left: .3rem; } .header span.navbtn { width: .7rem; text-align: center; color: #444444; font-size: .7rem; padding-right: .3rem; vertical-align: middle; } .header span.navbtn.icon-guanbi2 { font-size: .5rem; } .header .btn a { display: inline-block; height: 100%; } .idxwrap { width: 100%; } .idxwrap .section { width: 100%; position: relative; background-repeat: no-repeat !important; background-size: cover !important; background-position: center !important; } /* 底部 */ .footer { background-color: #f2f2f2; padding:.3rem .2rem; } .footer div { font-size: .2rem; color: #656667; text-align: center; line-height: .4rem; } .footer a { font-size: .2rem; color: #656667; } .footer-idx { background-color: #f2f2f2; padding: .1rem .3rem; } .footer-idx>div { } .footer-idx>div a { display: block; height: .7rem; line-height: .7rem; font-size: .24rem; color: #656667; text-align: left; background: url(../images/r.png) no-repeat right center; background-size: .12rem .2rem; border-bottom: .01rem solid #d6d8dc; } .footer-idx .con { font-size:.24rem; color: #656667; line-height: .5rem; padding: .25rem 0; border-bottom: .01rem solid #d6d8dc; } .footer-idx .con span { color: #adadad; } /* 导航 */ .nav { position: relative; display: none; width: 100%; z-index: 999999; overflow-y: scroll; position:fixed; background-color: #1a3984; color:#ffffff; height: 12rem; top: 1.1rem; } .nav>ul { overflow-x: hidden; overflow-y: auto; } .nav>ul>li { border-bottom: .02rem solid #8d9cc2; position: relative; } .nav>ul>li>a { padding-left: .3rem; text-decoration: none; height: 1rem; line-height: 1rem; width: 3.5rem; font-size: .3rem; color: #ffffff; position: relative; display: inline-block; } .nav>ul>li>.iconfont { padding-left: .3rem; display: inline-block; font-size: .4rem; } .nav>ul>li:first-child>.iconfont { font-size: .35rem; } .nav .sbnbtn { padding-top: .28rem; position: absolute; text-align: right; width: 2rem; height: .6rem; right: .3rem; top:0; z-index:1000; transition: .3s all; } .nav .sbnbtn span { color: white; font-size: .4rem; margin-left: .2rem; display: inline-block; transition: .3s all; } .sub { display: none; padding:0 .3rem; border-top: .02rem solid #8d9cc2; background-color: transparent; } .sub li a { font-size: .27rem; height: 1rem; line-height: 1rem; border-bottom: .02rem solid #48619d; padding: 0 .4rem; padding-left: .25rem; color: #7ea3fc; display: block; } .lang { margin-top: .2rem; padding: .25rem; } .lang .t { font-size: .26rem; color: #4fd78c; text-align: center; margin: .2rem 0; } .lang .c { display: flex; flex-direction: row; justify-content: space-between; } .lang .c a { font-size: .22rem; color: #ffffff; } .lang .c a img { width: .47rem; height: .3rem; margin-right: .15rem; } /* 按钮 */ .btn-1 { display: block; width: 2rem; height: .7rem; font-size: .24rem; color: white; text-align: center; line-height: .7rem; background-color: #1a3984; font-weight: bold; margin: 0 auto; margin-top: .3rem; } /* 标题 */ .tit-1 { font-size: .45rem; color: #333333; font-weight: bold; } .tit-1 span { display: block; font-size: .36rem; color: #1a3984; position: relative; font-weight: normal; margin-top: .3rem; } .tit-1 span::after { content: ""; width: .5rem; height: .05rem; background-color: #333333; position: absolute; left: 0; bottom:-.3rem; } .tit-2 { font-size: .47rem; color: #333333; font-weight: bolder; text-align: center; margin: .4rem 0; } .tit-2 div { font-size: .17rem; color: #adadad; font-weight: normal; margin-top: .15rem; } .tit-2 div span { margin-left: .2rem; display: inline-block; width: .75rem; height: .02rem; background-color: #1a3984; vertical-align: middle; } .tit-3 { font-size: .35rem; color: #183883; border-bottom:.01rem solid #e5e5e5; padding-bottom: .3rem; } .tit-3 span { padding-left: .35rem; border-left: .1rem solid #183883; display: block; height: .45rem; line-height: .45rem; } /* 列表 */ .list { padding-bottom: .4rem; } .list a { border-bottom: .01rem solid #c5c5c5; padding: .3rem 0; display:flex; flex-direction: row; justify-content: space-between; } .list a img { width: 1.85rem; height: 1.3rem; } .list a .txt { width:3.75rem; } .list a .txt .t { font-size: .26rem; color: #000000; line-height: .45rem; height: .9rem; margin-bottom: .15rem; } .list a .txt .time { font-size: .22rem; color: #a09e9e; } .list-1 { border-top: .01rem solid #dfdede; } .list-1 a { padding:.2rem; display: block; margin-bottom: .2rem; background-color: white; border-bottom: .01rem solid #dfdede; } .list-1 a .img { width: 2.3rem; height: 1.5rem; overflow: hidden; float: left; } .list-1 a .img img { width: 100%; height: 100%; transition: .3s all linear; } .list-1 a .txt { float: right; width: 2.85rem; } .list-1 a .txt .t { font-size: .26rem; color: #000000; line-height: .4rem; height: .9rem; margin-top: .1rem; } .list-1 a .txt .time { text-align: left; color: #00a0e9; font-size:.22rem; margin-top: .1rem; } .list-2 { border-top:.01rem solid #dfdede } .list-2 ul { } .list-2 ul li { border-bottom:.01rem solid #dfdede; padding-left: .25rem; background: url(../images/list.jpg) no-repeat left .45rem; } .list-2 ul li a { display: block; padding: .3rem 0; } .list-2 ul li a .t { font-size: .26rem; color: #151414; line-height: .4rem; } .list-2 ul li a .t span { font-size: .22rem; color: #7d7d7d; white-space: nowrap; line-height: normal; margin-left: .15rem; } .list-2 ul li a p { font-size: .2rem; color: #a09e9e; margin-top: .1rem; } .list-3 { } .list-3 ul { } .list-3 ul li { background: url(../images/list.jpg) no-repeat left .37rem; border-bottom: .01rem solid #dfdede; } .list-3 ul li a { display: block; padding: .25rem; } .list-3 ul li a .t { font-size: .26rem; color: #000000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .list-3 ul li a .time { font-size: .26rem; color: #7f7f7f; margin-top: .1rem; } /* 内页栏目图 */ .innban { width: 100%; height: 3.5rem; background-repeat: no-repeat; background-position: center bottom; background-size: cover; } /* 侧边导航 */ .leftnav { width: 6.4rem; white-space: nowrap; font-size: 0; white-space: nowrap; overflow-y: hidden; overflow-x: auto; border-bottom: .01rem solid #eaeaea; height: 1rem; } .leftnav::-webkit-scrollbar { display: none; } .leftnav a { display: inline-block; text-align: center; height: .95rem; line-height: 1rem; font-size: .28rem; margin:0 .25rem; color: #282828; } .leftnav a.on { color: #00a0e9; font-weight: bold; border-bottom: 0.05rem solid #00a0e9; } .idxwrap .section { background-color:#f4f5fa; display: flex; flex-direction: column; justify-content: center; background-position: center; background-size: cover; background-repeat: no-repeat; } .idxwrap .section:first-child { padding-top: 0; } .idxwrap .section:last-child { justify-content: flex-end; } /* 第一屏 */ .idxwrap .section .sec1 { position: relative; padding-top: 1.1rem; } .idxwrap .section .sec1 .bd,.idxwrap .section .sec1 .bd ul,.idxwrap .section .sec1 .bd ul li,.idxwrap .section .sec1 .bd .tempWrap { height: 100%; } .idxwrap .section .sec1 .bd ul { display: flex; flex-direction: row; } .idxwrap .section .sec1 .bd li { overflow: hidden; } .idxwrap .section .sec1 .bd li:nth-child(2) a .t,.idxwrap .section .sec1 .bd li:nth-child(2) a .c { color:#1837A6; } .idxwrap .section .sec1 .bd li:nth-child(3) a .t,.idxwrap .section .sec1 .bd li:nth-child(3) a .c { color:green; } .idxwrap .section .sec1 .bd li:nth-child(2) .btn-1 { background-color:#183883 !important; color:#fff !important; } .idxwrap .section .sec1 .bd li:nth-child(3) .btn-1 { background-color:green !important; color:#fff !important; } .idxwrap .section .sec1 .bd li:nth-child(3) .mid a { top:-2.2rem !important; } .idxwrap .section .sec1 .bd li .mid { position: relative; overflow: hidden; width: 100%; height: 100%; text-align: left; background-position: center; background-size: cover; background-color: #000; } .idxwrap .section .sec1 .bd li .mid .img { width: 100%; height: 100%; text-align: center; background-repeat:no-repeat; background-size:cover; background-position:right bottom; } .idxwrap .section .sec1 .bd li .mid .img img { min-width: 100%; min-height: 100%; max-width: unset; max-height: unset; } .idxwrap .section .sec1 .bd li .mid a { height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 0 .3rem; width: 5.8rem; position: absolute; top: -.7rem; left: 0; } .idxwrap .section .sec1 .bd li .mid .t { font-size: .47rem; color: #ffffff; font-weight: normal; line-height: .8rem; margin-bottom: .4rem; } .idxwrap .section .sec1 .bd li .mid .c { font-size: .2rem; color: #ffffff; line-height: .5rem; } .idxwrap .section .sec1 .bd li .mid .btn-1 { width: 1.7rem; height: .6rem; line-height: .6rem; border-radius: .05rem; font-size: .2rem; margin: 0; margin-top: .6rem; background-color: white; color: #1a3984; } .idxwrap .section .sec1 .hd { z-index: 999; position: absolute; left: 0; bottom: .8rem; width: 100%; text-align: center; white-space: nowrap; } .idxwrap .section .sec1 .hd ul li { display: inline-block; width: .15rem; height: .15rem; background: white; border-radius: 100%; margin: 0 .2rem; } .idxwrap .section .sec1 .hd ul li.on { background-color: #1a3984; } /* 第二屏 */ .idxwrap .section .sec2 { padding: .3rem; background-color: #f4f5fa; } .idxwrap .section .sec2 .img,.idxwrap .section .sec2 .img img { width: 5.8rem; min-height: .3rem; margin-bottom: .3rem; } .idxwrap .section .sec2 .c { margin-top: .8rem; font-size: .24rem; color: #333333; line-height: .5rem; } /* 第三屏 */ .idxwrap .section .sec3 { background-color: #f4f5fa; } .idxwrap .section .sec3 .t { padding: 0 .3rem; } .idxwrap .section .sec3 .t span { background-size: .15rem .18rem; display: block; font-size: .35rem; color: #333333; font-weight: bold; text-align: center; margin-bottom: .2rem; } .idxwrap .section .sec3 .t span img { width: .2rem; margin-right: .2rem; vertical-align: middle; } .idxwrap .section .sec3 .t p { font-size: .2rem; color: #999999; text-align: center; line-height: .4rem; } .idxwrap .section .sec3 .sec3-ban { margin-top: .3rem; } .idxwrap .section .sec3 .sec3-ban .hd { font-size: 0; padding: 0 .3rem; display: flex; flex-direction: row; justify-content: center; } .idxwrap .section .sec3 .sec3-ban .hd span { display: inline-block; background-color: white; font-size: .28rem; color: #333333; text-align: center; width: .9rem; height: .9rem; line-height: .9rem; border-right: .02rem solid #eaeaeb; } .idxwrap .section .sec3 .sec3-ban .hd span.on { background-color: #1a3984; color: white; } .idxwrap .section .sec3 .sec3-ban .bd { margin-top: .35rem; } .idxwrap .section .sec3 .sec3-ban .bd ul li>div { background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; height: 5.3rem; display: flex; flex-direction: column; justify-content: center; padding: 0 .3rem; background-position: center; background-size: cover; background-repeat: no-repeat; text-align: center; } /* .idxwrap .section .sec3 .sec3-ban .bd ul li>div::after { z-index: 9; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); } */ .idxwrap .section .sec3 .sec3-ban .bd ul li>div>* { z-index: 999; } .idxwrap .section .sec3 .sec3-ban .bd ul li>div>div { font-size: .4rem; color: #ffffff; margin-bottom: .2rem; } .idxwrap .section .sec3 .sec3-ban .bd ul li>div span { font-size: .2rem; color: #ffffff; line-height: .45rem; } .idxwrap .section .sec3 .sec3-ban .bd ul li>div>a { margin: 0 auto; margin-top: .2rem; display: block; width: 2.1rem; height: .7rem; line-height: .7rem; text-align: center; font-size: .24rem; color: #ffffff; border: .02rem solid white; } .sol-con { height: 1.7rem; position: absolute; bottom: 0; left: 50%; margin-left: -2.9rem; width:5.8rem; } .sol-el { float: left; border-bottom: 1px solid #4f4c4c; width: 2.75rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .sol-el.margin { margin-right: .3rem; } .sol-el a { text-align: left; padding: .2rem 0; font-weight: bold; display: block; color: #1f1f1f; font-size: .2rem; transition: .3s all ease; } .sol-el a:hover { color: red; transition: .3s all ease; } /* 第四屏 */ .idxwrap .section .sec4 { height: 100%; } .idxwrap .section .sec4 .sec4-ban { position: relative; height: 100%; } .idxwrap .section .sec4 .sec4-ban .hd { z-index: 999; width: 5.8rem; position: absolute; top: 1rem; left: .3rem; right: unset; bottom: unset; margin-bottom: .5rem; display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 0; background-color: rgba(255, 255, 255, .2); padding: .2rem 0; } .idxwrap .section .sec4 .sec4-ban .hd span { display: inline-block; width: 1.9rem; height: .7rem; text-align: center; line-height: .7rem; font-size: .3rem; color: #1a3984; } .idxwrap .section .sec4 .sec4-ban .hd span.on { background-color: white; } .idxwrap .section .sec4 .sec4-ban .bd { width: 100%; height: 100%; flex-direction:row; position: relative; display: flex; z-index: 1; transition-property: transform; box-sizing: content-box; height: 100%; transform: translate3d(0,0,0); } .idxwrap .section .sec4 .sec4-ban .bd .bd-el { width: 100%; position: relative; flex-shrink: 0; z-index:-1; transition:.3s all line-height; } .idxwrap .section .sec4 .sec4-ban .bd .bd-el.swiper-slide-active { z-index:9999; transition:.3s all line-height; } .idxwrap .section .sec4 .sec4-ban .bd .bd-el .bg { padding: .3rem; background-size:cover; background-repeat:no-repeat; background-position:center; position: relative; z-index: 1; background-color: #000; } .idxwrap .section .sec4 .sec4-ban .bd .bd-el .bg::after { z-index: -1; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .idxwrap .section .sec4 .sec4-ban .bd .bd-el .bg * { z-index: 999; } .idxwrap .section .sec4 .sec4-ban .bd .bd-el .bg .t { font-size: .4rem; color: #ffffff; font-weight: bolder; text-align: center; } .idxwrap .section .sec4 .sec4-ban .bd .bd-el .bg .con { margin-top: 3rem; } .idxwrap .section .sec4 .sec4-ban .bd .bd-el .bg .con p:nth-child(1) { font-size: .3rem; color: #ffffff; margin-bottom: .3rem; } .idxwrap .section .sec4 .sec4-ban .bd .bd-el .bg .con p:nth-child(2) { font-size: .22rem; color: #dadada; line-height: .5rem; } .idxwrap .section .sec4 .sec4-ban .bd .bd-el .bg .con p:nth-child(3) { display: block; font-size: .26rem; color: #fcffab; margin-top: .4rem; } .idxwrap .section .sec4 .sec4-ban .bd .bd-el .bg .con a.btn-1 { margin: 0; margin-top: .6rem; } /* 第五屏 */ .idxwrap .section .sec5 { padding: .3rem; } .idxwrap .section .sec5>.t { font-size: .4rem; color: #333333; text-align: center; margin-bottom: .4rem; } .idxwrap .section .sec5>.t img { width: .15rem; margin-right: .2rem; } .idxwrap .section .sec5 .el1 { width: 100%; position: relative; margin-bottom: .3rem; } .idxwrap .section .sec5 .el1 a { display: block; width: 100%; height: 100%; } .idxwrap .section .sec5 .el1 img { display: block; height: 2.8rem; width: 100%; } .idxwrap .section .sec5 .el1 .t { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: .26rem; color: #000000; height: .7rem; line-height: .7rem; padding: 0 .3rem; background-color: white; } .idxwrap .section .sec5 .el1 .ti { position: absolute; left: .3rem; top: 2rem; padding: .1rem .15rem; font-size: .2rem; color: #ffffff; background-color: #1a3984; text-align: center; } .idxwrap .section .sec5 .el { } .idxwrap .section .sec5 .el a { display: block; line-height: .35rem; padding:.3rem; background-color: white; border-bottom: .01rem solid #e6e6e6; } .idxwrap .section .sec5 .el a .ti { font-size: .2rem; color: #909090; text-align: left; } .idxwrap .section .sec5 .el a .t { font-size: .26rem; color: #000000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /* 第六屏 */ .idxwrap .section .sec6 { } .idxwrap .section .sec6 .tit { position:relative; width: 100%; height: 1.6rem; overflow: hidden; background: url(../images/sec6.png) no-repeat center; position: relative; } .idxwrap .section .sec6 .tit>div { position:relative; z-index:99999; padding: .3rem; display: flex; flex-direction: row; justify-content: space-between; } .idxwrap .section .sec6 .tit>div>div { font-size: .26rem; color: #ffffff; text-align: center; } .idxwrap .section .sec6 .tit>div>div a { display: block; font-size: .26rem; color: #ffffff; } .idxwrap .section .sec6 .tit>div>div span { display: block; font-size: .55rem; margin-bottom: .1rem; } /* 内页 */ .contact { } .contact .el { box-shadow: 0 0 .2rem .05rem rgba(240, 240, 240, .8); padding: .2rem .4rem .5rem .4rem; margin-bottom: .35rem; } .contact .el h1 { font-size: .3rem; color: #1a3984; margin: .2rem 0; } .contact .el p { font-size: .24rem; color: #666666; line-height: .45rem; } .contact .map { margin-bottom: .3rem; width: 100%; height: auto; } .contact .map img { max-width: unset !important; max-height: unset; } .message { padding: .45rem; box-shadow: 0 0 .2rem .2rem rgba(240, 240, 240, .9); } .message input { display: block; width: 4.3rem; padding: 0 .3rem; font-size: .26rem; color: #000; background-color: #f2f2f2; height: .7rem; line-height: .7rem; outline: none; border: none; margin-bottom: .3rem; } .message textarea { display: block; margin-bottom: .3rem; padding: .3rem; width: 4.3rem; height: 1.7rem; font-size: .26rem; line-height: .4rem; resize: none; color: #000; background-color: #f2f2f2; outline: none; border: none; } .message input::placeholder,.message textarea::placeholder { color: #bebdbd; } .message input[name="code"] { float: left; width: 1.9rem; } .message img { display: block; float: right; width: 2.15rem; height: .7rem; } .message .btn { width: 100%; text-align: center; font-size: .35rem; color: #ffffff; background-color: #1a3984; height: .8rem; line-height: .8rem; } /* 咨询 */ .consult { } .consult .clt-1 .tempWrap { padding-left: .01rem; } .consult .clt-1 .bd { border-bottom: .02rem solid rgba(240, 240, 240, 1); overflow: visible !important; } .consult .clt-1 .bd .el { padding: .4rem 0; box-shadow: -.05rem 1rem .1rem .01rem rgba(240, 240, 240, 1); } .consult .clt-1 .bd .el .t { margin-bottom: .2rem; padding:0 .5rem; font-size: .36rem; color: #323333; font-weight: bold; text-align: center; position: relative; } .consult .clt-1 .bd .el .t::after { display: block; content: ""; width: 100%; height: .03rem; box-shadow: 0 0rem .1rem .01rem rgba(240, 240, 240, 1); background-color: #f3f3f3; position: absolute; top: .6rem; z-index: -1; left: 0; } .consult .clt-1 .bd .el .t span { margin: 0 auto; margin-bottom: .2rem; display: block; width: 1.2rem; height: 1.2rem; border-radius: 100%; background-color: #1a3984; text-align: center; font-size: .65rem; line-height: 1.2rem; color: white; font-weight: normal; } .consult .clt-1 .bd .el .c { height: 1.35rem; padding:0 .5rem; font-size: .24rem; color: #888988; line-height: .45rem; } .consult .clt-1 .bd .el .btn { margin: 0 .5rem; margin-top: .4rem; width: 4.8rem; height: .8rem; line-height: .8rem; text-align: center; font-size: .26rem; color: #1a3984; border: .01rem solid #1a3984; } .consult .clt-1 .bd .el .btn span { display: inline-block; transform: rotate(-90deg); font-size: .4rem; vertical-align: bottom; color: #1a3984; margin-left: .15rem; } .consult .clt-1 .hd { width: 100%; text-align: center; margin-top: .3rem; } .consult .clt-1 .hd ul li { width: .22rem; height: .22rem; background-color: #e5e5e5; margin:0 .2rem; display: inline-block; vertical-align: middle; border-radius: 100%; } .consult .clt-1 .hd ul li.on { background-color: #1a3984; } .consult .clt-2 { margin-top: .4rem; padding: 1.2rem 0; background: url(../images/clt2.png) no-repeat center; background-size: 6.4rem 4.8rem; text-align: center; } .consult .clt-2 .t { font-size: .43rem; color: white; margin-top: .3rem; margin-bottom: .3rem; } .consult .clt-2 .c { font-size: .26rem; color: #92b7ec; margin-bottom: .3rem; } .consult .clt-2 a { margin: 0 auto; display: block; width: 2.7rem; height: .7rem; line-height: .7rem; font-size: .26rem; color: #fcffab; border: .01rem solid #fcffab; } .consult .clt-3 { padding: .3rem; margin-top: .5rem; margin-bottom: .3rem; } .consult .clt-3 .t { margin-bottom: .5rem; font-size: .45rem; color: #000000; text-align: center; line-height: .7rem; } .consult .clt-3 .el { padding: .5rem 0; display: flex; flex-direction: row; justify-content: center; box-shadow: 0 0 .05rem .05rem rgba(240, 240, 240, 1); margin-bottom: .1rem; } .consult .clt-3 .el>span { font-size: .6rem; margin-right: .5rem; display: inline-block; color: white; width: 1.1rem; height: 1.1rem; background-color: #1a3984; border-radius: 100%; text-align: center; line-height: 1.1rem; } .consult .clt-3 .el .c { width: 3rem; } .consult .clt-3 .el .c span { font-size: .3rem; color: #1a3984; margin-bottom: .1rem; display: block; } .consult .clt-3 .el .c p { font-size: .24rem; color: #888988; line-height: .4rem; } /* 定期报告 */ .report { } .report .el { padding: .35rem; background-color: #f8f8f8; margin-bottom: .3rem; } .report .el .ti { font-size: .24rem; color: #919090; margin-bottom: .1rem; } .report .el .t { font-size: .26rem; color: #333333; font-weight: bold; line-height: .4rem; margin-bottom: .2rem; } .report .el .btn { text-align: right; } .report .el .btn a { font-size: .26rem; margin-left: .3rem; } .report .el .btn a span { font-size: .3rem; display: inline-block; vertical-align: bottom; margin-right: .1rem; } .report .el .btn a:nth-child(1) { color: #1a3984; } .report .el .btn a:nth-child(2) { color: #f67b02; } /* 人才理念 */ .join { } .join div { padding: 0 .35rem; margin-bottom: .3rem; } .join h1 { font-size: .3rem; color: #ffffff; line-height: .55rem; margin-bottom: .3rem; } .join p { font-size: .24rem; color: #ffffff; line-height: .5rem; } .join>div:nth-child(1) { background: url(../images/join.png) no-repeat center; height: 4.3rem; padding-top: 3rem; } .join>div:nth-child(2) { background: url(../images/join1.png) no-repeat center .5rem #1a3984; background-size:1rem .8rem; padding-bottom: .4rem; padding-top: 1.7rem; } .join>div:nth-child(3) { background: url(../images/join2.png) no-repeat center .5rem #cc9961; background-size:.8rem; padding-bottom: .4rem; padding-top: 1.7rem; } .join>div:nth-child(4) { background: url(../images/join3.png) no-repeat center .5rem #8cb9a0; background-size:.8rem; padding-bottom: .4rem; padding-top: 1.7rem; } /* 培训机制 */ .train { } .train div { background-color: #f7f7f7; margin-bottom: 55px; padding-bottom: .4rem; } .train div img { display: block; } .train div h1 { padding: .4rem .3rem; font-size: .35rem; color: #333333; font-weight: bold; } .train div h1 em { font-size: .8rem; color: #1a3984; font-weight: bolder; margin-right: .2rem; } .train div p { padding: 0 .3rem; font-size: .24rem; color: #2a2a2a; line-height: .6rem; } /* 发展历程 */ .history { } .history .hd { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; } .history .hd span { width: 1.8rem; height: .8rem; line-height: .8rem; text-align: center; font-size: .26rem; color: #1a3984; background-color: #e8ebf2; } .history .hd span.on { background-color: #1a3984; color: white; } .history .bd { margin-top: .3rem; } .history .bd ul { } .history .bd ul li { background-color: #1a3984; padding: .4rem .3rem; margin-bottom: .3rem; } .history .bd ul li h1 { font-size: .36rem; color: #ffffff; font-weight: bold; position: relative; margin-bottom: .2rem; } .history .bd ul li h1::after { content: ''; display: block; background-color: white; position: absolute; top: .23rem; left: 1.5rem; width: .9rem; height: .04rem; } .history .bd ul li p { font-size: .24rem; color: #ffffff; line-height: .5rem; } /* 企业文化 */ .culture { } .culture .el { background-color: #f8f8f8; padding: .45rem .3rem .3rem .3rem; margin-bottom: .4rem; } .culture .el img { display: block; margin: 0 auto; height: .92rem; margin-bottom: .2rem; } .culture .el .tit { font-size: .32rem; color: #343434; text-align: center; } .culture .el .tit span { display: block; font-size: .17rem; margin-top: .05rem; } .culture .el .con { font-size: .24rem; color: #727272; line-height: .5rem; margin-top: .1rem; } .culture .el .con p { font-size: .24rem; color: #727272; line-height: .5rem; } /* 招聘列表 */ .recruitment { } .recruitment .head { padding: 0 .3rem; flex-wrap: nowrap; background-color: #1a3984; display: flex; flex-direction: row; justify-content: space-between; } .recruitment .head span { font-size: .24rem; color: #ffffff; line-height: .8rem; } .recruitment .con { margin-bottom: 20px; } .recruitment .con .el { } .recruitment .con .el a { padding: 0 .3rem; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; border-bottom: .01rem solid #f1f1f1; line-height: .9rem; height: .9rem; } .recruitment .con .el a span { font-size:.26rem; color: #000000; } .recruitment .con .el a span:first-child { font-weight: bolder; } /* 招聘 */ .recruit { } .recruit .t { margin-bottom: .3rem; font-size: .4rem; color: #333333; font-weight: bold; text-align: center; } .recruit .msg { margin-bottom: .3rem; display: flex; flex-wrap: wrap; justify-content: space-between; line-height: .6rem; padding:.2rem; font-size: .24rem; color: #333333; background: #f3f5f9; } .recruit .msg div { width: 2.6rem; } .recruit .c { font-size: .24rem; color: #333333; line-height: .6rem; margin-bottom: .5rem; } .recruit .c h1 { font-weight: bold; text-indent: 2em; } .recruit .c p { text-indent: 2em; } .recruit form { padding: .45rem; background-color: #f8f8f8; } .recruit form .tit { margin-bottom: .3rem; padding-left: .2rem; border-left: .08rem solid #1a3984; line-height: .35rem; font-size: .32rem; color: #1a3984; font-weight: bold; } .recruit form .el { margin-bottom: .3rem; display: flex; flex-direction: row; justify-content: left; } .recruit form .el span { display: inline-block; width: 1.5rem; line-height: .7rem; font-size: .26rem; color: #333333; vertical-align: middle; } .recruit form .el input { outline: none; border: none; display: inline-block; font-weight: .26rem; border: .01rem solid #e0e0e0; background-color: white; width: 2.85rem; height: .7rem; padding: 0 .25rem; line-height: .7rem; } .recruit form .el select { outline: none; border: none; display: inline-block; font-weight: .26rem; border: .01rem solid #e0e0e0; background-color: white; width: 3.4rem; height: .7rem; padding: 0 .25rem; line-height: .7rem; } .recruit form .el textarea { outline: none; border: none; display: inline-block; font-weight: .26rem; border: .01rem solid #e0e0e0; background-color: white; width:2.95rem; height: 2rem; resize: none; padding: .2rem; line-height: .35rem; } .recruit form .btn { width: 100%; height: .8rem; line-height: .8rem; font-size: .3rem; color: #ffffff; text-align: center; background-color: #1a3984; } .recruit form .el .code { width: 3.4rem; display: flex; flex-direction: row; justify-content: space-between; } .recruit form .el .code input { width: 1.3rem; } .recruit form .el .code img { width: 1.5rem; height: .7rem; } /* 登录注册 */ .lgr { } .lgr .t { font-size: .45rem; color: #000000; text-align: center; margin-bottom: .4rem; } .lgr form { } .lgr form input { margin-bottom: .3rem; font-size: .26rem; padding: 0 .2rem; width: 5.4rem; height: .8rem; line-height: .8rem; outline: none; border: .01rem solid #dddddd; } .lgr form input::placeholder { color: #c3c3c3; } .lgr form input.uid { padding-left: .7rem; width:4.9rem; background: url(../images/uid.png) no-repeat .15rem center; background-size: .3rem; } .lgr form input.pwd { padding-left: .7rem; width:4.9rem; background: url(../images/pwd.png) no-repeat .15rem center,url(../images/pwd2.png) no-repeat 5.3rem center; background-size:.3rem; } .lgr form input.tel { padding-left: .7rem; width:4.9rem; background: url(../images/tel.png) no-repeat .2rem center; background-size: .2rem .3rem; } .lgr form input.email { padding-left: .7rem; width:4.9rem; background: url(../images/email.png) no-repeat .2rem center; background-size: .26rem; } .lgr form .fx { display: flex; flex-direction: row; justify-content: space-between; } .lgr form input.code { width: 2.3rem; padding-left: .7rem; background: url(../images/code.png) no-repeat .2rem center; background-size: .26rem; } .lgr form img { height: .8rem; vertical-align: middle; } .lgr form .btn { width: 5.8rem; height: .8rem; line-height: .8rem; text-align: center; font-size: .3rem; color: #ffffff; background-color: #1a3984; } .lgr .user { position: relative; margin-top: .3rem; } .lgr .user span { margin: 0 auto; display:block; width: .52rem; height: .52rem; background-color: #e9e327; line-height: .55rem; text-align: center; font-size: .26rem; color: white; border-radius: 100%; } .lgr .user:after,.lgr .user:before { content: ''; width: 2.25rem; height: .02rem; background-color: #e0e0e0; position: absolute; top: .25rem; } .lgr .user:before { right: 0; } .lgr .phone { position: relative; margin-top: .3rem; } .lgr .phone span { margin: 0 auto; display:block; width: .52rem; height: .52rem; background-color: #3369e8; line-height: .55rem; text-align: center; font-size: .26rem; color: white; border-radius: 100%; } .lgr .phone:after,.lgr .phone:before { content: ''; width: 2.25rem; height: .02rem; background-color: #e0e0e0; position: absolute; top: .25rem; } .lgr .phone:before { right: 0; } .lgr .go { font-size: .24rem; display: flex; flex-direction: row; justify-content: space-between; margin-top: .2rem; } .lgr .go a { font-size: .24rem; color: #8a8a8a; } .lgr .go.rg { justify-content: center; } .lgr .go.rg a { color: #1a3984; } .lgr .read { font-size: .24rem; color: #b3b3b3; } .lgr .read input { width: .3rem; height: .3rem; vertical-align: top; margin-right: .2rem; } .lgr .read a { font-size: .24rem; color: #1a3984; } .lgr .embed { height: .8rem; background-color: #1a3984; color: white; text-align: center; line-height: .8rem; width: 2.08rem; font-size: .24rem; } /* 搜索 */ .search { } .search .tit { background-color: #1a3984; height: 1rem; line-height: 1rem; font-size: .3rem; color: #ffffff; padding-left: .4rem; } .search ul li a { padding: .3rem 0; display: block; border-bottom: .01rem solid #e5e5e5; } .search ul li a .t { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: .25rem; padding-left:.4rem; font-size: .26rem; color: #0e0e0e; background: url(../images/search.jpg) no-repeat .15rem .15rem; background-size: .08rem; } .search ul li a .ti { padding-left:.4rem; font-size: .22rem; color: #858383; } .search .red { color: #de0000; } /* 新闻 */ .new { margin-bottom: .3rem; } .new-ban { padding: 0 .3rem; background-color: #f8f8f8; } .new-ban .bd li { background-color: white; position: relative; } .new-ban .bd li .img,.new-ban .bd li .img img { overflow: hidden; width: 5.8rem; height: 3.8rem; } .new-ban .bd li .ti { position: absolute; top: 0; right: .03rem; width: 2rem; height: .65rem; line-height: .65rem; text-align: center; font-size: .24rem; color: #ffffff; background-color: #1a3984; } .new-ban .bd li .con { padding:.3rem; background-color: white; } .new-ban .bd li .t { line-height: .5rem; font-size: .3rem; color: #000000; font-weight: bold; } .new-ban .bd li .c { font-size: .2rem; color: #8a8888; line-height: .45rem; margin: .1rem 0; } .new-ban .bd li .btn { font-size: .24rem; color: #1a3984; } .new-ban .hd { text-align: center; padding: .5rem 0; } .new-ban .hd li { display: inline-block; margin:0 .2rem; width: .22rem; height: .22rem; background-color: #e5e5e5; border-radius: 100%; } .new-ban .hd li.on { background-color: #1a3984; } .new-list { padding: .7rem .3rem; padding-bottom: .2rem; } .new-list ul { border-top: .01rem solid #e5e5e5; } .new-list li { } .new-list li a { display: block; padding: .3rem 0; border-bottom: .01rem solid #e5e5e5; } .new-list li a .ti { font-size: .2rem; color: #8a8888; } .new-list li a .t { font-size: .28rem; color: #000000; font-weight: bold; line-height: .6rem; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .new-list li a .c { font-size: .2rem; color: #8a8888; line-height: .4rem; } /* 文章 */ .article { } .article .title { border-bottom: .01rem solid #e5e5e5; padding-bottom: .2rem; } .article .title .t { line-height: .6rem; text-align: center; font-size: .45rem; color: #000000; font-weight: bold; } .article .title .msg { font-size: .22rem; text-align: center; margin-top: .2rem; color: #898989; } .article .content { padding: .3rem 0; min-height: 6rem; } .article .content p { font-size: .26rem; color: #000000; line-height: .6rem; } .article .content img { max-width: 100%; max-height: 100%; } /* 上下篇 */ .pan { padding: .25rem .35rem; background-color: #f5f5f5; } .pan a { display: block; font-size: .24rem; color: #333333; line-height: .5rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .pan a span { font-size: .24rem; color: #999999; } /* 搜索 */ .scharea { position: absolute; left: .3rem; bottom: .3rem; } .scharea form { display: flex; flex-direction: row; justify-content: center; } .scharea form input {font-size:.3rem; padding: 0 .3rem; width: 4.2rem; height: .85rem; line-height: .85rem; outline: none; border: none; } .scharea form .btn { font-size: .5rem; background-color: #cfdbf6; color: #1a3984; width: 1rem; height: .85rem; line-height: .85rem; text-align: center; } /* 荣耀 */ .honor { display: flex; flex-wrap: wrap; justify-content: space-between; } .honor .el { width: 2.8rem; margin-bottom: .2rem; } /* 上传样式 */ .pdfuploader { width: 3.4rem; } .pdfuploader .btnarea { display: flex; flex-direction: row; justify-content: center; margin-bottom: .1rem; } .pdfuploader .text { font-size: .24rem; color: #999999; line-height: .4rem; } .pdfuploader .btn-start { border: .01rem solid #e0e0e0; width: 1.6rem; height: .7rem; line-height: .7rem; font-size: .26rem; color: #ffffff; text-align: center; background-color: #cc9961; } .pdfuploader .btn-sel { margin-right: .2rem; border: .01rem solid #e0e0e0; width: 1.6rem; height: .7rem; line-height: .7rem; overflow: hidden; background-color: #dbdada; text-align: center; font-size: .26rem; color: #333333; } .pdfuploader .btn-sel input { position: absolute; clip: rect(1px,1px,1px,1px); width: 1.6rem !important; height: .7rem !important; margin: 0 !important; padding: 0 !important; } /* 行业应用 */ .case { } .case .el { background-color: #fafafa; width: 5.8rem; margin-bottom: .3rem; } .case .el .con { transition: .3s all linear; overflow: hidden; padding: .4rem .2rem; height: 3.8rem; display: flex; flex-direction: row; justify-content: space-between; } .case .el .con .img { height: 100%; width: .8rem; } .case .el .con .ls { width: 4.4rem; } .case .el .con .ls .t { font-size: .36rem; color: #333333; margin-bottom: .2rem; } .case .el .con .ls ul { } .case .el .con .ls ul li { } .case .el .con .ls ul li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: .8rem; line-height: .8rem; width: 100%; display: block; border-bottom: .01rem solid #eeeeee; font-size: .26rem; color: #333333; } .case .el .btn { display: block; width: 100%; height: .7rem; line-height: .7rem; background-color: #bcc8e5; font-size: .24rem; color: #ffffff; text-align: center; } .case .el.el_0 .con .img { background: url(../images/case1.png) no-repeat left 1rem; background-size: .8rem auto; } .case .el.el_1 .con .img { background: url(../images/case2.png) no-repeat left 1rem; background-size: .8rem auto; } .case .el.el_2 .con .img { background: url(../images/case3.png) no-repeat left 1rem; background-size: .8rem auto; } .case .el.el_3 .con .img { background: url(../images/case4.png) no-repeat left 1rem; background-size: .8rem auto; } .case .el.el_4 .con .img { background: url(../images/case5.png) no-repeat left 1rem; background-size: .8rem auto; } .case .el.el_5 .con .img { background: url(../images/case6.png) no-repeat left 1rem; background-size: .8rem auto; } /* 行业应用详细 */ .caseshow { } .caseshow .content { background-color: white; } .caseshow .content .tit { margin-bottom: .8rem; font-size:.4rem; color: #1a3984; line-height: .7rem; position: relative; } .caseshow .content .tit::after { content: ''; position: absolute; bottom: -0.3rem; left: 0; width: 1.2rem; height: .04rem; background-color: #1a3984; } .caseshow .content .con * { font-size: .24rem !important; color: #333333; line-height: .5rem; } .caseshow .content .con h1 { font-size: .28rem; } .caseshow .caserla,.caseshow .caseslv { background-color: #f4f5fa; padding: .3rem; } .caseshow .caserla .con { display: flex; flex-wrap: wrap; margin-top: .3rem; } .caseshow .caserla .con .el { cursor: pointer; width: 2.8rem; height: 3.25rem; margin-right: .2rem; margin-bottom: .1rem; } .caseshow .caserla .con .el a { display: block; width: 100%; height: 100%; } .caseshow .caserla .con .el:nth-child(even) { margin-right: 0; } .caseshow .caserla .con .el img { display: block; width: 100%; height: 2.5rem; } .caseshow .caserla .con .el .t { display: block; height:.7rem; line-height: .7rem; font-size: .24rem; color: #242424; text-align: center; } .caseshow .caseslv .con { margin-top: .3rem; } .caseshow .caseslv .con .el { width: 5.8rem; height: 1.9rem; background-color: white; margin-bottom: .3rem; } .caseshow .caseslv .con .el a { display: block; padding:.3rem; } .caseshow .caseslv .con .el .t { font-size: .26rem; color: #010101; line-height: .5rem; } .caseshow .caseslv .con .el .c { font-size: .22rem; color: #888988; line-height: .4rem; } .caseshow .caseslv .con .el :hover { background-color: #1a3984; } .caseshow .caseslv .con .el:hover .t,.caseshow .caseslv .con .el:hover .c { color: white; } /* 产品 */ .product { } .product .head { display: flex; flex-wrap: wrap; justify-content:left; margin-bottom: .4rem; } .product .head .el { width: 2.85rem; height: .9rem; text-align: center; font-size: .26rem; color: #2c2c2c; border: .01rem solid #e8e8e8; } .product .head .el a { display: block; width: 100%; height: 100%;display:flex;flex-direction:column;justify-content:center; } .product .head .el:nth-child(even) { border-left: none; } .product .head .el.on { background-color: #1a3984; color: white; } .product .head .el.on a { color: white; } .product .content { } .product .content .el { } .product .content .el a { display: block; } .product .content .el a img { display: block; width: 100%; height: 5.2rem; } .product .content .el a .t { padding: .3rem 0; text-align: center; font-size: .26rem; color: #242424; height: .8rem; } .product .content .el a .t span { display: block; font-size: .2rem; color: #aaaaaa; margin-top: .1rem; } .proshow { } .proshow .tit { font-size: .4rem; color: #333333; font-weight: bold; text-align: center; padding: .2rem 0; line-height: .7rem; } .proshow .img { width: 5.8rem; height:5.25rem; background-color: #e5e5e5; overflow: hidden; position: relative; margin-bottom: .3rem; } .proshow .img li { vertical-align: middle; } .proshow .img li div { display: table-cell; vertical-align: middle; height: 5.25rem; width: 5.8rem; text-align: center; } .proshow .img .pre,.proshow .img .next { color: #b7b7b7; cursor: pointer; font-size: .5rem; position: absolute; top: 2.2rem; z-index: 99; } .proshow .img .pre { left: 0; } .proshow .img .next { right: 0; } .proshow .img .pre :hover,.proshow .img .next:hover { color: #1a3984; } .proshow .rc { width: 5.8rem; } .proshow .rc .c { font-size: .24rem; color: #333333; line-height: .5rem; margin-bottom: .1rem; } .proshow .bdcon { margin-top: .3rem; font-size: .24rem; color: #333333; margin-bottom: .4rem; } .proshow .bdcon .hd { width: 5.8rem; background-color: #f8f8f8; margin-bottom: .4rem; font-size: 0; } .proshow .bdcon .hd span { cursor: pointer; font-size: .28rem; color: #333333; text-align: center; height: .9rem; line-height: .9rem; width: 1.9rem; display: inline-block; vertical-align: middle; } .proshow .bdcon .hd span.on { background-color: #1a3984; color: white; } .proshow .bdcon .bd h1 { font-size: .24rem; color: #1a3984; font-weight: bold; line-height: .5rem; } .proshow .bdcon .bd p { font-size:.24rem; color: #333333; line-height: .5rem; } .proshow .bdcon .bd p table { table-layout: fixed; } .proshow .bdcon .dw { border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; padding-bottom: 10px; } .proshow .bdcon .dw:hover a { color: #1a3984; } .proother .con { margin-top: .3rem; } .proother .con .el { width: 5.8rem; height: 1.9rem; background-color: #f8f8f8; margin-bottom: .3rem; } .proother .con .el a { display: block; padding:.3rem; } .proother .con .el .t { font-size: .26rem; color: #010101; line-height: .5rem; padding: 0 !important; text-align: left !important; height: auto !important; } .proother .con .el .c { font-size: .22rem; color: #888988; line-height: .4rem; } .proother .con .el :hover { background-color: #1a3984; } .proother .con .el:hover .t,.caseshow .caseslv .con .el:hover .c { color: white; } .solution .content { } .solution .content .el { width: 5.8rem; height: 5.9rem; margin-bottom: .4rem; box-shadow: 0 0 .05rem .03rem rgba(230, 230, 230, .8); } .solution .content .el a { display: block; } .solution .content .el a img { display: block; width: 100%; height: 3.25rem; } .solution .content .el a .con { padding: .3rem; height: 2rem; } .solution .content .el a .con .t { font-size: .3rem; color: #000000; line-height: .5rem; margin-bottom: .1rem; } .solution .content .el a .con .c { font-size: .22rem; color: #888988; line-height: .45rem; margin-bottom: .15rem } .solution .content .el a .con .m { font-size: .24rem; color: #1a3984; } .more { font-size: .22rem; color: #bababa; text-align: center; height: .4rem; line-height: .4rem; } .img_pop { width: 5.2rem; padding: .3rem; text-align: center; position: relative; } .img_pop .t { font-size: .36rem; color: #333333; text-align: center; line-height: .5rem; padding: .3rem 0; border-bottom: .01rem solid #e5e5e5; } .img_pop .img { padding-top: .3rem; } .img_pop .img img { max-height: 5rem; } .img_pop .closebtn { position: absolute; top: .15rem; right: .2rem; font-size: .4rem; color: #949494; cursor: pointer; } .img_pop .closebtn:hover { color: #1a3984; } .ivsbg { background: url(../images/stockbg.png) center no-repeat; padding: .5rem .3rem; color: white; font-size: .24rem; } .ivsbg .el {margin-bottom: .15rem; } .ivsbg .el:first-child { border-bottom: .01rem dashed white; margin-bottom: .4rem; padding-bottom: .4rem; } .ivsbg .el .tit { font-size: .36rem; margin-bottom: .2rem; } .ivsbg .el a{color: white;} .ivsbg .el p { font-size: .24rem; color:white; line-height: .5rem; } .stock { min-height: 3rem; margin-bottom: .3rem; padding:0 .3rem; } .stock .title .tit { font-size: .6rem; font-weight: bold; } .stock .title .code { margin-top: .1rem; font-size: .5rem; } .stock .price { margin-top: .2rem; border-bottom: 1px solid #e5e5e5; padding-bottom: .4rem; color: #f33 !important; } .stock .price.on { color: #00b05a !important; } .stock .price .current { font-size: .5rem; font-weight: bold; } .stock .price .compare { margin-left: .3rem; margin-top: .15rem; font-size: .4rem; } .stock .cont { padding: 0 .2rem; padding-top: .4rem; } .stock .cont .el { font-size: .3rem; margin-bottom: 30px; display: flex; flex-direction: row; justify-content: space-between; } .stock .cont .el .tit { color: #666; } .stock .cont .el .txt { margin-left: .2rem; } .stock .cont .el.dw .txt { color: #00b05a !important; } .stock .cont .el.up .txt { color: #f33 !important; } /* 用户 */ .member { background-color: #f8f8f8; padding: .1rem 0; } .member .con { background-color: #f8f8f8;; padding: .2rem; } .member .con .el.repwd { width: 5.4rem; margin: 0 auto; margin-top: .2rem; } .member .con .el.repwd.code input { width: 2.8rem; margin-right: .2rem; display: inline-block; vertical-align: middle; } .member .con .el.repwd.code img { width: 1.9rem; height: .7rem; vertical-align: middle; } .member .con .el,.member .con .tarea { margin-top: .2rem; } .member .con input { width: 5rem; padding: .1rem .2rem; white-space: nowrap; height: .5rem; display: block; background-color: white; outline: none; font-size: 18px; color: #000; border: none; } .member .con textarea { padding: .15rem .2rem; width: 5rem; height: 120px; resize: none; font-size: 18px; color: #000; outline: none; background-color: white; border: none; } .member .con textarea::-webkit-scrollbar { width: 10px; } .member .con textarea::-webkit-scrollbar-track { background: #bfbebe; } .member .con textarea::-webkit-scrollbar-thumb { background: #00a0e9; } .member .con input::-webkit-input-placeholder,.member .con textarea::-webkit-input-placeholder { color: #888888; } .member .tit { color: #333333; width: 100%; text-align: left; padding: .1rem 0; } .member .tit span { display: block; width: 100%; height: .5rem; line-height: .5rem; font-size: .24rem; text-align: left; } .member .avatar { } .member .avatar #filePicker { margin-top: .2rem; } .member .avatar .hide { display: none; } .member .avatar .info { display: none; } .member .avatar .close { position: absolute; top: .02rem; right: .02rem; background-color: rgb(0, 0, 0); color: white; border-radius: 100%; width: 21px; height: 21px; text-align: center; } .member .avatar .imgs { float: left; } .member .avatar .imgs .img { width: 1.8rem; height: 1.8rem; float: left; position: relative; } .member .avatar .imgs .img img { width: 1.8rem !important; height: 1.8rem !important; } .member .avatar .txt { width: 3rem; padding-top: .1rem; float: left; padding-left: .5rem; float: left; } .member .avatar .txt .c { font-size: .22rem; color: #999999; } .member .btns { margin: 0 auto; border-radius: .3rem; margin-top: .5rem; width: 4.5rem; height: .7rem; line-height: .7rem; font-size: .36rem; color: #fff; background-color: #1a3984; text-align: center; cursor: pointer; } .member .btns:hover { background-color: #00a0e9; } .memberhead { display: flex; flex-wrap: wrap; justify-content:left; margin-bottom: .4rem; } .memberhead .el { margin-bottom: .1rem; width: 2.85rem; height: .9rem; line-height: .9rem; text-align: center; font-size: .26rem; color: #2c2c2c; border: .01rem solid #e8e8e8; } .memberhead .el a { display: block; width: 100%; height: 100%; } .memberhead .el:nth-child(even) { border-left: none; } .memberhead .el:last-child { width: 100%; } .memberhead .el.on { background-color: #1a3984; color: white; } .memberhead .el.on a { color: white; } .env { } .env .el { margin-bottom: .5rem; text-align: center; background-color: #f8f8f8; padding: .3rem 0; } .env .el h1 { font-size: .4rem; font-weight: bold; line-height: .6rem; margin-bottom: .3rem; } .env .el img { display: block; width: 100%; } .env .el .c { padding: .3rem .2rem; font-size: .24rem; line-height: .5rem; text-align: left; } .env .el .c p { font-size: .24rem; line-height: .5rem; text-indent: 2em; text-align: left; } .showdownload { margin: .4rem 0; } .showdownload .tit { font-size: .4rem; font-weight: bold; margin: .2rem 0; color: #006699; } .showdownload .con { padding-left: .2rem; } .showdownload .con a { color: #0066cc; display: block; font-size: .25rem; line-height: .5rem; } .showdownload .con a:hover { color: #ed7d63; } .promodel-title { font-size:.3rem; color:#fff; background: url(/imgs/module_tit.png) no-repeat center; width:2.5rem; height:.5rem; line-height:.5rem;