rg@charset "utf-8";
/* CSS Document */
.bgvn { overflow-x: hidden; }
.bgve { background: #F9FBFF; }
.el-header { width: 100%; background: rgba(255,255,255,0.11); position: absolute; left: 0; top: 0; z-index: 9; }
.h-fl { height: 60px; display: flex; align-items: center; }
.h-fl .h-logo { width: 94px; height: 47px; }
.h-fl p { color: #fff; font-size: 18px; margin-left: 20px; }
.h-rg { height: 60px; display: flex; align-items: center; }
.h-rg .nav { display: -webkit-box; display: -ms-flexbox; display: flex; }
.h-rg .nav .nav_item { color: #fff; display: block; font-size: 16px; margin: 0 35px; opacity: 0.77; }
.h-rg .nav .nav_item:hover, .h-rg .nav .nav_item_active { font-weight: bold; opacity: 1; }
.h-rg .login { width: 91px; height: 29px; background: none; border-radius: 14px 14px 14px 14px; border: 1px solid #fff; font-size: 16px; color: #fff; }
.f_bg { height: 490px; background-color: #353535; padding-top: 50px; }
.el-footer { padding: 0; }
.f-title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: SourceHanSansCN; }
.f-title, .f-title-top { display: -webkit-box; display: -ms-flexbox; display: flex }
.f-title-top { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 0 }
.f-title-icon { color: #333; font-size: 20px; font-weight: 600; height: 45px; width: 45px }
.f-title-icon img { height: 45px; -o-object-fit: cover; object-fit: cover; width: 40px }
.f-title p { display: block; line-height: 22px; margin-left: 8px }
.f-title p:first-of-type { color: #81570b; font-size: 18px; font-weight: 700 }
.f-title p:nth-of-type(2) { color: #81570b; font-size: 11px; }
.f-detail, .f-intro { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: space-between }
.f-detail { width: 66%; font-size: 16px; }
.f-detail a { color: #fff; margin-bottom: 35px; display: block; }
.f-detail h6 { font-size: 22px; margin-bottom: 25px; }
.f-bottom-warp .f-detail-desc a { color: #fff; font-family: PingFang SC-Medium, PingFang SC; font-size: 14px; font-weight: 500; margin: auto }
.f-bottom-warp .f-detail-desc a:hover { -webkit-text-decoration: underline; text-decoration: underline }
.f-detail-desc a { color: #fff; font-family: PingFang SC-Medium, PingFang SC; font-size: 14px; font-weight: 500 }
.f-detail-desc a .consultation { color: #fff; font-family: SourceHanSansCN; font-size: 14px; font-weight: 500 }
.f-detail-desc a .hotline { color: #fff; font-family: SourceHanSansCN; font-size: 30px; }
.f-bottom-warp { background-color: #232323; padding: 20px 0 10px; }
.f-copyright { width: 72% }
.f-copyright p { color: hsla(0, 0%, 100%, .5); font-size: 12px; line-height: 20px }
.f-copyright p span { margin-right: 10px }
.f-copyright p span a { color: #999 }
.f-copyright p span a:hover { -webkit-text-decoration: underline; text-decoration: underline }
.f-copyright p img { height: 16px; margin-bottom: -3px; width: 16px }
.f-copyright .f-aptitude { margin-bottom: 15px; margin-top: 8px }
.f-copyright .f-aptitude li { display: inline-block; margin-right: 11px }
.f-copyright .f-aptitude li img { height: 31px; width: 82px }
.dimension { width: 380px; }
.dimension .serimg { display: flex; align-items: center; justify-content: space-between; }
.dimension li { text-align: center; color: #e8e8e8; font-size: 16px; line-height: 50px; }
.dimension li em { width: 170px; height: 170px; display: block; border: 5px solid rgba(255, 255, 255, 0.1); }
.dimension li img { width: 160px; height: 160px; border: 2px solid #353535 }
.f-copyright { width: 100%; line-height: 20px; display: flex; justify-content: center; }
.f-copyright a { font-size: 16px; color: #e6e6e6; margin-right: 5px; }
.f-aptitude { width: 100%; display: flex; align-items: center; justify-content: center; }
.f-aptitude li { height: 47px; margin: 10px 20px; }
.f-logo { margin: 0 auto 30px; display: flex; justify-content: center; }
.f-p-l { border-right: 1px solid #524c4c; padding-right: 50px; }
.f-li h6, .f-li p { width: 110px; text-align: center; }
.ph { width: 380px; height: 44px; background-color: #474747; color: #fff; font-size: 22px; display: flex; align-items: center; justify-content: center; }
.ph img { width: 30px; height: 30px; margin-right: 5px; }
/**/
.lo-gm { width: 580px; height: 420px; padding: 0; background: linear-gradient( 180deg, #EBF2FF 0%, #FFF7EB 51%, #FFFFFF 100%); border-radius: 10px 10px 10px 10px; }
.lo-gm .el-dialog__header { padding-bottom: 0; }
.lo-gm .el-dialog__headerbtn { width: 24px; height: 24px; background: url(../images/gb-icon.png) center no-repeat; top: 10px; right: 10px; }
.lo-gm .el-dialog__headerbtn .el-icon { display: none; }
.gmzl { display: flex; justify-content: space-between; }
.gmzl .gm-l { width: 340px; padding: 20px; }
.gmzl .gm-l .gm-bt { display: flex; align-items: center; }
.gmzl .gm-l .gm-bt img { width: 48px; height: 44px; margin-right: 15px; }
.gmzl .gm-l .gm-bt h2 { font-size: 20px; line-height: 30px; color: #333; font-weight: bold; }
.gmzl .gm-l .gm-bt h2 em { color: #4376D1; font-weight: bold; }
.gmzl .gm-l .gm-hd span { font-size: 12px; color: #999; line-height: 17px; display: block; margin-top: 8px; }
.gm-xx { margin-top: 20px; }
.gm-xx .gm-ipt { width: 300px; height: 48px; background: rgba(255,255,255,0.6); border-radius: 10px 10px 10px 10px; line-height: 48px; font-size: 16px; color: #333; margin-bottom: 10px; padding: 0 10px; }
.gm-xx .gm-ipt span { margin-right: 20px; }
.gm-xx .gm-ipt input { border: none; line-height: 48px; background: none; font-size: 16px; }
.gm-xx em { display: block; text-align: center; font-size: 12px; color: #4376D1; margin: 8px 0; }
.gm-xx button { width: 300px; height: 48px; background: #4376D1; border-radius: 10px 10px 10px 10px; display: block; color: #fff; font-size: 20px; }
.gmzl .gm-r { width: 240px; height: 420px; border-radius: 10px; background: rgba(255,255,255,0.3); display: flex; flex-direction: column; justify-content: center; align-items: center; }
.gmzl .gm-r .gm-r-ig { height: 130px; position: relative; margin-bottom: 20px; }
.gmzl .gm-r .gm-r-ig .gm-tx { width: 120px; height: 120px; border-radius: 96px; border: 4px solid #EBF2FF; display: block; }
.gmzl .gm-r .gm-r-ig span { width: 88px; height: 28px; font-size: 14px; color: #fff; background: linear-gradient( 270deg, #D19843 0%, #FFDAA4 100%); border-radius: 14px 14px 14px 14px; position: absolute; left: 50%; top: 100px; margin-left: -44px; display: flex; align-items: center; justify-content: center; }
.gmzl .gm-r .gm-r-ig span img { width: 14px; height: 14px; margin-right: 3px; }
.gmzl .gm-r h4 { font-size: 20px; font-weight: bold; color: #333; line-height: 30px; }
.gmzl .gm-r span { font-size: 14px; color: #999; line-height: 20px; }
.gmzl .gm-r p { font-size: 20px; color: #4376D1; font-weight: bold; line-height: 30px; margin-top: 10px; }
/**/
.banner { width: 100%; height: 475px; background: url(../images/bg.png) center no-repeat; padding-top: 120px; color: #FFFFFF; text-align: center; }
.banner h1 { font-size: 48px; line-height: 70px; }
.banner p { font-size: 12px; margin: 10px 0 40px; }
.banner .el-button { width: 192px; height: 48px; background: #FFFFFF; border-radius: 100px 100px 100px 100px; display: block; color: #4376D1; font-size: 20px; margin: 0 auto 20px; }
.banner .el-button img { margin-right: 5px; }
.banner .el-input { height: 60px; background: rgba(255,255,255,0.1); border-radius: 100px 100px 100px 100px; border: 1px solid #FFFFFF; }
.banner .el-input__wrapper { background: none; border: none; box-shadow: none; padding: 0 30px; }
.banner .el-input__inner { color: rgba(255, 255, 255, 0.6); font-size: 20px; }
.banner .el-icon { font-size: 30px; color: #FFFFFF; cursor: pointer; }
.banner .bnrm { font-size: 12px; color: #fff; margin-top: 10px; line-height: 20px; }
.banner .bnrm span { margin-left: 5px; }
.banner .bnrm em { opacity: 0.6; margin-left: 10px; cursor: pointer; }
.ilis { width: 100%; height: 80px; position: relative; }
.lit1 { width: 290px; height: 80px; position: absolute; top: -8px; left: 200px; z-index: 99; }
.lit2 { width: calc(100vw - 400px); height: 72px; background-color: #FCF7F2; position: absolute; top: 0; left: 400px; padding-left: 90px; }
.lit2 ul { width: 1200px; height: 72px; }
.lit2 li { display: flex; align-items: center; }
.lit2 li p:first-of-type { color: #5B2202; font-size: 16px; font-weight: 700 }
.lit2 li p:nth-of-type(2) { color: #A47A63; font-size: 12px; }
.lit2 li .f-1 { margin-right: 5px; }
.lit2 li .f-2 { margin-left: 3px; }
.tit1 { font-size: 36px; color: #333333; line-height: 52px; text-align: center; margin-top: 60px; }
.tit2 { font-size: 24px; color: #666666; line-height: 35px; text-align: center; margin: 20px 0 30px; }
.boxs { width: 1520px; height: 394px; margin: 0 auto 60px; overflow: hidden; }
.boxs ul { width: 1520px; }
.boxs li { width: 253px; height: 394px; float: left; }
.xsbg { width: 100%; height: 394px; background: rgba(255, 255, 255, 0.9); text-align: center; font-size: 24px; line-height: 35px; color: #333333; padding-top: 120px; }
.xsbg a{ display: block;}
.xsbg p { margin: 40px auto 20px; color: #333;}
.xsbg em { width: 40px; height: 2px; background-color: #333333; opacity: 0.3; display: block; margin: 0 auto; }
.boxs li:hover .xsbg { background: rgba(25,69,160,0.8);}
.boxs li:hover .xsbg p{ color: #fff; }
.boxs li:hover .xsbg em { background-color: #fff; opacity: 1; }
.box2 { height: 1046px; background: url(../images/box2-bg.png) center no-repeat; }
.box2 .el-tabs__header { width: 280px; height: 789px; background: url(../images/box2-lbg.png) center no-repeat; }
.box2 .el-tabs--left .el-tabs__header.is-left { height: 789px; margin-right: 24px; }
.jxtb { width: 28px; height: 28px; margin-right: 15px; }
.box2 .el-tabs__item { width: 280px; height: 68px; font-size: 16px; }
.box2 .el-tabs--left .el-tabs__item.is-left, .el-tabs--right .el-tabs__item.is-left { justify-content: flex-start; }
.box2 .el-tabs--left .el-tabs__item.is-left { text-align: left; }
.box2 .el-tabs__item.is-active { background-color: #4376D1; color: #fff; border-radius: 10px; }
.boxjx { background-color: #fff; display: flex; flex-wrap: wrap; }
.jli { width: 304px; height: 394px; background: #FFFFFF; padding: 40px 20px 12px; position: relative; overflow: hidden; }
.jli:nth-child(1), .jli:nth-child(2), .jli:nth-child(3), .jli:nth-child(4) { border-bottom: 1px solid #f5f8fd; }
.jx-hy { position: relative; }
.ckgd { width: 280px; height: 36px; position: absolute; left: 50px; bottom: 30px; display: flex; align-items: center; color: #215bc7; font-size: 20px; }
.box2 .el-tabs--left .el-tabs__nav-wrap.is-left:after, .box2 .el-tabs--left .el-tabs__nav-wrap.is-right:after, .box2 .el-tabs--right .el-tabs__nav-wrap.is-left:after, .box2 .el-tabs--right .el-tabs__nav-wrap.is-right:after { width: 0; }
.box2 .el-tabs--left .el-tabs__active-bar.is-left, .box2 .el-tabs--left .el-tabs__active-bar.is-right, .box2 .el-tabs--right .el-tabs__active-bar.is-left, .box2 .el-tabs--right .el-tabs__active-bar.is-right { width: 0; }
.jl1 { width: 100%; display: flex; justify-content: space-between; position: absolute; top: 12px; left: 0; padding: 0 20px; }
.j-kf { width: 88px; height: 28px; background: linear-gradient( 270deg, #D19843 0%, #FFDAA4 100%); border-radius: 2px 2px 2px 2px; display: flex; align-items: center; justify-content: center; color: #fff; }
.j-kf img { width: 14px; height: 14px; margin-right: 3px; }
.j-sc { height: 28px; display: flex; align-items: center; justify-content: center; color: #333333; }
.j-sc img { width: 15px; height: 15px; margin-right: 3px; }
.jl2 {width: 100%; height: 160px; overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 30px; margin-bottom: 10px;}
.jl2 img { width: 100%; display: block;}
.jl3 h4 { font-size: 16px; font-weight: bold; color: #333; line-height: 23px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.jl3 span { height: 26px; line-height: 26px; color: #4376D1; font-size: 12px; text-align: center; background: #F0F4FA; border-radius: 4px; display: inline-block; margin: 4px 0; padding: 0 5px; }
.jl3 span.fmzl { background: linear-gradient( 270deg, #D19843 0%, #FFDAA4 100%); color: #fff; margin-right: 5px; }
.jl3 p { width: 100%; line-height: 20px; font-size: 12px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.jl3 em { color: #D14C43; line-height: 20px; font-size: 12px; display: block; margin: 5px 0 15px; }
.jl3 b { color: #D14C43; font-size: 18px; font-weight: bold; }
.jl4 { display: flex; justify-content: space-between; }
.jl4 button { width: 124px; height: 44px; color: #fff; font-size: 16px; background: #4376D1; border: 1px solid #4376D1; }
.jl4 button:nth-child(2) { color: #4376D1; background: #FAFCFF; border: 1px solid #4376D1; }
.gmyh { width: 1520px; height: 80px; background: #F9FBFF; padding: 0 20px; display: flex; align-items: center; justify-content: flex-start; }
.gmyh img { width: 42px; height: 44px; margin-right: 10px; }
.wz { width: 1400px; }
.wz p { height: 80px; line-height: 80px; font-size: 24px; color: #666; }
.wz em { color: #4376D1; }
.wz .el-carousel__indicators { display: none; }
.j-te { width: 48px; height: 48px; }
.m60 { margin-bottom: 60px; }
.mt60 .jli { border: none; }
.m60 .el-carousel__arrow { width: 88px; height: 88px; }
.m60 .el-carousel__arrow--left { background: url(../images/fl.png) center no-repeat; left: -16px; }
.m60 .el-carousel__arrow--right { background: url(../images/rg.png) center no-repeat; right: -16px; }
.m60 .el-icon { display: none; }
.box4 { width: 100%; height: 327px; background: url(../images/zcsb-bg.png) center no-repeat; padding-top: 60px; color: #FFFFFF; text-align: center; }
.box4 h3 { font-size: 36px; line-height: 52px; margin-bottom: 20px; }
.box4 p { font-size: 24px; margin-bottom: 40px; }
.box4 button { width: 180px; height: 60px; background: #FFFFFF; border-radius: 8px 8px 8px 8px; color: #4376D1; font-size: 24px; }
/*交易*/
.mbx { margin: 20px 0; }
.mbx .el-breadcrumb__item:last-child .el-breadcrumb__inner { color: #333; }
.mbx .el-breadcrumb__inner a, .el-breadcrumb__inner.is-link { color: #999; font-weight: normal; }
.mx7 { background: none;}
.mx7 .jli { margin-bottom: 1px; border: none;}
.box8 { margin: 60px 0; }
.ym { display: flex; align-items: center; justify-content: center; }
.ym .el-pagination button { width: 40px; height: 40px; border: 1px solid #e7e7e8; margin: 0 5px; border-radius: 6px; }
.ym .el-pager li { width: 40px; height: 40px; border: 1px solid #e7e7e8; margin: 0 5px; border-radius: 6px; }
.ym .qd { width: 68px; height: 40px; background: #FFFFFF; border-radius: 6px; border: 1px solid #E5E5E5; margin-left: 10px; }
.ym .el-input__wrapper { width: 68px; height: 40px; }
.ym .el-pager li.is-active { color: #4376D1; border: 1px solid #4376D1; }
.bg6 { height: 60px; background-color: #fff; margin: 10px auto; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; }
.b6-fl ul { display: flex; align-items: center; justify-content: flex-start; }
.b6-fl li { margin-right: 40px; color: #333; cursor: pointer; }
.b6-fl li.on { color: #4376D1; }
.b6-fl li em { position: relative; }
.b6-fl li em .el-icon { color: #D8D8D8; position: absolute; top: -4px; right: -15px; }
.b6-fl li em .el-icon:last-child { color: #D8D8D8; position: absolute; top: 4px; right: -15px; }
.b6-rg a { color: #4376D1; }
.bg5 { background-color: #fff; }
.b-t { line-height: 63px; color: #333; text-align: center; font-size: 16px; }
.b-i { border-left: 1px solid #e4ebf6; }
.br1 { display: flex; align-items: center; justify-content: flex-start; }
.br1 .b-t { width: 104px; }
.br1 .b-i { width: 1415px; padding: 0 20px; min-height: 63px; display: flex; align-items: center; justify-content: flex-start; }
.br1 .b-i ul { width: 1415px; display: flex; flex-wrap: wrap; align-items: center; }
.br1 .b-i li { color: #666; margin-left: 40px; cursor: pointer; }
.br1 .b-i li.on { color: #4376D1; }
.br1 .b-i li:first-child { margin-left: 0; }
.br2 { display: flex; justify-content: flex-start; border-top: 1px solid #e4ebf6; }
.br2 .b-t { width: 104px; }
.br2 .b-t .el-checkbox { height: 20px; line-height: 20px; display: block; display: flex; align-items: center; justify-content: center }
.br2 .b-i { width: 1415px; }
.br2 .b-i ul { width: 1415px; padding: 10px 0; display: flex; flex-wrap: wrap; align-items: center; overflow: hidden; }
.br2 .b-i li { width: 120px; color: #666; margin-left: 20px; line-height: 40px; cursor: pointer; }
.br2 .b-i li.on { color: #4376D1; }
.br2 .b-i li em img { width: 18px; height: 18px; vertical-align: middle; }
.br3 { border-top: 1px solid #e4ebf6; display: flex; align-items: center; justify-content: flex-start; }
.br3 .b-t { width: 104px; }
.br3 .b-i { width: 1415px; min-height: 63px; padding: 0 20px; display: flex; align-items: center; justify-content: flex-start; }
.br3 .b-i .el-select { margin-right: 20px; }
.br3 .b-i .el-select__wrapper { font-size: 12px; padding: 4px 8px; }
.br3 .b-i em { margin: 0 5px; color: #999; }
.br3 .b-i .el-input__inner { font-size: 12px; }
.br4 { border-top: 1px solid #e4ebf6; display: flex; align-items: center; justify-content: flex-start; }
.br4 .b-t { width: 104px; }
.br4 .b-i { width: 1415px; min-height: 63px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; }
.br4 .b-i .sp { width: 1300px; display: flex; flex-wrap: wrap; }
.br4 .b-i span { height: 28px; background: #FFFFFF; padding: 0 5px; cursor: pointer; border-radius: 4px 4px 4px 4px; border: 1px solid #ccc; color: #666; font-size: 12px; margin-right: 20px; display: flex; align-items: center; justify-content: center; }
.br4 .b-i span.on { border: 1px solid #4376D1; color: #4376D1; }
.br4 .b-i span .el-icon { color: #ccc; font-size: 14px; margin-left: 3px; }
.br4 .b-i span.on .el-icon { color: #4376D1; }
.yjqc { height: 20px; line-height: 20px; font-size: 12px; display: flex; align-items: center; cursor: pointer; }
.yjqc img { width: 20px; height: 20px; margin-right: 5px; }
.b6-fl li em .el-icon.ion { color: #4376D1; }
.zban { width: 100%; height: 475px; background: url(../images/zlbg.png) center no-repeat; padding-top: 120px; color: #FFFFFF; text-align: center; }
.benner-jp { width: 100%; height: 675px; background: url(../images/banner.png) center no-repeat; }
.benner-jp ul { width: 600px; height: 60px; display: flex; flex-wrap: wrap; position: absolute; left: 0; top: 500px; background: rgba(255,255,255,0.5); }
.benner-jp li { width: 200px; height: 60px; display: flex; align-items: center; justify-content: center; }
.benner-jp li img { width: 24px; height: 24px; }
.benner-jp li span { display: inline-block; font-size: 16px; color: #666; margin-left: 8px; }
.benner-jp li.on { background-color: #fff; border-bottom: 4px solid #4376D1; }
.con { width: 1520px; margin: 0 auto; position: relative; }
.m75 { position: relative; top: -75px; margin-bottom: -75px; }
.jp-g1 { width: 281px; height: 619px; background: rgba(31,120,255,0.16); border-radius: 960px 960px 960px 960px; filter: blur(240px); position: absolute; top: 150px; left: 0; z-index: -99; }
.jp-g2 { width: 643px; height: 1684px; background: linear-gradient( 142deg, rgba(255,154,31,0.096) 0%, rgba(42,82,255,0.096) 100%); filter: blur(240px); position: absolute; top: 420px; right: 0; z-index: -99; }
.j-jx { width: 72px; height: 28px; text-align: center; line-height: 28px; background: linear-gradient( 270deg, #D14C43 0%, #FFAAA4 100%); border-radius: 2px 2px 2px 2px; font-size: 14px; color: #fff; }
.j-ks { width: 72px; height: 28px; text-align: center; line-height: 28px; background: linear-gradient( 90deg, #4376D1 0%, #A3C4FF 100%); border-radius: 2px 2px 2px 2px; font-size: 14px; color: #fff; }
.j-js { width: 72px; height: 28px; text-align: center; line-height: 28px; background: linear-gradient( 90deg, #CCCCCC 0%, #EBEBEB 100%); border-radius: 2px 2px 2px 2px; font-size: 14px; color: #fff; }
.jks em { color: #4376D1;}
.jl5 button { width: 100%; height: 44px; color: #fff; font-size: 16px; background: #4376D1; border: 1px solid #4376D1; }
.yjs{ height: 365px; position: relative;}
.jl6{width: 304px; height: 58px; padding: 8px 20px 0; background: linear-gradient( 90deg, #F0F3FA 0%, #FFFFFF 100%); position: absolute; left: 0; bottom: 0;}
.jl6 p{ line-height: 20px; font-size: 12px; color: #333;}
.jl6 span{ line-height: 20px; font-size: 12px; color: #999;}
.box9 { height: 530px; background: #F5F8FF; }
.jplc { position: relative; }
.jplc .j-ls { width: 100%; height: 4px; background-color: #fff; position: absolute; top: 90px; left: 0; }
.jplc ul { display: flex; align-items: center; justify-content: space-between; text-align: center; margin-top: 40px; position: relative; }
.jplc li img { width: 182px; height: 182px; background-color: #F5F8FF; }
.jplc li h3 { font-size: 16px; color: #333; margin: 16px 0 8px; }
.jplc li p { width: 160px; font-size: 12px; color: #999; line-height: 18px; margin: 0 auto;}
.benner-sf { width: 100%; height: 675px; background: url(../images/banner-sf.png) center no-repeat; }
.sf-btn { width: 364px; height: 48px; position: absolute; left: 0; top: 408px; }
.sf-btn button { background: none; }
.sf-btn button:first-child { width: 152px; height: 48px; }
.sf-btn button:last-child { width: 192px; height: 48px; margin-left: 20px; }
.sf-1 { height: 60px; background: rgba(255,255,255,0.6); display: flex; align-items: center; justify-content: space-between; }
.sf-1 p { margin-left: 30px; font-size: 14px; color: #333; }
.sf-1 p em { color: #D14C43; margin: 0 3px; }
.sf-1 ul { width: 450px; height: 60px; background-color: #fff; display: flex; align-items: center; justify-content: space-between; }
.sf-1 li { width: 150px; height: 20px; font-size: 14px; color: #333; cursor: pointer; display: flex; align-items: center; justify-content: center; border-right: 1px solid #EBEBEB; }
.sf-1 li:last-child { border: none; }
.sf-1 li.on { color: #4376d1; }
.sf-1 li span { margin-left: 5px; }
.sf-2 { height: 160px; background-color: #fff; }
.sf-2 .el-input__wrapper { height: 60px; background: rgba(255,255,255,0.1); border-radius: 100px; border: 1px solid #4376D1; padding: 0 0 0 30px; box-shadow: none; margin: 30px 30px 20px 30px; }
.bts2 { width: 280px; height: 60px; font-size: 20px; color: #fff; background: #4376D1; border-radius: 100px; border: 1px solid #4376D1; }
.sf-2 .el-carousel__container { margin: 0 30px; }
.sf-2 p { color: #999; }
.lc_lf { width: 590px; float: left; position: relative; }
.line1 { width: 4px; height: 261px; background-color: #EAF1FF; display: block; position: absolute; right: 0; top: 60px; }
.lc_1 { position: relative; display: flex; align-items: center; justify-content: space-between; padding-right: 25px; margin: 0 0 100px; }
.lc_1 .line { width: 480px; height: 4px; background-color: #EAF1FF; display: block; position: absolute; left: 110px; top: 60px; }
.lc_tt { color: #4376D1; text-align: center; z-index: 99; position: relative; }
.lc_tt img { width: 120px; height: 120px; }
.lc_tt h5 { font-size: 20px; font-weight: bold; }
.lc_tt p { font-size: 12px; color: #666; }
.lc_tt b { font-weight: bold; margin-left: 5px; color: #333; }
.lc_ms { text-align: center; position: absolute; left: 350px; top: 22px; color: #333; font-size: 16px; line-height: 40px; font-weight: bold; }
.lc_ms em { font-size: 12px; color: #666; display: block; font-weight: normal; }
.lc_ms1 { text-align: center; position: absolute; left: 220px; top: 20px; color: #4376D1; line-height: 40px; font-size: 16px; }
.lc_ms1 em { font-size: 12px; display: block; font-weight: normal; }
.lc_rg { width: 930px; position: relative; float: left; display: flex; align-items: center; justify-content: space-between; padding-left: 30px; margin: 130px 0; }
.lc_rg .line { width: 860px; height: 4px; background-color: #EAF1FF; display: block; position: absolute; left: 0; top: 60px; }
.box4-1 { height: 470px; background: url(../images/zcsb-bg1.png) center no-repeat; padding-top: 1px; }
.box4-1 .tit1, .box4-1 .tit2 { color: #fff; }
.box4-1 ul { display: flex; align-items: center; justify-content: center; }
.box4-1 li { width: 360px; height: 112px; background: #6A8ECC; color: #fff; border-radius: 10px; margin: 0 13px; padding: 30px 20px; position: relative; overflow: hidden; cursor: pointer; }
.box4-1 li span { font-family: YouSheBiaoTiHei, YouSheBiaoTiHei; font-weight: 400; font-size: 80px; color: rgba(255,255,255,0.08); line-height: 80px; position: absolute; top: -5px; left: -20px; }
.box4-1 li img { width: 76px; height: 76px; position: absolute; right: 0; bottom: 0; }
.box4-1 li h4 { font-size: 24px; line-height: 35px; margin-bottom: 5px; }
.box4-1 li p { font-size: 14px; line-height: 20px; }
.box4-1 li:hover { background-color: #fff; color: #4376D1; }
.box4-1 li:hover span { color: rgba(67,118,209,0.08); }
.sf-cc { display: flex; align-items: center; justify-content: center; }
.cc-t { width: 480px; height: 443px; margin: 0 20px; background: url(../images/sf-bg.png) center no-repeat; cursor: pointer; position: relative; }
.cc-t h3 { font-size: 20px; font-weight: bold; color: #333; display: flex; align-items: center; padding: 30px 0 0 30px; margin-bottom: 15px; }
.cc-t h3 img { width: 32px; height: 32px; margin-right: 8px; }
.cc-t h3 i { width: 108px; height: 24px; font-size: 14px; line-height: 24px; text-align: center; margin-left: 8px; background: linear-gradient( 270deg, #D14C43 0%, #EAA49F 100%); border-radius: 12px 12px 12px 4px; color: #fff; display: inline-block; }
.cc-t:hover { border: 2px solid #4376D1; -webkit-box-shadow: 0 0 19px 1px rgba(43, 86, 209, .2); box-shadow: 0 0 19px 1px rgba(43, 86, 209, .2) }
.cc-t span { padding-left: 30px; font-size: 14px; color: #666; margin-bottom: 40px; display: block; }
.cc-t p { padding-left: 30px; font-size: 14px; color: #333; margin-bottom: 15px; display: flex; align-items: center; }
.cc-t p img { width: 20px; height: 20px; margin-right: 8px; }
.cc-t em { font-size: 14px; color: #D14C43; position: absolute; left: 30px; bottom: 80px; font-family: Source Han Sans, Source Han Sans; }
.cc-t em b { font-size: 36px; font-weight: bold; }
.cc-t em del { color: #999; margin-left: 20px; }
.sf-bt { width: 100%; height: 60px; position: absolute; bottom: 0; left: 0; display: flex; justify-content: center; }
.sf-bt button { width: 240px; height: 60px; font-size: 16px; color: #4376D1; border: 1px solid #4376D1; background-color: #fff; }
.sf-bt button:last-child { width: 240px; height: 60px; border: 1px solid #4376D1; background-color: #4376D1; color: #fff; }
.cc-t:hover button { border-bottom: none; border-left: none; border-right: none; }
.cc-t:hover button:first-child { display: none; }
.cc-t:hover button:last-child { -webkit-animation: myfirst 0.2s forwards; animation: myfirst 0.2s forwards; }
@keyframes myfirst {
0% {
width: 240px;
}
50% {
width: 360px;
}
100% {
width: 480px;
}
}
.sf-4 { height: 707px; background: url(../images/sf8.png) center no-repeat; padding-top: 1px; }
.sf-ct { display: flex; align-items: flex-start; justify-content: space-between; }
.ct-l { width: 440px; height: 450px; background: url(../images/sf7.png) center no-repeat; padding: 40px; color: #fff; }
.ct-l span { width: 140px; height: 40px; line-height: 40px; background: #fff; color: #4376D1; border-radius: 20px; display: block; font-size: 20px; font-weight: bold; text-align: center; }
.ct-l h2 { width: 320px; font-size: 24px; line-height: 35px; font-weight: bold; margin: 15px 0 40px; }
.ct-l p { font-size: 16px; margin-bottom: 20px; display: flex; align-items: center; line-height: 23px; }
.ct-l p img { width: 20px; height: 20px; margin-right: 8px; }
.ct-r { width: 1060px; }
.ct-r ul { display: flex; flex-wrap: wrap; }
.ct-r li { width: 340px; height: 215px; background: #FFFFFF; color: #333; border-radius: 10px; margin: 0 20px 20px 0; padding: 20px; }
.ct-r li:nth-child(3n) { margin-right: 0; }
.ct-r li h4 { font-size: 16px; font-weight: bold; }
.ct-r li p { font-size: 12px; line-height: 17px; margin: 8px 0 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.ct-r li em { font-size: 12px; color: #D14C43; display: block; margin-bottom: 15px; font-family: Source Han Sans, Source Han Sans; }
.ct-r li em b { font-size: 18px; font-weight: bold; }
.ct-r li button { width: 100%; height: 44px; font-size: 16px; font-weight: bold; color: #4376D1; background: #FAFCFF; border: 1px solid #4376D1; }
.benner-fl { height: 679px; background: url(../images/banner-fl.png) center no-repeat; }
.fl-btn { width: 364px; height: 48px; position: absolute; left: 0; top: 408px; }
.fl-btn button { background: none; width: 152px; height: 48px; }
.fl-btn button:last-child { margin-left: 20px; }
.fl-1 { margin-bottom: 40px; }
.fl-1 .el-tabs__nav-wrap:after { background: none; }
.fl-1 .el-tabs__active-bar { background: none; }
.fl-1 .el-tabs__nav { width: 100%; height: 88px; position: relative; }
.fl-1 .el-tabs__item { width: 100%; height: 80px; text-align: center; line-height: 80px; font-size: 24px; background: #FAFAFA; }
.fl-1 .el-tabs__item.is-active { background: #4376D1; color: #fff; }
.fl-1 .el-tabs__item .el-icon { font-size: 24px; color: #fff; position: absolute; bottom: -24px; left: 48%; }
.yim { width: 20px; height: 20px; margin-right: 5px; }
.jywh { width: 100%; display: flex; flex-wrap: wrap; margin-top: 20px; }
.jywh li { width: 368px; height: 215px; color: #333; background: #FFFFFF; border-radius: 10px; border: 1px solid #F0F0F0; margin: 0 16px 20px 0; padding: 20px; }
.jywh li:nth-child(4n) { margin-right: 0; }
.jywh li h4 { font-size: 16px; font-weight: bold; }
.jywh li p { font-size: 12px; line-height: 17px; margin: 8px 0 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.jywh li em { font-size: 12px; color: #D14C43; display: block; margin-bottom: 15px; font-family: Source Han Sans, Source Han Sans; }
.jywh li em b { font-size: 18px; font-weight: bold; }
.y-bt { width: 100%; height: 44px; display: flex; justify-content: center; }
.y-bt button { width: 156px; height: 44px; font-size: 16px; color: #4376D1; border: 1px solid #4376D1; background: #FAFCFF; }
.y-bt button:first-child { border: 1px solid #4376D1; background-color: #4376D1; color: #fff; margin-right: 16px; }
.fl-2 { height: 530px; background: url(../images/fl-bg.png) center no-repeat; }
.fllc { position: relative; }
.lctt { padding: 0 40px; display: flex; align-items: center; justify-content: space-between; z-index: 99; }
.tt1 { text-align: center; }
.tt1 img { width: 182px; height: 182px; }
.tt1 h4 { font-size: 16px; color: #333; font-weight: bold; margin: 16px 0 8px; }
.tt1 p { width: 170px; line-height: 17px; font-size: 12px; color: #999; margin: 0 auto; }
.lic { width: 250px; position: absolute; top: 90px; }
.lic em { width: 250px; height: 4px; background: #FFFFFF; display: block; }
.lic .el-icon { font-size: 36px; position: absolute; left: 45%; top: -16px; color: #fff; }
.li-1 { left: 215px; }
.li-2 { left: 635px; }
.li-3 { left: 1053px; }
.benner-zx { height: 475px; background: url(../images/zx-bg.png) center no-repeat; padding-top: 185px; }
.benner-zx p { font-weight: bold; font-size: 24px; color: #FFFFFF; line-height: 36px; text-shadow: 0px 4px 10px rgba(255,255,255,0.3); }
.benner-zx p span { width: 72px; height: 36px; display: inline-block; text-align: center; background: #17409B; border-radius: 18px; margin-right: 8px; }
.benner-zx h2 { font-size: 48px; font-weight: bold; color: #FFFFFF; line-height: 70px; text-shadow: 0px 4px 10px rgba(255,255,255,0.3); margin: 20px 0; }
.benner-zx em { font-size: 12px; color: #FFFFFF; line-height: 17px; }
.zx-1 { background: #F9FBFF; padding-bottom: 40px; }
.zx-l .el-tabs__nav-wrap:after { display: none; }
.zx-l .el-tabs { margin: 30px 0 0; }
.zx-l .el-tabs__item { font-size: 16px; font-weight: bold; }
.zx-l .el-tabs__item.is-active { color: #4376D1; }
.zx-l .el-tabs__active-bar { background-color: #4376D1; }
.zx-l .zx-ul { width: 1180px; background-color: #fff; padding: 0 20px; margin-right: 20px; }
.zx-l .zx-ul li { height: 208px; padding: 20px 0; border-bottom: 1px solid #F0F0F0; display: flex; align-items: center; justify-content: space-between; }
.zx-l .zx-ul li .el-image { width: 365px; height: 119px; }
.zx-l .zx-ul li .el-image__inner { height: auto; }
.zx-tr { width: 745px; }
.zx-tr h4 a { display: block; font-size: 20px; font-weight: bold; color: #333; line-height: 29px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.zx-tr h4 a:hover { color: #4376D1; }
.zx-tr p { font-size: 14px; color: #666; line-height: 20px; margin: 16px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.zx-tr span { width: 64px; height: 24px; cursor: pointer; text-align: center; line-height: 24px; font-size: 12px; color: #4376D1; background: #F5F8FF; border-radius: 4px; display: inline-block; margin-right: 8px; }
.zx-bm { margin-top: 23px; }
.zx-bm time { font-size: 14px; color: #999999; }
.zx-bm a { color: #4376D1; }
.zx-ym { width: 1180px; padding: 40px 0; background-color: #fff; }
.zx-r { width: 320px; margin-top: 84px; }
.zx-r1 { width: 320px; height: 200px; background: url(../images/zxr-bg.png) center no-repeat; padding: 15px 40px 0; }
.zx-r1 h5 { font-family: 'zk'; font-weight: 400; font-size: 32px; color: #FFFFFF; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; }
.zx-r1 h5 i { width: 32px; height: 1px; background: linear-gradient( -90deg, #FFFFFF 0%, rgba(255,255,255,0) 100%); display: inline-block; margin-right: 8px; }
.zx-r1 h5 i:last-child { width: 32px; height: 1px; background: linear-gradient( 90deg, #FFFFFF 0%, rgba(255,255,255,0) 100%); margin-left: 8px; margin-right: 0; }
.zx-r1 .el-input { width: 100%; height: 36px; background: #fff; border-radius: 6px; margin-bottom: 16px; font-size: 14px;}
.zx-r1 .el-input__inner{ text-align: center;}
.zx-r1 button { width: 100%; height: 36px; background: #FFB547; border-radius: 6px; margin-bottom: 8px; font-size: 14px; color: #FFFFFF; }
.zx-r1 span { font-size: 12px; color: #FFFFFF; display: block; text-align: center; }
.zx-tit { display: flex; align-items: center; justify-content: space-between; margin: 20px 0 15px; }
.zx-tit h3 { font-size: 16px; font-weight: bold; color: #333333; }
.zx-tit a { font-size: 12px; color: #999999; }
.zx-r2 ul { background-color: #fff; padding: 16px 16px 0 16px; }
.zx-r2 li { border-bottom: 1px solid #F0F0F0; margin-bottom: 16px; }
.zx-r2 li:last-child { border-bottom: none; }
.zx-r2 li h5 a { display: block; font-size: 14px; color: #333333; margin-bottom: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.zx-r2 li h5 a:hover { color: #4376D1; }
.zx-r2 li p { font-size: 12px; color: #999; padding-bottom: 16px; display: flex; align-items: center; justify-content: space-between; }
.zx-r2 li p span em { color: #D14C43; margin-left: 10px; }
.zx-r3 ul { background-color: #fff; padding: 16px 16px 0 16px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.zx-r3 li a { width: 92px; height: 32px; display: block; font-size: 12px; color: #333; line-height: 32px; text-align: center; margin-bottom: 16px; background: #FFFFFF; border-radius: 4px; border: 1px solid #F0F0F0; padding: 0 5px; overflow: hidden; }
.zx-r3 li a:hover { color: #4376D1; border: 1px solid #aec6f2; }
.zx-h p { color: #333333; font-size: 18px; margin-left: 20px; }
.xq-h .nav .nav_item { color: #333333; display: block; font-size: 16px; margin: 0 35px; opacity: 0.77; }
.xq-h .nav .nav_item:hover, .xq-h .nav .nav_item_active { font-weight: bold; opacity: 1; color: #4376D1; }
.xq-h .login { width: 91px; height: 29px; background: none; border-radius: 14px 14px 14px 14px; border: 1px solid #99BEFF; font-size: 16px; color: #99BEFF; }
.zxxq-1 { padding-top: 80px; }
.xq-con { width: 1180px; background-color: #fff; padding: 20px; margin: 20px 0; padding-bottom: 20px; }
.xq-con h3 { text-align: center; font-size: 24px; color: #333333; font-weight: bold; margin-top: 15px; }
.xq-bq { text-align: center; }
.xq-bq span { font-size: 12px; color: #999999; display: inline-block; margin: 16px 20px 20px; }
.xq-zy { width: 1140px; height: 80px; background: #F4F6FA; padding: 10px 20px; display: flex; align-items: center; justify-content: space-between; }
.zy-t { width: 40px; height: 60px; font-size: 20px; color: #999999; padding-right: 20px; border-right: 1px solid #EFF1F5; }
.zy-n { width: 1040px; font-size: 14px; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.zy-con { padding-bottom: 30px; border-bottom: 1px solid #F0F0F0; }
.zy-con p { margin-top: 20px; font-size: 14px; color: #333333; text-indent: 4ch; }
.zy-con img { width: 50%; margin: 60px auto; display: block; }
.xgbq h6 { margin: 20px 0; font-size: 14px; color: #333333; font-weight: bold; }
.xgbq span { width: 64px; height: 28px; background: #FAFAFA; border-radius: 4px; font-size: 12px; color: #999999; margin-left: 10px; }
.xgbq p { margin-bottom: 8px; font-size: 14px; color: #999999; }
.xgbq p a { margin-right: 20px; color: #4376D1; }
.xgbq p a:hover { opacity: 0.7; }
.xgwz { width: 1180px; background-color: #fff; padding: 20px; }
.xgwz h4 { font-size: 16px; color: #333333; display: flex; align-items: center; margin-bottom: 20px; }
.xgwz h4 i { width: 4px; height: 20px; background: #4376D1; display: inline-block; margin-right: 8px; }
.xgwz li { font-size: 14px; margin: 8px 0; list-style-type: disc; display: flex; align-items: center; justify-content: space-between; }
.xgwz li a { width: 970px; color: #999999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.xgwz li a:hover { color: #4376D1; }
.xgwz li time { color: #999999; }
.xq-r { margin-top: 34px; }
.zx-r4 { width: 320px; height: 348px; background-color: #fff; margin-bottom: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.zx-r4 .gm-r-ig { height: 130px; position: relative; margin-bottom: 20px; }
.zx-r4 .gm-r-ig .gm-tx { width: 120px; height: 120px; border-radius: 96px; border: 4px solid #EBF2FF; display: block; }
.zx-r4 .gm-r-ig span { width: 88px; height: 28px; font-size: 14px; color: #fff; background: linear-gradient( -270deg, #D19843 0%, #FFDAA4 100%); border-radius: 14px 14px 14px 14px; position: absolute; left: 50%; top: 100px; margin-left: -44px; display: flex; align-items: center; justify-content: center; }
.zx-r4 .gm-r-ig span img { width: 14px; height: 14px; margin-right: 3px; }
.zx-r4 h4 { font-size: 20px; font-weight: bold; color: #333; line-height: 30px; }
.zx-r4 span { font-size: 14px; color: #999; line-height: 20px; margin: 8px auto 20px; }
.zx-r4 button { width: 144px; height: 44px; background: #FFFFFF; border: 1px solid #4376D1; font-size: 16px; color: #4376D1; font-weight: bold; }
.xq-wz { width: 400px; }
.xq-wz p { width: 400px; height: 20px; line-height: 20px; font-size: 14px; margin: 0; color: #fff; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.xq-wz .el-carousel__indicators { display: none; }
.bg-sb { background: #F9FBFF; }
.banner-sb { background: url(../images/bg.png) top center no-repeat; padding-top: 100px; color: #FFFFFF; text-align: center; }
.sbxq1 { width: 1010px; margin: 0 auto 20px; }
.sbxq-sh { display: flex; justify-content: space-between; }
.sbxq-sh .el-button { height: 60px; background: #FFFFFF; border-radius: 100px 100px 100px 100px; display: block; color: #4376D1; font-size: 20px; }
.sbxq-sh .el-button img { margin-right: 5px; }
.sbxq-sh .el-input { width: 800px; height: 60px; background: rgba(255,255,255,0.1); border-radius: 100px 100px 100px 100px; border: 1px solid #FFFFFF; }
.sbxq-sh .el-input__wrapper { background: none; border: none; box-shadow: none; padding: 0 30px; }
.sbxq-sh .el-input__inner { color: rgba(255, 255, 255, 1); font-size: 20px; }
.sbxq-sh .el-icon { font-size: 30px; color: #FFFFFF; cursor: pointer; }
.sb-bn { display: flex; font-size: 12px; color: #fff; margin-top: 10px; line-height: 20px; }
.sb-bn span { margin-left: 5px; }
.sb-bn em { opacity: 0.8; margin-left: 10px; cursor: pointer; }
.sbxq-tp { margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; }
.sbxq-tp .mbx .el-breadcrumb__inner a, .sbxq-tp .el-breadcrumb__inner.is-link { color: #fff; }
.sbxq-tp .el-breadcrumb__item:last-child .el-breadcrumb__inner, .sbxq-tp .el-breadcrumb__item:last-child .el-breadcrumb__inner a, .sbxq-tp .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover, .sbxq-tp .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover { color: #fff; }
.sbxq-tp .el-breadcrumb__separator { color: #fff; }
.sbxq2 { background-color: #fff; display: flex; justify-content: space-between; margin-bottom: 20px; padding-bottom: 20px;}
.xq-zs-r { width: 240px; height: 660px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.xq-zs-r .gm-r-ig { height: 130px; position: relative; margin-bottom: 20px; }
.xq-zs-r .gm-r-ig .gm-tx { width: 120px; height: 120px; border-radius: 96px; border: 4px solid #EBF2FF; display: block; }
.xq-zs-r .gm-r-ig span { width: 88px; height: 28px; font-size: 14px; color: #fff; background: linear-gradient( -270deg, #D19843 0%, #FFDAA4 100%); border-radius: 14px 14px 14px 14px; position: absolute; left: 50%; top: 100px; margin-left: -44px; display: flex; align-items: center; justify-content: center; }
.xq-zs-r .gm-r-ig span img { width: 14px; height: 14px; margin-right: 3px; }
.xq-zs-r h4 { font-size: 20px; font-weight: bold; color: #333; line-height: 30px; }
.xq-zs-r span {font-size: 14px; color: #999; line-height: 20px; margin: 8px auto 20px; }
.xq-zs-r button { width: 144px; height: 44px; background: #FFFFFF; border: 1px solid #4376D1; font-size: 16px; color: #4376D1; font-weight: bold; margin-bottom: 40px; }
.xq-zs-r em { font-size: 12px; color: #333333; margin-top: 8px; }
.xq-zs-r .xq-ewm { width: 180px; height: 180px; }
.xq-zs-l { padding: 40px 0 0 40px; }
.zs1 { width: 400px; }
.zs1 .el-carousel { width: 400px; }
.zs1 .el-carousel__button { width: 60px; height: 60px; }
.zs1 .el-carousel__button img { width: 60px; }
.zs1 .el-carousel__container { width: 400px; height: 400px; border: 1px solid #F0F0F0; margin-bottom: 8px; }
.zs1 .el-carousel__item { display: flex; align-items: center; }
.zs1 .el-carousel__indicators--outside { text-align: left; }
.zs1 .el-carousel__indicators--outside button { background: none; }
.zs1 .el-carousel__indicator--horizontal { width: 60px; height: 60px; border: 1px solid #F0F0F0; margin-right: 10px; padding: 0; }
.zs-ms h5 { font-size: 14px; color: #333333; text-align: center; margin: 15px 0 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.zs-ms p { font-size: 12px; color: #999999; line-height: 17px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis; }
.xq-zs-l { width: 1280px; padding-right: 20px; border-right: 1px solid #F0F0F0; display: flex; justify-content: space-between; }
.zs2 { width: 800px; text-align: left; }
.zs2 h3 { font-size: 24px; line-height: 35px; margin-bottom: 16px; color: #333333; font-weight: bold; line-height: 35px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.zs2-1 { width: 800px; height: 94px; background: #F4F6FA; padding: 10px; }
.zs2-1 p { font-size: 14px; color: #999999; line-height: 20px; margin-left: 100px; }
.zs2-1 h6 { font-size: 14px; color: #333333; }
.zs2-1 h6 span { font-size: 14px; color: #D14C43; margin-left: 20px; }
.zs2-1 h6 span b { font-size: 32px; font-weight: bold; }
.zs2 .line { display: flex; }
.zs2 .detail-r-box-item { color: dimgray; font-size: 14px; margin-top: 20px; padding: 0 10px; }
.zs2 .line .detail-r-box-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.zs2 .detail-r-box-item em { margin-right: 40px; }
.zs2 .detail-r-box-item span { color: #333; }
.txt-bl { color: #4376D1!important; margin-left: 20px; }
.mg5 { margin: 0 5px; }
.zs2 .item-goods { display: flex; }
.zs2 .item-goods div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.zs2 .item-goods div a { border: 1px solid #CCCCCC; border-radius: 4px; color: #333; display: inline-block; font-size: 12px; margin-bottom: 8px; margin-right: 8px; padding: 2px 5px; }
.zs2 .item-goods div a:hover { border: 1px solid #4376D1; color: #4376D1; }
.zs2 .item-goods div a:hover span { color: #4376D1; }
.zs2 .moretype-box { display: flex; position: relative; }
.zs2 .moretype-box .more-check { color: #666; font-size: 12px; left: 10px; position: absolute; top: 20px; }
.zs2 .moretype-box div { -webkit-box-flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.zs2 .moretype-box div a { border: 1px solid #bbb; border-radius: 4px; color: #333; font-size: 12px; margin-bottom: 8px; margin-right: 8px; padding: 5px 12px; text-align: center; width: 110px; }
.zs2 .moretype-box div a.on { border: 1px solid #4376D1; color: #4376D1; }
.zs2 .moretype-box div a p { color: #D14C43; font-size: 16px; }
.zs2 .detail-r-box-btns { margin: 30px 0 23px 10px }
.zs2 .detail-r-box-btns button { font-weight: bold; border: 1px solid #4376D1; color: #fff; font-size: 16px; height: 44px; margin-right: 20px; text-align: center; width: 124px; background: #4376D1; }
.zs2 .detail-r-box-btns button:last-child { background-color: #fff; color: #4376D1; }
.ptbz { width: 790px; height: 40px; background: linear-gradient( 270deg, rgba(255,236,235,0) 0%, #FFECEB 100%); margin-left: 10px; padding: 0 120px 0 10px; }
.ptbz p { font-size: 12px; color: #999999; line-height: 17px; }
.ptbz p:first-child { color: #D14C43; }
.ptbz p:first-child img { margin-right: 8px; }
.ptbz p img { width: 16px; margin-right: 3px; vertical-align: top; }
.info-tab { width: 100%; background: #F9FBFF; position: sticky; top: 60px; z-index: 998; margin-bottom: 20px; }
.info-tab .info-tab_item { color: #333; float: left; font-size: 17px; padding: 16px 25px; }
.info-tab .info-tab_item_active { color: #587aea; position: relative; }
.info-tab .info-tab_item_active:after { background: #587aea; bottom: 0; content: ""; display: block; height: 3px; position: absolute; width: 65px; }
.info-tab-content { background-color: #fff; padding: 20px; margin-bottom: 20px; }
.cot1 h3 { font-size: 28px; color: #333333; text-align: center; margin: 20px 0 30px; font-weight: bold; }
.sbx { width: 1480px; padding: 20px; background: #F4F6FA; display: flex; flex-wrap: wrap; }
.sbx li { width: 33.333%; height: 28px; display: flex; font-size: 14px; line-height: 28px; }
.sbx li span { color: #666666; margin-right: 20px; }
.sbx li p { color: #333333; }
.sbx li p em { margin: 0 5px; }
.cot2 { width: 1480px; padding: 20px; background: #FFFFFF; border: 1px solid #F0F0F0; font-size: 14px; color: #666666; line-height: 20px; }
.cot3 { margin: 20px 0 5px; }
.cot3 h4 { font-size: 16px; font-weight: bold; color: #333333; display: flex; align-items: center; margin-bottom: 10px; }
.cot3 h4 i { width: 4px; height: 15px; background: #4376D1; margin-right: 8px; }
.cot3 p { font-size: 14px; color: #666666; }
.cot3 p span { color: #4376D1; }
.cot3 img{ margin: 0 auto; display: block;}
.sbxq4 { margin-bottom: 20px; }
.cot4 { height: 420px; background-color: #fff; padding-top: 1px; }
.cot4 .tit1 { margin: 40px 0 30px; font-size: 28px; font-weight: bold; }
.cot4 .lic em { background: #F4F6FA; }
.cot4 .lic .el-icon { color: #F4F6FA; }
.sxct { height: 300px; }
.sxc { display: flex; justify-content: space-between; text-align: center; }
.sxc-l { width: 500px; }
.sxc-r { width: 970px; }
.sxc-l h3, .sxc-r h3 { height: 48px; line-height: 48px; background-color: #F4F6FA; font-size: 16px; color: #333333; font-weight: bold; }
.sxc-l ul, .sxc-r ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; background: #FAFBFC; }
.sxc-l li, .sxc-r li { height: 100px; line-height: 100px; border-right: 1px solid #F4F6FA; }
.sxc-l li:last-child, .sxc-r li:last-child { border-right: none }
.sxc-l li { width: 50%; }
.sxc-r li { width: 25%; }
.ptys { height: 370px; padding: 1px 10px 40px 10px; }
.ptys ul { display: flex; align-items: center; justify-content: space-between; }
.ptys li { width: 20%; text-align: center; margin: 0 10px; position: relative; }
.ptys li img { width: 100px; height: 100px; position: absolute; top: 0; left: 90px; }
.ys-ct { width: 280px; height: 180px; background: #F4F6FA; position: absolute; top: 40px; left: 0; padding: 0 35px; }
.ys-ct h4 { font-size: 16px; color: #333333; margin: 72px 0 12px; font-weight: bold; }
.ys-ct p { font-size: 14px; color: #666666; line-height: 20px; }
.cjwt { height: 500px; padding: 1px 20px 20px 20px; }
.cjwt h3 { height: 60px; line-height: 60px; padding: 0 20px; background: linear-gradient( 90deg, #F4F6FA 0%, rgba(244,246,250,0) 100%); font-size: 16px; color: #333333; font-weight: bold; }
.cjwt p { line-height: 60px; font-size: 14px; color: #666666; padding: 0 20px; }
.sbtj { height: 620px; }
.sbtj .boxjx { width: 100%; padding: 0 10px; }
.sbtj .boxjx .jli { width: 25%; padding: 0 10px; border: none; }
.sbtj .boxjx .jl3 { background-color: #f4f6fa; padding: 10px 20px 1px; }
.sbtj .boxjx .jl4 { background-color: #f4f6fa; padding: 0 20px 12px; }
.sbtj .boxjx .jl4 button { width: 152px; }
.sbtj .el-tabs__nav-wrap:after { display: none; }
.sbtj .el-tabs__active-bar { display: none; }
.sbtj .jxtb { width: 18px; height: 18px; margin-right: 3px; }
.sbtj .el-tabs__item { width: 160px; height: 48px; background-color: #fff; border: 1px solid #F0F0F0; font-size: 16px; color: #333333; padding: 0; }
.sbtj .el-tabs__item.is-active { background-color: #4376D1; border: 1px solid #4376D1; color: #fff; }
.sbtj .el-tabs__header { width: 320px; margin: 0 auto 30px; }
.sbtj .j-kf { background: linear-gradient(90deg, #D19843 0%, #FFDAA4 100%); }
.sbjq-1 { width: 800px; height: 214px; background: #F4F6FA; padding: 20px 0; }
.jpjs{ height: 86px;}
.jp-1 { display: flex; align-items: center; justify-content: space-between; margin: 0 10px; }
.jp-1 h6 { font-size: 14px; color: #333333; }
.jp-1 h6 span { font-size: 14px; color: #D14C43; margin-left: 20px; }
.jp-1 h6 span b { font-size: 32px; font-weight: bold; }
.jp-1 h6 i { font-size: 20px; font-weight: bold; margin: 0 5px; }
.jp-1 h6 em{ margin-left: 30px; font-weight: bold;}
.jp-1 h6.c-bl{ color: #4376D1;}
.jp-1 h4{ color: #333; text-align: right;}
.jp-1 h4 span{ color: #999;}
.c-jy{ opacity: 0.5;}
.jp-2 { margin: 16px 0 20px 10px; display: flex; align-items: center; justify-content: space-between; }
.jp-2 .cj { display: flex; align-items: center; }
.jp-2 .cj p { font-size: 14px; color: #333333; margin-right: 20px; }
.jp-2 .el-input__wrapper { width: 180px; height: 48px; background: #FFFFFF; border-radius: 6px; box-shadow: none; }
.jp-2 .el-input-number.is-controls-right .el-input__wrapper { padding: 0; }
.jp-2 .el-input__inner { font-size: 20px; color: #333333; font-weight: bold; }
.jp-2 .el-input-number.is-controls-right .el-input-number__decrease, .jp-2 .el-input-number.is-controls-right .el-input-number__increase { width: 32px; height: 22px; background: #FFFFFF; border-radius: 4px; font-size: 20px; border: none; right: -34px; }
.jp-2 .sztx { width: 84px; height: 48px; background: rgba(255,255,255,0.6); display: flex; align-items: center; justify-content: center; }
.jp-2 .sztx img { width: 30px; height: 30px; }
.jp-2 .sztx p { width: 24px; height: 34px; font-size: 12px; color: #666666; line-height: 17px; margin-left: 10px; }
.jp-3 button { width: 124px; height: 44px; background: #4376D1; margin-left: 72px; font-size: 16px; color: #FFFFFF; }
.sbjq-2 { width: 100%; line-height: 40px; font-size: 14px; padding:10px; background: #FFFFFF; border: 1px solid #F4F6FA; display: flex; flex-wrap: wrap; }
.sbjq-2 p{ width: 33.33%;}
.sbjq-2 p em { color: #666666; }
.sbjq-2 p span { color: #333333; }
.sbjq-2 p span.txt-r { color: #D14C43; }
.zlxq-bg { background: url(../images/zlbg.png) top center no-repeat; padding-top: 100px; color: #FFFFFF; text-align: center; }
.zlxq-bz { font-size: 12px; color: #999999; line-height: 17px; margin-top: 10px; padding: 0 10px; }
.zlt .boxjx .jl3 { background-color: #fff; }
.zlt .boxjx .jl4 { background-color: #fff }
.lo-rg { width: 440px; height: 600px; padding: 0; background: linear-gradient( 180deg, #EBF2FF 0%, #FFF7EB 51%, #FFFFFF 100%); border-radius: 10px; }
.lo-rg .el-dialog__header { padding: 0; }
.lo-rg .el-dialog__header button { width: 24px; height: 24px; padding-top: 3px; text-align: center; border-radius: 20px; background-color: #fff; right: -40px; }
.lo-rg .el-dialog__header .el-icon { color: #333; font-size: 18px; }
.rg-by { overflow: hidden; border-radius: 10px; }
.rg-top { width: 440px; height: 48px; display: flex; justify-content: space-between; position: relative; background-color: #eef3fc; }
.jeBtn { background-color: #eef3fc; padding: 0 10px; width: 365px; border-radius: 500px 500px 0 500px; z-index: 10; padding-left: 20px; }
.rg-top::before { content: ""; width: 48px; height: 48px; background-color: #4376D1; position: absolute; top: 0; right: 70px; }
.gmBtn { background-color: #4376D1; padding: 0 10px; width: 75px; text-align: center; border-radius: 0 500px 500px 500px; z-index: 10; color: #ffffff; font-size: 16px }
.rg-top::after { content: ""; width: 48px; height: 48px; background-color: #eef3fc; position: absolute; top: 0; left: 365px; }
.rg-top em { width: 50px; height: 48px; background-color: #4376D1; position: absolute; right: 0; top: 0; }
.rg-by h3 { font-size: 24px; color: #333333; line-height: 35px; text-align: center; margin-bottom: 10px; }
.rg-by h3 span { color: #4376D1; }
.rg-by .el-form { width: 360px; margin: 20px auto 0; }
.rg-by .el-input__wrapper { height: 48px; box-shadow: none; padding: 0 20px; }
.rg-by .el-select .el-select__wrapper, .rg-by .el-input-group--prepend .el-input-group__prepend .el-select .el-select__wrapper, .rg-by .el-input-group__prepend, .rg-by .el-input-group__append { box-shadow: none; }
.rg-by .el-input-group__append, .rg-by .el-input-group__prepend { background-color: #fff; }
.rg-by .el-select__placeholder.is-transparent, .rg-by .el-select__caret { font-size: 16px; color: #333333; }
.rg-by .el-input-group__append button { font-size: 16px; color: #4376D1; }
.zc-btn { width: 360px; height: 48px; background: rgba(67,118,209,0.4); border-radius: 10px; font-size: 16px; color: #FFFFFF; }
.zc-xy { color: #4376D1; }
.lo-lgn { height: 455px; }
.lo-lgn .el-tabs__header { width: 168px; margin: 0 auto; }
.lo-lgn .el-tabs__item { font-size: 16px; color: #999; }
.lo-lgn .el-tabs__active-bar { width: 84px; background-color: #4376D1; }
.lo-lgn .el-tabs__nav-wrap:after { display: none; }
.lo-lgn .el-tabs__item.is-active { color: #4376D1; }
.zc-v1 { background-position: top center; height: auto; }
.zc-e1 p { margin-bottom: 25px; }
.zc-e1 .el-button { width: 184px; height: 60px; background: #FFFFFF; border-radius: 100px; font-weight: bold; margin-bottom: 40px; }
.zc-v2 { background-color: #fff; padding: 40px; margin-bottom: 40px; }
.zc-v2 h2 { font-size: 28px; color: #333333; line-height: 41px; text-align: center; font-weight: bold; }
.zc-e2 { width: 1200px; margin: 60px auto 40px; display: flex; align-items: center; justify-content: space-between; }
.zc-e2 li { text-align: center; position: relative; }
.zc-e2 li:after { width: 373px; background: #F5F5F5; content: ""; display: block; height: 4px; position: absolute; top: 38px; z-index: 0; left: -333px; }
.zc-e2 li:first-child:after { display: none; }
.zc-e2 li span { width: 80px; height: 80px; background: #FAFAFA; border-radius: 40px; display: block; margin-bottom: 16px; padding-top: 16px; position: relative; z-index: 1; }
.zc-e2 li i { width: 48px; height: 48px; background: #EBEBEB; border-radius: 40px; display: block; font-size: 35px; font-weight: bold; line-height: 48px; margin: 0 auto; }
.zc-e2 li em { font-size: 16px; color: #999999; line-height: 23px; display: block; }
.zc-e2 li.active span { background: #F5F8FF; }
.zc-e2 li.active i { background: #4376D1; }
.zc-e2 li.active em { color: #4376D1; }
.zc-e2 li.active:after { background: #4376D1; }
.zc-ts { text-align: left; background: #FFF5F5; margin: 20px 0 60px; padding: 20px; }
.zc-ts h6 { font-size: 14px; font-weight: bold; color: #D14C43; margin-bottom: 16px; }
.zc-ts p { font-size: 14px; color: #666666; line-height: 20px; margin-bottom: 0px; }
.zc-xi .el-form-item { margin-bottom: 30px; }
.zc-xi .el-form-item__label { padding-right: 40px; }
.zc-xi .el-form-item__label:before { display: none; }
.zc-xi .el-radio { height: 40px; border-radius: 8px; border: 1px solid #ccc; margin-right: 20px; }
.zc-xi .el-radio.is-bordered.is-checked { border: 1px solid #4376D1; }
.zc-xi .el-radio__input.is-checked+.el-radio__label { color: #4376D1; }
.zc-xi .el-radio.is-bordered { padding: 0 21px 0 14px; }
.m-left .el-input__wrapper { padding: 2px; }
.m-left .el-button { width: 88px; height: 40px; border-radius: 0px 8px 8px 0px; font-size: 14px; color: #FFFFFF; }
.zc-xi .el-radio__input { display: none; }
.zc-v1 .el-input { height: auto; }
.m-left .el-input__inner { width: 400px; height: 40px; background: #FFFFFF; border-radius: 8px 8px 8px 8px; border: 1px solid #CCCCCC; color: #666; font-size: 14px; padding: 0 100px 0 12px; }
.m-left .el-input-group__append button.el-button { background: #4376D1; color: #fff; }
.m-left .el-input-group__append { background: none; box-shadow: none; position: absolute; top: 2px; right: 0; padding: 0; }
.m-right .el-button { width: 50px; height: 48px; font-size: 14px; margin: 0 0 0 30px; border: none; }
.zc-xi .el-textarea { width: 600px; font-size: 14px; }
.zc-xi .m-left { width: 411px; }
.zc-xi .duse { padding: 10px 0px; text-align: left; }
.zc-xi .duse ul { font-size: 12px; color: #999999; line-height: 22px; }
.zc-xi .duse ul h6 { font-size: 12px; color: #333333; line-height: 30px; }
.zc-sm { margin-left: 20px; color: #4376D1; }
.zc-xi .tuyang .reg-box { width: 100%; }
.zc-xi .tuyang .reg-box .r-top { display: -webkit-box; display: -ms-flexbox; display: flex; }
.zc-xi .tuyang .reg-box .r-top .title { width: 104px; height: 40px; line-height: 40px; border: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 16px; cursor: pointer; color: #333; }
.zc-xi .tuyang .reg-box .r-top .r-active { background: #4376D1; color: #fff; border-color: #4376D1; }
.zc-xi .tuyang .reg-box .r-top .title:nth-child(1) { border-radius: 8px 0 0 8px; }
.zc-xi .tuyang .reg-box .r-top .title:nth-child(2) { border-radius: 0 8px 8px 0; }
.zc-xi .tuyang .reg-box .r-bot { display: -webkit-box; display: -ms-flexbox; display: flex; }
.zc-xi .tuyang .up-bz { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 30px; text-align: left; }
.zc-xi .tuyang .up-bz ul li { color: #999; font-size: 12px; line-height: 22px; }
.zc-ty { font-size: 18px; width: 150px; height: 150px; text-align: center; line-height: 150px; border: 1px dashed rgb(221, 221, 221); }
.r-bot .el-icon { color: #ccc; font-size: 55px; display: block; margin-bottom: 10px; }
.r-bot em { color: #ccc; font-size: 12px; display: block; }
.zc-xi .tuyang .up-bz .slt p { color: #409eff; font-size: 12px; }
.zc-xi .tuyang .up-bz .slt img { -o-object-fit: cover; object-fit: cover; width: 100px; border: 1px dashed rgb(221, 221, 221); padding: 10px; }
.zc-xi .avatar-uploader .el-upload { width: 160px; height: 160px; background: #FAFAFA; border-radius: 12px; border: 1px solid #CCCCCC; border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.zc-xi .avatar-uploader .el-upload:hover { border-color: #4376D1; }
.zc-xi .avatar-uploader-icon { color: #8c939d; width: 300px; height: 120px; line-height: 120px; text-align: center; }
.zc-xi .avatar { width: 300px; height: 120px; display: block; }
.xx-trees { display: flex; align-items: center; justify-content: space-between; width: 100%; color: #333; }
.xx-trees .el-icon { color: #999; font-size: 16px; }
.xx-trees .trees-left { width: 480px; height: 540px; background-color: #FAFBFC; }
.trees-left .el-tree { background: none; padding: 20px 10px; }
.trees-left .el-tree-node__content:hover { background: none; }
.trees-left .el-tree-node__content { margin-bottom: 10px; }
.trees-left .le-inp { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 60px; padding: 0 10px; background-color: #F4F6FA; }
.trees-left .le-inp .el-input { height: 40px; background-color: #fff; }
.trees-left .le-inp .el-input__inner { font-size: 14px; color: #666;}
.trees-left .le-inp .el-button { width: auto; height: auto; margin: 0; }
.trees-left .le-inp .el-input-group__append { width: 50px; box-shadow: none; background: none; }
.trees-left .le-inp .el-button .el-icon { color: #4376D1; }
.xx-trees .trees-left .le-tree { height: 600px; overflow: auto; }
.xx-trees .trees-right { width: 950px; height: 540px; background-color: #FAFBFC; }
.xx-trees .trees-right .right-title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 60px; padding: 0 20px; background: #F4F6FA; color: #333; font-size: 16px; }
.right-content { height: 480px; overflow: auto; padding: 20px; }
.right-content .box { cursor: pointer; font-size: 12px; margin-bottom: 10px; overflow: hidden; }
.right-content .box .box-head { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; position: relative; font-size: 14px; margin-bottom: 20px; }
.box-head span { color: #4376D1; margin-left: 20px; }
.box-head span.zc-close { color: #999; }
.right-content .box .box-qunzu { color: #666; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; padding-left: 20px; }
.right-content .box .box-qunzu .qz-left { -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; line-height: 26px;margin-right: 16px;}
.right-content .box .box-qunzu .qz-right { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.right-content .box .box-qunzu .qz-right .qz-box { border: 1px solid #ddd; line-height: 24px; margin-bottom: 10px; margin-right: 10px; padding: 0 10px; position: relative; }
.right-content .box .box-qunzu .qz-right .qz-box i { display: none; position: absolute; right: -8px; top: -8px; font-size: 12px; width: 15px; height: 15px; border-radius: 20px; background-color: #000; color: #fff; text-align: center; line-height: 15px; opacity: 0.5; padding: 1px 0 0 1px; }
.right-content .box .box-qunzu .qz-right .qz-box-active i { display: block; }
.right-content .box .box-qunzu .qz-right .qz-box-active { border-color: #00a4ff; color: #00a4ff; }
.zc-xb{display: flex; align-items: center;}
.zc-xb .el-button { width: 152px; height: 44px; background: #4376D1; margin: 60px 0 0; font-size: 16px; color: #FFFFFF; border-radius: 0; }
.zc-xb .el-button:first-child{border: 1px solid #CCCCCC; background-color: #fff; color: #333333; margin-right: 20px;}
.el-tree .is-disabled { display: none; }
.zc-vt{ min-height: 260px;}
.zc-v3 .el-icon{ color: #A6A6A6; font-size: 16px;}
.zc-v3 .m-left{ width: 480px; display: flex; align-items: center; }
.zc-v3 .el-select__wrapper{ box-shadow: none; border: 1px solid #ccc;}
.zc-v3 .el-select:first-child .el-select__wrapper{ border-right: none; border-radius: 8px 0 0 8px;}
.zc-v3 .el-select:last-child .el-select__wrapper{ border-left: none; border-radius:0 8px 8px 0;}
.zc-v3 .el-select:first-child .el-select__suffix:after{ width: 1px; height: 24px; margin-left: 5px; background: #EBEBEB; content: ""; display: block;}
.zc-v3 .el-select__wrapper.is-hovering:not(.is-focused){ box-shadow: none;}
.v4-1,.v4-2{display: flex; align-items: center; justify-content: space-between; }
.v4-1 li,.v4-2 li{ width: 16.6666%;}
.v4-1{ height: 60px; background: #F4F6FA; color: #666;}
.v4-2{ background: #FAFBFC; color: #333;}
.v4-2 li .el-image{ width: 80px; height: 80px;}
.v4-2 li .el-image__inner{ height: auto;}
.zc-v5{ text-align: left; margin-top: 60px;}
.zc-v5 p{ color: #333; font-size: 14px; margin: 0;}
.zc-v5 em{ color: #D14C43; font-size: 14px;}
.zc-v5 em b{ font-size: 24px;}
.mt10 .el-button{ margin-top: 10px;}
.zcfx em{ color: #D14C43;}
.zcfx .dialog-footer{display: flex; align-items: center; justify-content: center; margin-top: 40px;}
.zcfx .dialog-footer .el-button { width: 170px; height: 48px; background: #4376D1; font-size: 16px; color: #FFFFFF; border-radius: 10px; }
.zcfx .dialog-footer .el-button:first-child{background: #F5F8FF; border-radius: 10px; border: 1px solid #4376D1; color: #333333;}
.v6-1{height: 60px;background: #FFF5F5; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; }
.v6-1 h6{font-size: 16px; color: #D14C43;}
.v6-1 p{font-size: 14px; color: #333333; margin: 0;}
.v6-2{ border: 1px solid #F0F0F0; padding: 20px;}
.v6-2-1 ul{display: flex; flex-wrap: wrap; margin-bottom: 24px;}
.v6-2-1 li{ width: 50%; font-size: 14px;display: flex; align-items: center; text-align: left; margin-bottom: 16px;}
.v6-2-1 li span{ width: 100px; color: #666;}
.v6-2-1 li p{ margin: 0; color: #333;}
.v6-e,.v6-q{display: flex; align-items: center; justify-content: space-between; }
.v6-e li,.v6-q li{ width: 16.6666%;}
.v6-e{ height: 60px; background: #F4F6FA; color: #666;}
.v6-q{ min-height: 60px; background: #FAFBFC; color: #333;}
.sbfx .el-dialog__headerbtn{ display: none;}
.sbfx h3{ font-size: 16px; color: #333; margin-bottom: 20px; text-align: center;}
.sbfx .dialog-footer .el-button { width: 100%; height: 48px;margin-top: 20px; background: #4376D1; font-size: 16px; color: #FFFFFF; border-radius: 10px; border: none; background: rgba(67,118,209,0.3);}
.sbfx .dialog-footer .el-button.js{ background: rgba(67,118,209,1);}
.el-popover.el-popper{ border-radius: 10px; padding: 0;}
.lg-x-1{display: flex; align-items: center;}
.lg-x-1 .el-image{ width: 32px; height: 32px; margin-right: 8px;}
.lg-x-1 .el-image__inner { width: 32px; height: 32px; border-radius: 20px;overflow: hidden;object-fit:cover}
.lg-x-1 .el-icon{ color: #fff;}
.lg-x-t{ width: 220px; height: 80px; background: url(../images/lg-bg.png) center no-repeat; padding: 20px 16px;display: flex; align-items: center;}
.lg-x-t .el-image{ width: 40px; height: 40px;}
.lg-x-t .el-image__inner { width: 40px; height: 40px; border-radius: 20px;overflow: hidden;object-fit:cover}
.lg-x-t h6{ width: 140px; color: #333333; line-height: 20px; margin-left: 8px;}
.lg-x-t h6 b{font-size: 14px; font-weight: bold; display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.lg-x-t h6 span{font-size: 12px;}
.lg-x-c{ padding-left: 16px;}
.lg-x-c a{height: 60px;display: flex; align-items: center; font-size: 14px; color: #333333;}
.lg-x-c a .el-image{ width: 20px; height: 20px; margin-right: 8px;}
.lg-x-c a:first-child{ border-bottom: 1px solid #EDEDED;}
.sjy-bg{ background-color: #F9FBFF;}
.sjy-bg .el-header{background-color: #3052a6; color: #fff;}
.sjy-bg .zx-h p{ color: #fff;}
.sjy-bg .xq-h .nav .nav_item { color: #fff; opacity: 0.77; }
.sjy-bg .xq-h .nav .nav_item:hover,.sjy-bg .xq-h .nav .nav_item_active { font-weight: bold; opacity: 1; color: #fff; }
.sjy-bgw{ background-color: #fff; padding: 0 40px 40px; margin-bottom: 40px;}
.sjy1 {height: 60px;display: flex; align-items: center; margin-top: 60px;}
.sjy1 a{display: flex; align-items: center; color: #333; font-size: 14px;}
.sjy1 .el-image{ width: 20px; height: 20px;}
.sjy1 h5{ color: #333; font-size: 16px; margin-left: 40px;}
.sjy2 ul { width: 680px; margin: 60px auto 80px; display: flex; align-items: center; justify-content: space-between; }
.sjy2 li { text-align: center; position: relative; color: #fff;}
.sjy2 li:after { width: 600px; background: #F5F5F5; content: ""; display: block; height: 4px; position: absolute; top: 38px; z-index: 0; left: -600px; }
.sjy2 li:first-child:after { display: none; }
.sjy2 li span { width: 80px; height: 80px; background: #FAFAFA; border-radius: 40px; display: block; margin-bottom: 16px; padding-top: 16px; position: relative; z-index: 1; }
.sjy2 li i { width: 48px; height: 48px; background: #EBEBEB; border-radius: 40px; display: block; font-size: 35px; font-weight: bold; line-height: 48px; margin: 0 auto; }
.sjy2 li em { font-size: 16px; color: #999999; line-height: 23px; display: block; }
.sjy2 li.active span { background: #F5F8FF; }
.sjy2 li.active i { background: #4376D1; }
.sjy2 li.active em { color: #4376D1; }
.sjy2 li.active:after { background: #4376D1; }
.sjy3 h5{ color: #333; font-size: 16px; margin-bottom: 20px;}
.sjy4{ margin-bottom: 40px;}
.sjy4 .el-table__header{height: 60px;}
.sjy4 .el-table thead{ color: #666;}
.sjy4 .el-table thead th{ font-weight: normal; font-size: 14px;}
.sjy4 .el-table th.el-table__cell{background: #F4F6FA;}
.sjy4 .el-table td.el-table__cell,.sjy4 .el-table th.el-table__cell.is-leaf{border-bottom:none}
.sjy4 .el-table--fit .el-table__inner-wrapper:before{ background: none;}
.sjy4 .el-checkbox{ margin-left: 20px;}
.sjy4 .el-table__body{ color: #333; font-size: 14px;}
.sjy4 .el-table tr{ height: 100px;}
.sjy4 .el-table tr:nth-child(2n+1){background: #FAFBFC;}
.sjy5{ margin-bottom: 110px;display: flex; align-items: center;}
.sjy5 .el-form-item{ margin-right: 60px;display: flex; align-items: center;}
.sjy5 .el-form-item:last-child{margin-right:0}
.sjy5 .el-input__inner{ height: 40px; width: 320px;}
.sjy6{display: flex; align-items: center; font-size: 14px; color: #333;}
.sjy6 span{ color: #D14C43;}
.sjy6 span b{ font-size: 24px;}
.sjy7{display: flex; align-items: center; font-size: 14px;}
.sjy7 p{ margin: 0 10px;}
.sjy7 a{ color: #4376D1;}
.sjy8 { margin-top: 24px;}
.sjy8 .el-button {width: 152px; height: 44px; background: #FFFFFF; border-radius: 0px; border: 1px solid #CCCCCC; font-size: 16px; color: #333; margin-right: 20px;}
.sjy8 .el-button:last-child{background: #4376D1; color: #fff; border: 1px solid #4376D1;}
.sjy9{border: 1px solid #F0F0F0; padding: 20px; border-top: none; margin-bottom: 100px;}
.sjyt{ height: 60px; background: #FFF5F5; font-size: 14px; color: #333; padding: 0 20px; display: flex; align-items: center; justify-content: space-between;}
.sjyt h6{ font-size: 14px; color: #D14C43;}
.sybn { height: 547px; background: url(../images/sybg.png) center no-repeat; padding-top: 120px; color: #FFFFFF; text-align: center;position: relative;}
.sy-btn{display: flex; align-items: center; justify-content: center;}
.sy-btn .el-button{ margin: 0 10px 20px;}
.sy-btn .el-button:first-child{width: 120px; height: 48px;color: #FFFFFF; background: rgba(255,255,255,0.1); border-radius: 100px; border: 1px solid #FFF;}
.sy1{ width: 100%; height: 72px; background: rgba(255,255,255,0.1); position: absolute; bottom: 0;}
.sy1 ul{ width: 1520px; display: flex; align-items: center; margin: 0 auto;}
.sy1 li{ width: 25%; height: 72px; color: #fff; display: flex; align-items: center;justify-content:center;}
.sy1 li:nth-child(1),.sybn li:nth-child(4){ background: rgba(255,255,255,0.1);}
.sy1 li img{ width: 20px; height: 20px;}
.sy1 li b{ margin: 0 10px 0 5px; font-size: 16px; font-weight: bold;}
.sy1 li span{ font-size: 16px; opacity: 0.8;}
.sy1 li p{ width: 255px; font-size: 14px; line-height: 20px; text-align: left; margin:0 0 0 10px;}
.sy2{display: flex; flex-wrap: wrap;}
.sy2 a{ width: 16.66%; display: flex; align-items: center; justify-content:center; color: #333;font-size: 16px; margin: 30px 0;}
.sy2 a img{ width: 20px; height: 20px; margin-right: 10px;}
.sy2 a:hover{ color: #4376D1;}
.sy3{display: flex; align-items: center; justify-content: space-between; margin: 30px 0 60px;}
.sy3-1{ width: 760px; height: 352px;/*background: linear-gradient( 323deg, #2B3349 0%, #454F59 100%);*/ background: url(../images/sy3-1.png) center no-repeat; color: #FFFFFF; padding: 60px 40px 0 ;}
.sy3-1 h5{font-size: 24px; margin-bottom: 20px;}
.sy3-1 p{font-size: 16px; margin-bottom: 100px;}
.sy3-1 i{ display: block; height: 1px; background:#fff;opacity: 0.16; margin-bottom: 30px;}
.sy3-1 a{width: 110px; height: 40px; background: rgba(255,255,255,0.08); border-radius: 20px; font-size: 14px; color: #fff; display: flex; align-items: center; justify-content:center; }
.sy3-1 a img{ width: 14px; height: 14px; margin-left: 10px;}
/*.sy3-2{background: linear-gradient( 270deg, #1650B8 0%, #6A98FF 100%);}*/
.sy3-2{ background: url(../images/sy3-2.png) center no-repeat;}
.sy4{ height: 1170px; background: url(../images/sybg1.png) center no-repeat;}
.sy4 .j-kf{background: linear-gradient(90deg, #D19843 0%, #FFDAA4 100%);}
.sy4 .el-tabs__nav-wrap:after{ background: none;}
.sy4 .el-tabs__nav-scroll{ width: 970px; margin: 20px auto 45px;}
.sy4 .el-tabs__item{ font-size: 24px; color: #666;}
.sy4 .el-tabs__item.is-active{ font-weight: bold; color: #333;}
.sy4 .el-tabs__active-bar{ background: #4376D1; height: 6px;}
.sy5 .j-jx{background: linear-gradient(90deg, #D14C43 0%, #FFAAA4 100%);}
.syul{display: flex; align-items: center; justify-content:center; }
.syul li{ width: 200px; margin: 20px 80px 40px; text-align: center;}
.syul li h5{ font-weight: bold;font-size: 32px; color: #333;}
.syul li p{font-size: 16px; color: #666;}
.sy5-1{ height: 52px; background: #FFF5F5;display: flex; align-items: center; justify-content: space-between; }
.sy5-1 .el-button{width: 108px; height: 52px; background: #D14C43;border-radius: 0px; border: none;font-size: 14px; color: #fff;}
.sy5-gg{display: flex; align-items: center;}
.sy5-gg img{ width: 16px; height: 16px; margin:0 20px;}
.sy5-gg .el-carousel__container{ width: 1300px; line-height: 52px; color: #D14C43;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.sy5-gg .el-carousel__indicators{ display: none;}
.sy5-2 { margin: 40px auto 60px;}
.sy5-2 a{ color: #333; font-size: 14px;display: flex; align-items: center; justify-content:center; }
.sy5-2 a:hover{ color: #4376D1;}
.sy5-2 a img{ width: 16px; height: 16px; margin-left: 10px;}
.sy6{ height: 141px; background: url(../images/sybg2.png) center no-repeat; padding: 30px 0;}
.sy6 ul{ height: 81px; display: flex; align-items: center; justify-content: space-between; }
.sy6 li{height: 81px;display: flex; align-items: center; color: #fff; border-right: 1px solid #9FCBFD; padding-right: 100px;}
.sy6 li:last-child{ border: none;}
.sy6 li .sy6-1{ width: 80px; height: 80px; margin-right: 24px;}
.sy6 li p{font-size: 20px; margin-top: 10px;}
.sy6 li span{ font-size: 14px;}
.sy6 li span b{font-size: 28px; font-weight: bold;}
.sy6 li a{font-size: 20px; color: #fff; display: flex; align-items: center;}
.sy6 li a img{ width: 16px; height: 16px; margin-left: 10px;}
.sy7{ height: 820px; background: url(../images/sybg1.png) center no-repeat;}
.sy7 img{ margin-top: 80px;}
.sy8-1{display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px;}
.sy8-1 li{ width: 280px; height: 320px; position: relative; overflow: hidden;}
.sy8-1 .sy8-tt{ width: 280px; height: 48px; background: rgba(0,0,0,0.3); padding: 0 8px; position: absolute; left: 0; bottom: -48px;display: flex; align-items: center; justify-content: space-between;}
.sy8-1 .sy8-tt p{ font-size: 16px; color: #fff;}
.sy8-1 .sy8-tt img{ width: 16px; height: 16px; margin-right: 5px;}
.sy8-1 .sy8-tt .el-button{width: 100px; background: #F5F8FF; border: 1px solid #4376D1; color: #4376D1; font-size: 14px;}
.sy8-1 li:hover .sy8-tt{ -webkit-animation: myfirst1 0.5s forwards; animation: myfirst1 0.5s forwards; }
@keyframes myfirst1 {100% {bottom: 0;}}
.sy8-2{display: flex; align-items: center; justify-content: space-between; margin-bottom: 60px; padding: 0 40px; height: 120px; background: linear-gradient( 180deg, #F1F5FA 0%, #F7FAFC 100%);}
.sy8-2 li{display: flex; align-items: center;}
.sy8-2 li img{ width: 60px; height: 60px; margin-right: 16px;}
.sy8-xx p{font-size: 28px; color: #333; font-weight: bold;}
.sy8-xx span{font-size: 14px; color: #999;}
.sy9{ height: 880px; background: url(../images/sybg4.png) center no-repeat;}
.sy9 .el-tabs__nav-wrap:after{ background: none;}
.sy9 .el-tabs__nav-scroll{ width: 700px; margin: 50px auto 45px;}
.sy9 .el-tabs__item{ font-size: 24px; color: #666; margin-right:200px; padding: 0;}
.sy9 .el-tabs__item:last-child{ margin-right: 0;}
.sy9 .el-tabs__item.is-active{ font-weight: bold; color: #333;}
.sy9 .el-tabs__active-bar{ background: none;}
.sy9 li a{ height: 80px; background: rgba(255,255,255,0.3);line-height: 80px; color: #333;font-size: 16px; margin-bottom: 20px; display: block;}
.sy9 li a:hover{ background: rgba(255,255,255,0.6);}
.sy9 li a:hover::before{ content: ""; width: 4px; height: 80px; background-color: #4376D1; float: left;}
.sy9 li a:hover p{ color: #4376D1;}
.sy9 li a p{ width: 1300px; margin-left: 20px; float: left;}
.sy9 li time{ float: right; margin-right: 20px;}
.sy0 { height: 362px; background: url(../images/sybg3.png) center no-repeat; padding-top: 60px; color: #FFFFFF; text-align: center; }
.sy0 h3 { font-size: 36px; line-height: 52px; margin-bottom: 20px; }
.sy0 h6{font-size: 16px;}
.sy0 p { font-size: 24px; margin: 36px 0 16px; }
.sy0 button { width: 224px; height: 60px; background: #FFFFFF; border-radius: 8px 8px 8px 8px; color: #4376D1; font-size: 24px; }
.cj1 h6{display: flex; align-items: center;}
.cjr{width: 76px; height: 24px; background: #FFFFFF;font-size: 12px; color: #999; margin-left: 30px; border-radius: 4px; border: 1px solid #EDEDED;display: flex; align-items: center; justify-content: center;}
.cjr h5{color: #4376D1;}
.bzj{ background-color: #fff; padding: 20px; margin-bottom: 80px;}
.bzj1{width: 1480px; height: 134px; background: #F4F6FA; padding: 30px 20px; margin-bottom: 40px;}
.bzj1 p{ font-size: 16px; color: #333333; line-height: 23px; margin-bottom: 16px;}
.bzj1 p b{ font-size: 20px; color: #4376D1;}
.bzj1 p span{ font-size: 20px; color: #D14C43;}
.bzj2 h4{font-size: 20px; color: #333; font-weight: bold; margin-bottom: 30px;}
.bzj2 .el-input{ width: 320px; height: 40px;}
.bzj2 .el-input__wrapper{border-radius: 8px;}
.bzj2 .el-select{ width: 160px; height: 40px;}
.bzj2 .el-select__wrapper{ width: 160px; height: 40px;border-radius: 8px 0 0 8px;}
.bzj2-1{display: flex; align-items: center;}
.bzj2-1 .el-input__wrapper{border-radius:0 8px 8px 0;}
.bzj2 .el-form{ margin-bottom: 150px;}
.bzj3 .el-checkbox__inner{ width: 16px; height: 16px; border-radius: 50px;}
.bzj4 {display: flex; align-items: center; margin-top: 10px;}
.bzj4 .el-button{width: 124px; height: 44px; background: #4376D1; border-radius: 0; border: none; font-size: 16px; color: #fff; margin-right: 20px;}
.bzj4 p{font-size: 14px; color: #333;}
.bzj4 i{ color: #D14C43;}
.bzj4 i b{ font-size: 24px; font-weight: bold;}
.fwtc .dialog-footer{display: flex; align-items: center; justify-content: center; margin-top: 40px;}
.fwtc .dialog-footer .el-button { width: 240px; height: 48px; background: #4376D1; font-size: 16px; color: #FFFFFF; border-radius: 10px; border: none;}
.fwtc .el-dialog__header.show-close{ padding-right: 0; margin-bottom: 10px;}
.fwtc .el-dialog__headerbtn .el-dialog__close{ font-size: 20px; color: #333;}
.fwtc .el-dialog__body{ padding: 0 40px 20px;}
.fwtc .el-input{ width: 240px; height: 40px;}
.fwtc p{color: #4376D1; font-size: 12px; text-align: center;}
.cjtc1 .dialog-footer{display: flex; align-items: center; justify-content: center; margin-top: 40px;}
.cjtc1 .dialog-footer .el-button { width: 160px; height: 48px; background: #4376D1; border: 1px solid #4376D1; font-size: 16px; color: #FFFFFF; border-radius: 10px; }
.cjtc1 .dialog-footer .el-button:first-child{background: #fff;border: 1px solid #EDEDED; color: #333333;}
.cjtc1 .el-dialog__header.show-close{ padding-right: 0; margin-bottom: 10px;}
.cjtc1 .el-dialog__headerbtn .el-dialog__close{ font-size: 20px; color: #333;}
.cjtc1 .el-dialog__body{ padding: 0 0 20px;}
.cjtc1 p{color: #333333; font-size: 14px; margin-bottom: 20px;}
.cjtc1 h6{ font-size: 14px; color: #666;}
.cjtc1 h6 b{ font-size: 20px; color: #D14C43;}
.cjtc1 p.m16{ margin-bottom: 5px;}
.cjtc-sj{display: flex; align-items: center; border-bottom: 1px solid #EDEDED; padding-bottom: 20px; margin-bottom: 40px;}
.cjtc-sj img{ width: 36px; height: 36px; margin-right: 10px;}
.sj1{display: flex; align-items: center;}
.sj1 i{ font-size: 48px; color: #ccc; font-style: italic; margin-right: 8px;}
.sj1 h6 span{font-size: 12px; color: #ccc; display: block;}
.sj1 h6 em{font-size: 16px; color: #ccc; display: block;}
.sj2{display: flex; align-items: center;}
.sj2 i{ font-size: 48px; color: #333; font-style: italic; margin-right: 8px;}
.sj2 h6 span{font-size: 12px; color:#4376D1; display: block;}
.sj2 h6 em{font-size: 16px; color: #333; display: block;}
.sj-l{ width: 1px; height: 40px; background-color: #D8D8D8;transform: rotate(10deg); margin: 0 15px;}
.cjtc-xg{display: flex; align-items: center;}
.cjtc-xg em{ color: #4376D1; margin-left: 8px;}
.cjtc-xg .el-checkbox__inner{ width: 16px; height: 16px; line-height: 16px; border-radius: 50px; margin-right: 8px;}
.cjtc-xg .el-checkbox__input.is-checked .el-checkbox__inner{ border: 5px solid #4376D1; background: none;}
.cjtc-xg .el-checkbox__input.is-checked .el-checkbox__inner:after{ display: none;}
.cjtc3 .el-dialog__headerbtn .el-dialog__close{ font-size: 20px; color: #fff;}
.cjtc3{ padding: 0; border-radius: 10px; overflow: hidden;}
.cjtc3 .el-dialog__header{ padding: 0;}
.cjtc3 h5{width: 400px;height: 70px; color: #fff; font-size: 16px; background: #4376D1;display: flex; align-items: center; justify-content: center; }
.cjtc3 h5 img{ width: 24px; height: 24px; margin-right: 8px;}
.cjtc3 .dialog-footer .el-button { width: 360px; height: 48px; background: #4376D1; font-size: 16px; color: #FFFFFF; border-radius: 10px; border: none; margin:20px;}
.cjx { width: 100%; padding: 20px;}
.cjx1{width: 360px; height: 88px; background: #F5F8FF; border-radius: 10px; border: 1px solid #4376D1; padding: 16px 20px;}
.cjx1 p {font-size: 14px; color: #333; line-height: 24px;}
.cjx1 p:first-child{ margin-bottom: 8px;}
.cjx1 i{ width: 90px; text-align: justify; display:block;}
.cjx1 p b{ font-weight: bold;}
.cjx2 {margin: 20px 0 0;}
.cjx2 p{ font-size: 12px; color: #999;}
.cjx2 p span{ color: #4376D1;}
.cjx2 p:first-child{ margin-bottom: 8px;}
.jpjs1{ height: 188px;}
.jpjs1 ul{width: 780px; height: 40px; line-height: 40px; padding: 0 10px; background: #FFFFFF; display: flex; flex-wrap: wrap; margin:10px;}
.jpjs1 li{ margin-right: 60px; color: #999;}
.jpjs1 li b{ color: #333;}
.jpjs1 .el-button{width: 124px; height: 44px; background: #4376D1; border-radius: 0px; border: none;font-size: 16px; color: #fff; margin-left: 10px;}
.jpjl{ height: auto; padding-bottom: 50px;}
.jpjl li{ width: 1200px; height: 60px; padding-left:100px;color: #999999; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #F5F5F5;}
.jpjl li:first-child{border-bottom: 1px solid #EDEDED; color: #666;}
.jpjl li.on{color: #4376D1;}
.jpjl li p{ width: 180px; text-align: center;}
.jpjl li p:last-child{ width: 460px;}
.jpjl li p em{ color: #fff;width: 36px; height: 24px; background: #CCCCCC; border-radius: 4px; display: inline-block;}
.jpjl li.on em{background: #4376D1;}
.jpjl a{font-size: 14px;color: #666666; display: block; text-align: center; margin-top: 20px;}
.sf-cta{ text-align: right;}
.sf-cta a{color: #666666;font-size: 14px;}
.gd-bg{ background-color: #F7F9FC;}
.sbgd{ background-color: #fff; margin-bottom: 40px;}
.sbgd .el-breadcrumb{ padding: 20px 0 0 20px;}
.gdlb ul { display: flex; flex-wrap: wrap; margin-bottom: 70px;}
.gdlb li { width: 304px; height: 215px; background: #FFFFFF; color: #333;padding: 20px;border-right:1px solid #F5F5F5;border-top:1px solid #F5F5F5;}
.gdlb li:nth-child(5n) { border-right: 0; }
.gdlb li:nth-child(1),.gdlb li:nth-child(2),.gdlb li:nth-child(3),.gdlb li:nth-child(4),.gdlb li:nth-child(5){ border-top: 0; }
.gdlb li h4 { font-size: 16px; font-weight: bold; }
.gdlb li p { font-size: 12px; line-height: 17px; margin: 8px 0 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.gdlb li em { font-size: 12px; color: #D14C43; display: block; margin-bottom: 15px; font-family: Source Han Sans, Source Han Sans; }
.gdlb li em b { font-size: 18px; font-weight: bold; }
.gdlb li button { width: 100%; height: 44px; font-size: 16px; font-weight: bold; color: #4376D1; background: #FAFCFF; border: 1px solid #4376D1; }
.sbgd .zx-ym{ width: auto;}


.xynr .el-header{background: rgba(255, 255, 255, 1);}
.xy-1{background-color: #F9FBFF;}
.xy-1 h5{ margin-top: 60px;line-height: 60px; font-size: 14px; color: #333;}
.w-1000{ width: 1000px; margin:0 auto;}
.xy-2{ padding: 40px 0;}
.xy-2 h2{font-size: 24px; font-weight: bold; text-align: center;margin-bottom: 40px;}
.xy-2 h3{font-size: 20px; font-weight: bold;margin-bottom: 30px;}
.xy-2 h4{font-size: 16px; font-weight: bold;margin-bottom: 30px;}
.xy-2 p{ margin-bottom: 30px;}
.xy-2 b{ font-weight: bold;}
.mt80{ margin-top: 80px; padding: 20px 20px 60px;}
.sjy3 h4{ font-size: 20px; margin-bottom: 30px;}
.el-input-group__append, .el-input-group__prepend{ background: none;}
.yz1 .el-form{ margin-bottom: 80px;}
.yz1 .el-form-item__label{ margin-right: 20px;}
.yz1 .el-input-group__append button.el-button{color: #4376D1;}
.yz1-1 .el-input__wrapper{ box-shadow: none; border: 1px solid #dcdfe6; border-right: 0;}
.yz2 { margin-top: 24px;}
.yz2 .el-button {width: 152px; height: 44px;background: #4376D1; color: #fff; border: 1px solid #4376D1; border-radius: 0px; font-size: 16px; margin-right: 20px;}
.yz2 .el-button:last-child{ background: #FFFFFF; border: 1px solid #CCCCCC; color: #333;}
.yz3{ margin: 80px 0 30px;}
.yz3-1{width: 56px; height: 56px; background: linear-gradient(270deg, #18C7CC, #2DE1D5); border-radius: 120px; margin: 0 auto; color: #fff; font-size: 40px;}
.yz4{ text-align: center;}
.yz5 .el-button{width: 152px; height: 44px; background: #4376D1; border: none; border-radius: 0px; margin: 60px auto 16px; display: block; color: #fff; font-size: 16px;}
.yz6{ text-align: center; color: #999;}
.sfzitem .avatar-uploader{overflow: hidden;}
.sfdd a{ font-size: 14px; color: #333;}
.sfdd .el-form-item__content{justify-content:end}
.sfdd {margin-bottom: 0;}
.aizl{width: 48px; height: 132px; background: #FFFFFF; padding: 12px 4px; box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08); border-radius: 100px; position: fixed; right: 20px; bottom: 120px; text-align: center;}
.AI1 .el-overlay{ background: none;}
.AI1 .el-dialog{ position: fixed; bottom: 20px; right: 92px; margin: 0; border-radius: 20px; padding: 0;}
.AI1 .el-dialog__header{ display: none;}
.AI1 .el-dialog__body{ color: #333;}
.AI2{ height: 800px; overflow-y: auto; background: url(../images/ai10.png) no-repeat; position: relative;}
.AI3{ height: 72px; padding: 0 20px;}
.AI3 .el-button{ border: none; background: none; padding: 0; margin: 0 0 0 20px;}
.AI3 .AI-btn{width: 92px; height: 32px; background: #EBEFF5; border-radius: 6px;}
.AI3 .AI-btn img{ margin-right: 5px;}
.AI4{ margin: 50px 0 20px;}
.AI5{ text-align: center;}
.AI5 h4{ font-size: 20px; margin-bottom: 12px;}
.AI5 h4 em{ margin-left: 16px; font-weight: bold;background: linear-gradient(90deg, #4376D1 0%, #D14C43 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.AI5 p{ color: #666;}
.AI6{width: 400px; height: 80px; border-radius:15px; border: 1px solid #EDEDED; margin: 20px auto 0; padding: 0 20px;}
.AI6-1 img{ margin-right: 20px;}
.AI6-1 h5 b{ font-size: 14px; display: block; margin-bottom: 10px;}
.AI6-1 h5 p{ color: #999; font-size: 12px;}
.AI6 .el-button{ background: none; border: none;}
.AI7{ position:absolute; bottom: 20px; left: 40px;width: 480px;}
.AI7-1{width: 98px; height: 32px; background: #FFFFFF; border-radius:20px; border: 1px solid #EDEDED; margin-bottom: 20px; color: #ccc;}
.AI7-1.ad{ background-color: #ecf5ff; border: 1px solid #409eff;color: #409eff;}
.AI7-1 img{ margin-right: 5px;}
.AI7-2 .el-input__wrapper{width: 480px; height: 48px; padding-right: 40px; background: #FFFFFF; border-radius: 40px; border: 1px solid linear-gradient(270deg, rgba(67.00000360608101, 118.00000056624413, 209.00000274181366, 1), rgba(209.00000274181366, 76.0000030696392, 67.00000360608101, 1)) 1 1; box-shadow: 0px 0px 20px 0px rgba(209,76,67,0.1);}
.AI7-2 .el-button{ background: none; border: none; position: absolute; bottom: 10px; right: 8px; padding: 0;margin: 0;}
.AI7 em{ width: 100%; display: block; text-align: center;font-size: 12px; color: #999;}
.AI7 em a{ color: #4376D1; margin-left: 10px;}
.AI8{width: 560px; height: 400px; background: #FFFFFF; box-shadow: 0px 2px 16px 0px rgba(67,118,209,0.16); padding: 20px; overflow-y: auto;}
.AI8::-webkit-scrollbar {width: 2px;}
.AI8::-webkit-scrollbar-track {background: #dae9ff;}
.AI8::-webkit-scrollbar-thumb {background: #ebf3ff;border-radius: 5px;}
.AI8::-webkit-scrollbar-thumb:hover {background: #b5d3ff;}
.AI8 a{width: 518px; height: 48px; background: #fff; border-radius: 6px; color: #333; padding: 0 10px; margin-bottom: 15px;}
.AI8 a.on{ background: #F5F7FA;}
.AI8 a.on p{ color: #4376D1;}
.AI8 em{ display: block; text-align: center;font-size: 12px; color: #999;}
.AI9{ padding: 20px;overflow-y: auto; height: 570px;}
.AI9::-webkit-scrollbar {width: 2px;}
.AI9::-webkit-scrollbar-track {background: #dae9ff;}
.AI9::-webkit-scrollbar-thumb {background: #ebf3ff;border-radius: 5px;}
.AI9::-webkit-scrollbar-thumb:hover {background: #b5d3ff;}
.AI9-1{ display: flex; align-items:flex-start; margin-bottom: 15px;}
.AI9-a{width: 32px;height: 32px; overflow: hidden; background: linear-gradient( 180deg, #205CC8 0%, #4376D1 100%);border-radius:40px; text-align: center; margin-right: 10px;}
.AI9-a .el-icon{ color: #fff; font-size: 24px; padding-top: 10px;}
.AI9-a img{ width: 100%;object-fit: cover;}
.AI9-b{ width: 475px; background: #F5F7FA; border-radius:6px; padding: 10px;}
.AI9-c{ width: 475px; background: #fff; padding: 10px;}
.AI9-d{width: 32px;height: 32px; overflow: hidden;}
.AI9-d img{ width: 100%;object-fit: cover;}



 
        /* Ai返回内容处理样式 */
        .chat-container {
            max-width: 1200px;
            margin: 20px auto;
             
            display: flex;
            flex-direction: column;
        }

        .messages {
            flex: 1;
            overflow-y: auto;
            padding: 20px;
            background: #f5f7fa;
            border-radius: 4px;
            margin-bottom: 20px;
            height:500px;
        }

        .message-item {
            margin-bottom: 20px;
            max-width: 80%;
        }

        .user-message {
            margin-left: auto;
            background: #409eff;
            color: white;
        }

        .assistant-message {
            background: white;
            border: 1px solid #ebeef5;
        }

        .message-content {
            padding: 12px 16px;
            border-radius: 4px;
            box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
        }

            .message-content h3 {
                color: #409eff;
                margin: 10px 0;
                font-size: 16px;
            }

            .message-content pre {
                background: #f8f8f8;
                padding: 12px;
                border-radius: 4px;
                border: 1px solid #e4e7ed;
                overflow-x: auto;
            }

            .message-content code {
                font-family: 'Courier New', monospace;
                font-size: 14px;
            }

        .timestamp {
            font-size: 12px;
            color: #909399;
            margin: 4px 0;
        }

        /* 增加结构化样式 */
        .section-title {
            color: #409eff;
            border-bottom: 2px solid #ebeef5;
            padding-bottom: 8px;
            margin: 24px 0 16px;
        }

        .subsection-title {
            color: #67c23a;
            margin: 18px 0 12px;
        }

        /* 推理过程样式 */
        .reasoning-section {
            background: #f8f9fa;
            border-radius: 8px;
            padding: 16px;
            margin-top: 20px;
            border: 1px solid #e4e7ed;
        }

        .reasoning-content {
            color: #8b8b8b;
            line-height: 1.6;
            white-space: pre-wrap;
            font-size: 12px;
            border-left: solid 2px #cdcdcd;
            padding-left: 10px;
        }

        .analysis-point {
            margin: 12px 0;
            padding: 12px;
            background: #f8f9fa;
            border-radius: 6px;
            border-left: 4px solid #409eff;
        }

        .point-number {
            display: inline-block;
            width: 28px;
            height: 28px;
            line-height: 28px;
            text-align: center;
            background: #409eff;
            color: white;
            border-radius: 50%;
            margin-right: 12px;
        }

        .point-content {
            display: inline-block;
            width: calc(100% - 40px);
            vertical-align: top;
        }

        pre {
  padding: 1em;
  border-radius: 4px;
  background: #f8f8f8;
  overflow-x: auto;
}

.json-key { color: #d73a49; }
.json-string { color: #22863a; }
.json-number { color: #005cc5; }
.json-boolean { color: #6f42c1; }
.json-null { color: #707070; }

/* 暗色主题适配 */
.dark-mode pre { background: #2d2d2d; }
.dark-mode .json-key { color: #ff7b72; }

/* 不同列表类型样式 */
.decimal-list { /* 1. 2. 3. */ }
.number-list  { /* 1、2、3、 */ }
.chinese-list { /* 中文序号 */ }

/* 中文序号特殊处理 */
.chinese-list li::before {
    content: counter(...); /* 动态生成中文编号 */
}
        /* 暗色主题 */
        [data-theme='dark'] li {
            color: #f8f9fa;
        }
/* Ai返回内容处理样式 */


.lo-rg1 { width: 720px; height: 600px; padding: 0; background: linear-gradient( 180deg, #EBF2FF 0%, #FFF7EB 51%, #FFFFFF 100%); border-radius: 10px; }
.lo-rg1 .el-dialog__header { padding: 0; }
.lo-rg1 .el-dialog__header button { width: 24px; height: 24px; padding-top: 3px; text-align: center; border-radius: 20px; background-color: #fff; right: -40px; }
.lo-rg1 .el-dialog__header .el-icon { color: #333; font-size: 18px; }
.rg-top1 { width: 720px; height: 48px; display: flex; justify-content: space-between; position: relative; background-color: #eef3fc; }
.rg-top1::before { content: ""; width: 48px; height: 48px; background-color: #4376D1; position: absolute; top: 0; right: 70px; }
.rg-top1::after { content: ""; width: 48px; height: 48px; background-color: #eef3fc; position: absolute; top: 0; left: 645px; }
.rg-top1 em { width: 50px; height: 48px; background-color: #4376D1; position: absolute; right: 0; top: 0; }
.jeBtn1 { background-color: #eef3fc; padding: 0 10px; width: 645px; border-radius: 500px 500px 0 500px; z-index: 10; padding-left: 20px; }
.lo-lgn1 { height: 455px; }
.lo-lgn1 .el-tabs__header { width: 168px; margin: 0 auto; }
.lo-lgn1 .el-tabs__item { font-size: 16px; color: #999; }
.lo-lgn1 .el-tabs__active-bar { width: 84px; background-color: #4376D1; }
.lo-lgn1 .el-tabs__nav-wrap:after { display: none; }
.lo-lgn1 .el-tabs__item.is-active { color: #4376D1; }
.smli{width: 1px; height: 286px; background: linear-gradient( 180deg, rgba(67,118,209,0) 10%, #D7DEEB 52%, rgba(67,118,209,0) 91%); border-radius: 10px; opacity: 0.6; margin: 0 40px;}
.smdl{display: flex; flex-direction: column; align-items: center; }
.smdl h5{ color: #999; font-size: 16px; line-height: 40px;}
.sm-img{ width: 200px; height: 200px; background-color: #fff; border-radius: 20px; margin: 20px 0; padding: 10px; }
.sm-img .el-image{ width: 180px; height: 180px;overflow: hidden;}
.sm-img img{ width: 100%; object-fit: cover;}
.smdl p{ font-size: 12px; color: #999;}
.lo-rg2 { width: 400px; padding: 20px; border-radius: 10px; }
.lo-rg2 .el-dialog__header { padding: 0; }
.lo-rg2 .el-dialog__header button { width: 24px; height: 24px; padding-top: 3px; text-align: center; border-radius: 20px; background-color: #fff; right: -40px; }
.lo-rg2 .el-dialog__header .el-icon { color: #333; font-size: 18px; }
.lo-rg2 .rg-by .el-input__wrapper{background: #F5F8FF;border-radius: 10px;}
.lo-rg2 .rg-by .el-input-group{background: #F5F8FF;border-radius: 10px;}
.lo-rg2 .rg-by .el-input-group__append, .lo-rg2 .rg-by .el-input-group__prepend{background: #F5F8FF;}
.lo-rg2 .rg-by h3{ margin-top: 20px;}
.lo-rg2 .rg-by b{color: #999999; display: block; text-align: center;}
.lo-rg2 .zc-btn { width: 360px; height: 48px; background: #4376D1; border-radius: 10px; font-size: 16px; color: #FFFFFF; border: 1px solid #4376D1; margin-top: 20px;}
.zs1{ width: 100%;color: #999999; text-align: center;}

/* 国际商标 */
.container{ position: relative;}
.gjbn { background: url(../images/gj_bg.png) center no-repeat; height: 475px;}
.gjbn button{ width: 192px; height: 50px; position: absolute; top: 320px;left: 0; background: none;}
.gj-1{background: url(../images/gj_bg1.png) center no-repeat; height: 908px;}
.gj-c{ width: 1520px; background-color: #fff; display: flex; align-items: flex-start;}
.gj-l{ width: 1120px;display: flex;}

.sidebar { width: 200px; height: 660px; background: url(../images/gj1.jpg) center bottom no-repeat #4376D1;color: white; padding: 30px 0;}
.content {flex: 1;}
.nav-item {width: 150px; height: 60px; padding:10px 0 0 40px;line-height: 20px; margin-bottom: 15px; cursor: pointer;transition: all 0.3s ease;position: relative;}
.nav-item:hover {width: 230px; background: linear-gradient( 90deg, #0F4BB8 0%, #4789FF 100%); border-radius: 0 30px 30px 0;}
.nav-item.active {width: 230px; background: linear-gradient( 90deg, #0F4BB8 0%, #4789FF 100%); border-radius: 0 30px 30px 0;}
.nav-item i {width: 23px; height: 23px; position: absolute; right: 18px; top: 18px; display: none;}
.nav-item:hover i{ display: block;}
.nav-item.active i{ display: block;}
.nav-item i img{ width: 100%;}
.nav-item span{ display: block;}
.nav-item em{ display: block;}
.content-section { padding:40px 0 0 80px; display: none;animation: fadeIn 0.6s ease forwards;}
.content-section.active {display: block;}
.content-section ul{ width: 760px; height: 560px; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between;}
.content-section li{ width: 160px;}
.content-section li .gj4{width: 160px; height: 112px; overflow: hidden;}
.content-section li img{ width: 100%;}
.content-section li p{font-size: 14px; color: #333; margin-top: 30px; text-align: center;}

.info-tab1 { width: 100%; background: #F9FBFF; margin-bottom: 20px; }
.info-tab1 .info-tab_item { color: #333; float: left; font-size: 17px; padding: 16px 25px; }
.info-tab1 .info-tab_item_active { color: #587aea; position: relative; }
.info-tab1 .info-tab_item_active:after { background: #587aea; bottom: 0; content: ""; display: block; height: 3px; position: absolute; width: 65px; }
.cot2e{display: flex;align-items:flex-start;}
.cot2-i{width: 160px; height: 112px; overflow: hidden; margin-right: 25px;}
.cot2-i img{ width: 100%;}
.cot2e p{color: #666666;width: 1087px;}
.cot3e { margin-top: 50px;}
.cot3e p { font-size: 14px; color: #666666; margin: 20px 0 5px;}

.gj-r{ width: 400px; border-left: 1px solid #EBEFF5;}
.gj-2{height: 628px;background: #F4F6FA;}
.gj-2-1 ul{display: flex; align-items: center; justify-content: space-between;}
.gj-2-1 li{width: 280px;height: 350px;background: #FFFFFF;border-radius: 12px;}
.gj-2-2{ position: relative;height: 200px;overflow: hidden;}
.gj-2-e{ height: 200px;position: absolute;}
.gj-2-v{ width: 100%; height: 200px; background: rgb(67, 118, 209,0.6); position: absolute; bottom: -200px;}
.gj-2-1 li:hover .gj-2-v{ -webkit-animation: myfirst 0.2s forwards; animation: myfirst 0.2s forwards;}
@keyframes myfirst {
0% {
bottom: -200px;
}

100% {
bottom: 0;
}
}
.gj-2-v img{ display: block; margin: 70px auto 0;}
.gj-2-3{ text-align: center;}
.gj-2-3 h4{font-size: 16px; color: #333; margin: 30px 0 15px;}
.gj-2-3 p{font-size: 14px; color: #666;}
.gj-3{background: url(../images/gj_bg2.png) center bottom no-repeat; height: 520px;}
.gj5{ height: 160px;}
.gj5-1 { width: 400px; }
.gj5-1 img{ width: 100%;}
.gj5-2{ margin-top: 97px;}
.gj5-2 .jp-1 span{font-size: 24px; margin-left: 0;}
.gj5-2 button { width: 124px; height: 44px; background: #4376D1; font-size: 16px; color: #FFFFFF; margin-top: 10px;}
.gj-cl{display: flex; align-items: center; justify-content: space-between;}
.gj-cl a{font-size: 14px;color: #4376D1;}
.gj5-r { width: 240px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 20px;}
.gj5-r .gm-r-ig { height: 130px; position: relative; margin-bottom: 20px; }
.gj5-r .gm-r-ig .gm-tx { width: 120px; height: 120px; border-radius: 96px; border: 4px solid #EBF2FF; display: block; }
.gj5-r .gm-r-ig span { width: 88px; height: 28px; font-size: 14px; color: #fff; background: linear-gradient( -270deg, #D19843 0%, #FFDAA4 100%); border-radius: 14px 14px 14px 14px; position: absolute; left: 50%; top: 100px; margin-left: -44px; display: flex; align-items: center; justify-content: center; }
.gj5-r .gm-r-ig span img { width: 14px; height: 14px; margin-right: 3px; }
.gj5-r h4 { font-size: 20px; font-weight: bold; color: #333; line-height: 30px; }
.gj5-r span {font-size: 14px; color: #999; line-height: 20px; margin: 8px auto; }
.gj5-r button { width: 144px; height: 44px; background: #FFFFFF; border: 1px solid #4376D1; font-size: 16px; color: #4376D1; font-weight: bold; margin-bottom: 20px; }
.gj5-r em { font-size: 12px; color: #333333; margin-top: 8px; }
.gj5-r .xq-ewm { width: 180px; height: 180px; }
.gj5-3{background: #F9FBFF;}
.sbxq3 .gj6{display: flex; }
.gj6-r{width: 1320px;}

.sidebarw { width: 180px; height: 660px; background:#fff;color: #333333; padding: 30px 0;}
.nav-itemw {width: 180px; height: 36px;line-height: 36px; margin-bottom: 8px; cursor: pointer;transition: all 0.3s ease;position: relative; padding-left: 56px;}
.nav-itemw:hover {width: 180px; background:#f9f9f9; }
.nav-itemw.active {width: 180px; background:#F0F2F5;}
.nav-itemw.active::before {content: '';position: absolute;left: 0;top: 0;height: 100%;width: 4px;background: #4376D1;}
.gj-w{ color: #4376D1; display: flex; align-items: center; justify-content: center; padding-bottom: 15px; border-bottom: 1px solid #EDEDED; margin-bottom: 8px;}
.gj-w img{width: 18px;height: 18px;}
.gj-w p{ font-size: 14px; margin: 0 20px 0 5px;}
.content-section {display: none;animation: fadeIn 0.6s ease forwards;}
.content-section.active {display: block;}