/* news */ html, body { height: auto; } a { text-decoration: none; } .wrap-hz { background: #fff; } .news-li { width: 100%; position: relative; background: #fff; border-bottom: 1px solid #d9d9d9; padding: 10px 40px 20px; box-sizing: border-box; } .news-icon { position: absolute; width: 8px; left: 27px; top: 19px; } .news-txt { font-size: 20px; color: #000000; line-height: 1.5; } .news-time { color: #808080; font-size: 16px; margin-top: 15px; } .news-ul { margin-top: 40px; } .news-btnbox { width: 232px; margin: 40px auto 0; overflow: hidden; position: relative; } .news-prev2 { width: 30px; float: left; cursor: pointer; } .news-prev { width: 30px; float: left; margin-right: 17px; cursor: pointer; } .news-next2 { width: 30px; float: right; cursor: pointer; } .news-next { width: 30px; float: right; margin-left: 17px; cursor: pointer; } .news-page { width: 50px; height: 100%; position: absolute; left: 50%; transform: translate(-50%); display: flex; top: 0; text-align: center; align-items: center; justify-content: center; } .news-page div { flex: 1; font-size: 16px; color: #898989; } .news-page div span { color: #e60012; } .news-btnbox img { display: block; } .news-li:hover { background: #f7f7f7; } .news-li:hover .news-txt { color: #8a0780; } /* about */ .about-box { overflow: hidden; margin-top: 60px; } .about-btn { width: 335px; float: left; background: #f7f7f7; padding: 30px 0; box-sizing: border-box; border-top: 3px solid #8a0780; z-index: 20; } .about-us { font-size: 24px; color: #333; padding-left: 30px; } .activeshow { display: block; } .activehide { display: none; } .about-btnbox { margin-top: 20px; } .about-btnbox li { display: flex; cursor: pointer; align-items: center; padding-left: 30px; padding-top: 8px; padding-bottom: 10px; } .about-btnbox li p { width: 20px; } .about-btnbox li div { font-size: 18px; margin-left: 15px; } .about-btnbox li.active .activehide { display: block; } .about-btnbox li.active .activeshow { display: none; } .about-btnbox li.active div { font-weight: bold; color: #8a0780; } .about-btnbox li.active { background: rgba(138, 7, 128, 0.06); } .about-itemsbox { width: 995px; float: right; padding: 0 20px 20px; box-sizing: border-box; } .about-tit { width: fit-content; margin: 0 auto; font-size: 32px; color: #333333; } .about-tit p { width: 40px; height: 3px; background-color: #8a0780; margin: 10px auto 0; } .about-mt20 { margin-top: 20px; } .about-news { font-size: 18px; color: #333; line-height: 1.9em; } .about-news p { margin-bottom: 30px; } .about-cy { display: flex; margin-top: 35px; } .about-cy>div { flex: 1; } .about-cy>div>div { width: 98%; margin: 0 auto; box-shadow: 0px 0px 5px 2px rgba(6, 43, 63, 0.1); padding-top: 45px; padding-bottom: 35px; } .about-logo { width: 200px; margin: 0px auto 0; } .about-txt { width: 247px; margin: 24px auto 0; font-size: 14px; color: #808080; text-align: center; } .about-href { width: fit-content; padding: 0 9px 9px 9px; margin: 35px auto 0; } .about-mt08 { margin-top: 8px !important; } .about-fw { margin-top: 35px; } .about-fw>div { box-shadow: 0px 0px 5px 2px rgb(6 43 63 / 10%); background: #f7f7f7; border: 1px solid #e5e5e5; padding-top: 30px; padding-bottom: 40px; } .about-fw-tit { text-align: center; font-size: 24px; color: #333333; } .about-form { width: 560px; border: 1px solid #d9d9d9; box-shadow: 0px 0px 5px 2px rgb(6 43 63 / 10%); display: flex; background: #ffffff; margin: 26px auto 0; align-items: center; padding: 11px 29px 13px 20px; } .about-form-icon { width: 20px; margin-right: 20px; } .about-form-option { width: 100%; } .about-form-option select { font-size: 18px; color: #808080; display: block; width: 100%; } .about-form-input { width: 100%; } .about-form-input input { font-size: 18px; color: #808080; display: block; width: 100%; } .about-img { width: 120px; } .about-form-input2 { width: 100%; } .about-form-input2 input { font-size: 18px; color: #808080; display: block; width: 100%; } .about-send { width: fit-content; padding: 12px 33px; color: #fff; background: #8a0780; font-size: 22px; line-height: 1; border-radius: 50px; display: block; margin: 40px auto 0; } .about-join { position: relative; width: 100%; margin-top: 35px; } .about-join img { display: block; width: 100%; } .about-join-tit { position: absolute; left: 50%; transform: translate(-50%); text-align: center; top: 16%; font-size: 30px; font-weight: bold; color: #fff; } .about-join-txt { width: 644px; position: absolute; left: 50%; margin-left: -322px; top: 33%; color: #fff; text-align: center; font-size: 16px; line-height: 1.7; } .about-join-link { width: 286px; position: absolute; left: 50%; margin-left: -143px; top: 71%; display: flex; } .about-join-link div { width: 88px; margin: 0 auto; border-bottom: 1px solid #fff; text-align: center; padding-bottom: 15px; } .about-join-link a { color: #fff; font-size: 18px; } .about-fw { margin-top: 35px; } .about-call { margin-top: 35px; } .about-call>div { box-shadow: 0px 0px 5px 2px rgb(6 43 63 / 10%); background: #f7f7f7; border: 1px solid #e5e5e5; padding-top: 30px; padding-bottom: 40px; } .about-call-box1 { width: 690px; margin: 0 auto; display: flex; } .about-call-box2 { width: 690px; margin: 20px auto 0; display: flex; } .about-call-item1 { display: flex; align-items: center; flex: 1; } .about-call-item2 { display: flex; align-items: center; margin-left: 40px; flex: 1; } .about-call-item3 { display: flex; align-items: center; margin-left: 40px; flex: 1; } .about-call-icon { width: 36px; } .about-call-txt { margin-left: 15px; font-size: 18px; color: #333333; } .about-items { display: none; } .about-fz { margin-top: 35px; position: relative; padding-top: 40px; } .about-fz-boxline { width: 0px; position: absolute; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; left: 50%; top: 0%; height: 100%; } .about-fz-box { overflow: hidden; } .about-fz-box>div { width: 49.3%; float: left; } .about-fz-box>div.about-fz-nr { width: 50.7%; float: right; position: relative; } .about-fz-nr>div { display: flex; align-items: center; margin-bottom: 13px; } .about-fz-nr-ri { width: 79px; } .about-fz-nr-txt { font-size: 24px; font-weight: bold; color: #fff; background: #8a0780; padding: 6px 10px; line-height: 1; } .about-fz-nr-lc { padding-left: 79px; } .about-fz-nr-lc li { display: flex; align-items: flex-start; margin-top: 13px; } .about-fz-nr-dian { width: 5px; margin-top: 9px; } .about-fz-nr-dianw { font-size: 16px; line-height: 1.5; color: #333333; margin-left: 10px; } .about-fz-box>div.about-fz-nr1 { width: 51%; float: left; position: relative; } .about-fz-nr1>div { display: flex; align-items: center; margin-bottom: 13px; justify-content: flex-end; } .about-fz-nr1 .about-fz-nr-lc { padding-right: 79px; padding-left: 0; } .about-fz-nr1 .about-fz-nr-lc li { display: flex; align-items: flex-start; margin-top: 13px; justify-content: flex-end; } #set_7_buttonz2 { stroke-width: 3px; fill: transparent; stroke: #8A0780; stroke-dasharray: 78 400; stroke-dashoffset: -116; transition: 1s all ease; } .about-href:hover #set_7_buttonz2 { stroke-dasharray: 50 0; stroke-width: 3px; stroke-dashoffset: 0; stroke: #8A0780; fill: #8A0780; } .about-href:hover a { color: #fff; } .about-href p { display: block; color: #8A0780; font-size: 16px; margin-top: -37px; text-align: center; width: 100%; text-align: center; padding: 3px 0 5px; } .about-href a { color: #8A0780; } .about-join { overflow: hidden; } .about-join-zp { display: flex; align-items: center; margin-top: 25px; width: 100%; float: left; } .about-join-zw { font-size: 20px; font-weight: bold; color: #333333; } .about-join-icon { width: 22px; margin-right: 15px; } .about-join-zwjs { font-size: 18px; color: #666666; width: 100%; float: left; } .about-join-zwjs li { margin-top: 25px; padding-left: 37px; } .about-join-line { width: 100%; border-bottom: 1px #d9d9d9 solid; margin-top: 55px; margin-bottom: 30px; float: left; } .about-fz-nr-dian img { width: 5px; } .about-fz-nr-lcl { text-align: right; } .about-fz-mt-30 { margin-top: -30px; } .about-fz-mt-50 { margin-top: -50px; } .about-fz-mt-80 { margin-top: -80px; } .about-fz-mt60 { margin-top: 60px; } .about-gsjxbox { margin-top: 35px; } .about-gsjxbox>div { box-shadow: 0px 0px 5px 2px rgb(6 43 63 / 10%); background: #fff; border: 1px solid #e5e5e5; padding-top: 40px; padding-bottom: 40px; overflow: hidden; padding-left: 35px; padding-right: 35px; box-sizing: border-box; } .about-gsjx { width: 278px; float: left; position: relative; padding-bottom: 13px; height: 200px; } .about-gsjx-line { width: 1px; height: 100%; position: absolute; background: #e0e0e0; left: 5px; } .about-gsjx li { display: flex; align-items: flex-start; margin-top: 35px; position: relative; } .about-gsjx2 li { margin-top: 35px; } .about-gsjx3 li { margin-top: 35px; } .about-gsjx li:nth-child(1) { margin-top: 0; } .about-gsjx-icon { margin-top: 6px; } .about-gsjx-icon img { width: 12px; } .about-gsjx-txt { font-size: 16px; color: #333333; margin-left: 13px; } .about-gsjx-txt span { color: #999999; } .about-gsjx2 { margin: 0 12px; } .about-btnbox li a { display: flex; cursor: pointer; align-items: center; width: 100%; color: #000; } .about-btnbox li { color: #000; } /* 鎶曡祫鑰呭叧绯 */ .investor-btn { width: 335px; float: left; background: #f7f7f7; padding: 30px 0; box-sizing: border-box; border-top: 3px solid #8a0780; z-index: 20; } .investor-us { font-size: 24px; color: #333; padding-left: 30px; } .activeshow { display: block; } .activehide { display: none; } .investor-btnbox { margin-top: 20px; } .investor-li0 { display: flex; cursor: pointer; align-items: center; padding-left: 30px; padding-top: 8px; padding-bottom: 10px; } .investor-btnbox .investor-li0 p { width: 20px; } .investor-btnbox .investor-li0 div { font-size: 18px; margin-left: 15px; } .investor-btnbox .investor-li { display: flex; cursor: pointer; align-items: center; padding-left: 30px; padding-top: 8px; padding-bottom: 10px; } .investor-btnbox .investor-lia a { display: flex; cursor: pointer; align-items: center; padding-left: 30px; padding-top: 8px; padding-bottom: 10px; color: #000; } .investor-btnbox .investor-lia p { width: 20px; } .investor-btnbox .investor-lia div { font-size: 18px; margin-left: 15px; } .investor-btnbox .investor-li p { width: 20px; } .investor-btnbox .investor-li div { font-size: 18px; margin-left: 15px; } .investor-btnbox .investor-li.active .activehide { display: block; } .investor-btnbox .investor-li.active .activeshow { display: none; } .investor-btnbox .investor-li0.active .activehide { display: block; } .investor-btnbox .investor-li0.active .activeshow { display: none; } .investor-btnbox .investor-li.active div { font-weight: bold; color: #8a0780; } .investor-li0.active { font-weight: bold; color: #8a0780; background: rgba(138, 7, 128, 0.06); } .investor-li0.active>div { font-weight: bold; } .investor-next-li .active { font-weight: bold; color: #8a0780; } .investor-btnbox .investor-li.active { background: rgba(138, 7, 128, 0.06); } .investor-btnbox .investor-li a { display: flex; cursor: pointer; align-items: center; width: 100%; color: #000; } .investor-btnbox .investor-li { color: #000; } .investor-box { overflow: hidden; margin-top: 60px; } .investor-next-li { font-size: 18px; color: #666; } .investor-next-li div { padding: 10px 0 10px 25%; cursor: pointer; } .investor-cx-tit { width: fit-content; margin: 0 auto; font-size: 32px; color: #333333; } .investor-cx-tit p { width: 40px; height: 3px; background-color: #8a0780; margin: 10px auto 0; } .investor-itembox { float: right; width: 1020px; } .investor-itdiv { display: none; } .investor-ul-linews { width: 1000%; margin: 20px auto 0; } .investor-ul-linews a { color: #333; font-size: 18px; } .investor-ul-linews li { padding: 15px 0; border-bottom: 1px solid #cccccc; } .investor-items { display: none; } .investor-ul-linews li:hover a { color: #8a0780; } .investor-callus { background: #f7f7f7; padding-top: 30px; padding-bottom: 28px; margin-top: 30px; position: relative; } .investor-report { width: 100%; } .zr-img1 { margin-top: 2%; } .investor-report-txt1 { font-size: 18px; color: #333333; line-height: 1.65em; margin-top: 2%; width: 100%; } .investor-report-txt2 { width: 100%; overflow: hidden; margin-top: 2%; } .investor-report-txt3 { width: auto; float: left; font-size: 14px; font-weight: bold; color: #000000; margin-right: 10px; margin-top: 2px; } .investor-report-txt4 { width: auto; } .zr-img2 { width: 19px; font-size: 14px; vertical-align: text-top; display: inline-block; margin-right: 5px; } .investor-report-txt2 a { color: #0066CC; } .investor-call-tit { width: 100%; font-size: 16px; color: #333333; padding-left: 30px; border-left: 2px solid #8a0780; line-height: 1; } .investor-call-flbox { overflow: hidden; } .investor-call-flbox1 { margin-top: 24px; font-size: 14px; } .investor-call-flbox2 { margin-top: 12px; font-size: 14px; } .investor-call-flbox p { float: left; width: 30%; padding-left: 30px; box-sizing: border-box; } .investor-call-flbox div { float: left; width: 70%; } .investor-ewm { width: 119px; position: absolute; right: 34px; top: 14px; } @media screen and (max-width: 1400px) { .about-btn { width: 210px; } .about-itemsbox { width: 970px; } .investor-btn { width: 210px; } .investor-itembox { width: 970px; } }