html, body { background: #f8f9fc; } .text-cut-four { word-break: break-all; /*! autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ } .pxfzBox .pub_title { font-size: 26px; padding-bottom: 0; } /* */ .joinus_top { width: 100%; height: 5.6rem; position: relative; background-image: url('../img/skr255.png'); background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; background-position: center; } .joinus_top p { font-size: 34px; color: white; letter-spacing: 2px; } /* */ .carPost_list { width: 1100px; margin: 0 auto; padding-top: 0.7rem; } .carPost_list .pub_title { margin-bottom: 0.4rem; } .carPost_p2 { text-align: center; font-size: 16px; color: #464d61; margin-bottom: 0.6rem; } .carPost_ul { display: flex; flex-wrap: wrap; } .carPost_li { width: 31.33%; margin: 0 1%; margin-bottom: 15px; height: 365px; background-color: white; box-shadow: 0 0 10px 1px rgba(232, 235, 240, 1); border-radius: 6px; position: relative; z-index: 0; } .carPost_li:hover .carPost_lii { box-shadow: 0 0 10px 1px rgba(127, 130, 141, .35); } .carPost_lii { width: 100%; margin-right: 15px; margin-bottom: 15px; padding: 0.3rem 0.3rem 0; background-color: white; box-shadow: 0 0 10px 1px rgba(232, 235, 240, 1); border-radius: 6px; overflow: hidden; position: absolute; z-index: 99; left: 0; top: 0; transition: 0.5s; } .carPost_li:nth-of-type(3n) { margin-right: 0; } .carPost_d1 { margin-bottom: 0.3rem; } .carPost_d2 { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.15rem; line-height: 1; } .carPost_p3 { font-size: 16px; color: #333947; text-align: left; } .carPost_p4 { font-size: 14px; color: #d71518; text-align: right; } .carPost_p5 { font-size: 12px; color: #84879a; line-height: 1; } .carPost_p5 span { margin: 0 5px; } .carPost_p6 { font-size: 14px; color: #464d61; line-height: 20px; margin-bottom: 0.12rem; } .carPost_p7 { font-size: 14px; color: #464d61; line-height: 24px; height: 96px; } .carPost_d6 { border-top: 1px solid #e8e8ec; position: relative; min-height: 1.05rem; } .carPost_d4 { display: flex; align-items: center; padding: 0.2rem 0; position: absolute; left: 0; top: 0; width: 100%; transition: 0.5s; } .carPost_img { width: 0.6rem; height: 0.6rem; border-radius: 6px; overflow: hidden; margin-right: 0.14rem; border: 1px solid #dedfe3; display: flex; align-items: center; justify-content: center; } .carPost_img img { max-width: 100%; max-height: 100%; object-fit: contain; } .carPost_p8 { font-size: 14px; color: #464d61; line-height: 18px; height: 18px; margin-bottom: 0.1rem; } .carPost_p9 { font-size: 12px; color: #84879a; line-height: 1; } .carPost_p9 span { margin: 0 5px; } .carPost_d5 { display: flex; justify-content: flex-end; align-items: center; padding: 0.1rem 0; opacity: 0; transition: 0.5s; } .carPost_p10 { font-size: 12px; color: #84879a; margin-right: 10px; } .carPost_img2 { width: 0.86rem; height: 0.86rem; } .carPost_img2 img { width: 100%; height: 100%; object-fit: contain; } .carPost_cont { max-height: 230px; min-height: 230px; overflow: hidden; transition: 1s; } .carPost_d3 { /* overflow-y: scroll; */ } .carPost_d3::-webkit-scrollbar-track, .carPost_d3::-moz-scrollbar-track { background-color: transparent; } .carPost_d3::-webkit-scrollbar, .carPost_d3::-moz-scrollbar { display: none; } .carPost_d3::-webkit-scrollbar-thumb, .carPost_d3::-moz-scrollbar-thumb { display: none; } /* */ .carPost_more { width: 1200px; margin: 0 auto; padding-top: 0.52rem; padding-bottom: 0.6rem; border-bottom: 1px solid #cbccd4; } .carPost_more:last-of-type { margin-bottom: 0.2rem; border-bottom: 0; } .carPost_more_p1 { font-size: 16px; color: #333947; line-height: 1; text-align: center; margin-bottom: 0.4rem; } .carPost_more_img { width: 1.5rem; height: 1.5rem; margin: 0 auto; display: flex; align-items: center; justify-content: center; background-image: url('../img/skr200.png'); background-repeat: no-repeat; background-size: 100% 100%; } .carPost_more_img img { width: 1.34rem; height: 1.34rem; object-fit: contain; } .carPost_more_p2 { font-size: 14px; color: #84879a; margin-top: 0.25rem; line-height: 1; letter-spacing: 10px; text-indent: 10px; text-align: center; } /* */ .joinus_tab { width: 1200px; margin: 0 auto; display: flex; justify-content: center; border-bottom: 1px solid #dfdfdf; padding: 0.8rem 0 0 0; } .joinus_tab_item { font-size: 16px; height: 0.4rem; color: #333947; position: relative; text-align: center; margin-right: 1rem; } .joinus_tab_item a { white-space: nowrap; } .joinus_tab_item:last-of-type { margin-right: 0; } .joinus_tab_item.on::after { content: ""; width: 0.4rem; height: 3px; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); background-color: #202c70; } .joinus_tab_item.on { color: #202c70; } .dcrt_toptext { padding: 36px .2rem; font-size: 14px; color: #333947; text-align: center; line-height: 2.2em; max-width: 720px; margin: 0 auto; } .dcrt_toptext_wap { display: none; } .dcrt_case { padding-top: 0; } .dcrt_case .case_img { border-radius: 0; } @media screen and (min-width: 1200px) { .carPost_d3::-webkit-scrollbar { width: 3px; } .carPost_d3::-webkit-scrollbar-thumb { background-color: #caced4; border-radius: 30px; } } @media screen and (min-width: 900px) {} @media screen and (max-width: 800px) { .carPost_list { width: 100%; padding-top: .2rem; } .carPost_li { width: 90%; margin-left: auto; margin-right: auto !important; height: 298px; } .carPost_more { width: 90%; margin-left: auto; margin-right: auto; } .carPost_cont { max-height: 185px; min-height: 185px; margin-bottom: 10px; } .joinus_tab { width: 100%; padding: 0.2rem 10px 0 10px; } .carPost_lii { width: 100%; } .joinus_top { height: 2rem; } .joinus_top p { font-size: 18px; } .dcrt_toptext { padding: .2rem .2rem; } } /* 发展体系 */ .pxfzBox .pub_title:after { display: none; } .pxfzBox .section1 .content { display: flex; height: 565px; } .pxfzBox .section1 .content .left { width: 300px; background-image: url(../img/pxfz_a1.jpg); background-repeat: no-repeat; background-size: cover; color: #fff; padding: 3% 0 0 3%; } .pxfzBox .section1 .content .left dl { margin-bottom: 15px; padding-bottom: 15px; position: relative; padding-right: 3%; } .pxfzBox .section1 .content .left dl::before { content: ''; width: 80%; right: 0; bottom: 0; position: absolute; height: 1px; background: #eee; opacity: .2; } .pxfzBox .section1 .content .left dl:last-child::before { display: none; } .pxfzBox .section1 .content .left dt { line-height: 2em; } .pxfzBox .section1 .content .left dd { font-size: 14px; line-height: 2em; } .pxfzBox .section1 .content .right { background: #fff; flex: 1; box-shadow: 0 0 10px #e8ebf0; } .pxfzBox .section1 .content .right .tit { width: 100%; color: #333947; background: #fafbfd; height: 45px; line-height: 45px; padding: 0 2em; font-weight: normal; } .pxfzBox .section1 .content .right .list { display: flex; flex-wrap: wrap; height: 520px; } .pxfzBox .section1 .content .right .list dl { width: 50%; padding: 3% 8%; position: relative; background-repeat: no-repeat; background-position: right 10px; } .pxfzBox .section1 .content .right .list dl:nth-child(1) { background-image: url(../img/pxfz_b01.jpg); } .pxfzBox .section1 .content .right .list dl:nth-child(2) { background-image: url(../img/pxfz_b02.jpg); } .pxfzBox .section1 .content .right .list dl:nth-child(3) { background-image: url(../img/pxfz_b03.jpg); } .pxfzBox .section1 .content .right .list dl:nth-child(4) { background-image: url(../img/pxfz_b04.jpg); } .pxfzBox .section1 .content .right .list dl:nth-child(1), .pxfzBox .section1 .content .right .list dl:nth-child(3) { border-right: 1px solid #eee; } .pxfzBox .section1 .content .right .list dl:nth-child(1), .pxfzBox .section1 .content .right .list dl:nth-child(2) { border-bottom: 1px solid #eee; } .pxfzBox .section1 .content .right .list dt { line-height: 2em; margin-bottom: .5em; color: #333947; } .pxfzBox .section1 .content .right .list dd { font-size: 14px; color: #333947; line-height: 1.6em; } .pxfzBox .section1 .content .right .list dl:hover { box-shadow: 0 0 10px #e8ebf0; } .pxfzBox .section1 .content .right .list dl:hover dt { color: #202c70; } .pxfzBox .section2 .pub_title { margin-bottom: 0; } .pyramidBox { position: relative; } .jztBox { position: absolute; width: 1114px; height: 541px; top: 0; left: 0; z-index: 2; } .pyramidBox>img { display: block; margin: 0 auto; max-width: 100%; } .jztBox>div { position: absolute; } .jztBox .leftList { width: 38%; top: 0; left: 0; text-align: right; padding-top: 4em; } .jztBox .leftList dt { font-size: 14px; color: #84879a; } .jztBox .leftList dd { color: #333947; } .jztBox .leftList dl:nth-child(2) { margin-top: 6em; padding-right: 5.5em; } .jztBox .leftList dl:nth-child(3) { margin-top: 6em; padding-right: 10.5em; } .jztBox .leftList dl:nth-child(4) { margin-top: 6em; padding-right: 15.5em; } .jztBox .centerList { position: absolute; width: 100%; top: 0; left: 0; text-align: center; padding-right: 1em; padding-top: 4em; color: #fff; } .jztBox .centerList li:nth-child(1) { margin-bottom: 3em; color: #446eaf; } .jztBox .centerList li:nth-child(2) { margin-bottom: 4.4em; } .jztBox .centerList li:nth-child(3) { margin-bottom: 5.5em; } .jztBox .p { position: absolute; width: 1em; font-size: 16px; color: #446eaf; line-height: 1.2em; right: 13em; top: 12em; } .section3 .box { background-color: #fff; padding: 40px; box-shadow: 0 0 10px #e8ebf0; margin-bottom: 3%; } .section3 .box.box1 img { display: block; width: 100%; } .section3 .box .word>h3 { font-size: 28px; color: #333947; font-weight: normal; padding-bottom: .5em; margin-bottom: 1em; position: relative; } .section3 .box .word>h3::before { content: ''; width: 2em; height: 2px; position: absolute; left: 0; top: 2em; background: #202c70; } .section3 .box .word .text { font-size: 14px; line-height: 2em; color: #5e5f60; text-align: justify; } .section3 .box.box1 .word { display: flex; padding-top: 30px; } .section3 .box.box1 .word .text { flex: 1; } .section3 .box.box1 .word h3 { margin-right: 5%; } .section3 .box.box2, .section3 .box.box3 { display: flex; align-items: center; } .section3 .box.box2 img, .section3 .box.box3 .imgOut { display: block; width: 61.66%; min-width: 61.66%; } .section3 .box.box3 .word { width: 33.33%; } .section3 .box.box3 .imgOut img { display: block; width: 100%; } .section3 .box.box2 .word { margin-left: 5%; } .section3 .box.box3 .word { margin-right: 5%; } .section3 .swiper-container1 .btn { position: absolute; left: 0; bottom: 0; z-index: 2; font-size: 0; } .section3 .swiper-container1 { position: relative; } .section3 .swiper-container1 .btn a { display: inline-block; background-color: #202c70; background-repeat: no-repeat; background-position: center; width: 45px; height: 45px; opacity: 0.7; margin-right: 2px; } .section3 .swiper-container1 .btn a.prev { background-image: url(../img/pxfz_c1.png); } .section3 .swiper-container1 .btn a.next { background-image: url(../img/pxfz_c2.png); } .section3 .swiper-container1 .btn a:hover { opacity: 1; } .wapimg { display: none !important; } /* 投资者关系 */ .tzz_content { padding-top: 5%; } .tzz_content .dcrt_toptext { max-width: 990px; text-indent: 0; text-align: justify; } .tzz_content .learnMore { display: block; margin: 0 auto; font-size: 14px; color: #fff; width: 190px; height: 50px; line-height: 50px; text-align: center; background-color: #1d2974; border-radius: 4px; } @media screen and (max-width: 800px) { .pxfzBox .pub_title { font-size: 20px; } .pxfzBox .section1 .content { height: auto; display: none; height: auto; } .pxfzBox .section1 .content .right .list { height: auto; } .pxfzBox .section1 .content .left { width: 100%; } .pxfzBox .section1 .content .right .list dd, .pxfzBox .section1 .content .left dd { font-size: 12px; } .pxfzBox .section1 .content .right .list dl { background-size: 100%; padding: 3%; } .pcimg, .jztBox { display: none !important; } .wapimg { display: block !important; } .section3 .box { padding: 15px; } .section3 .box .word>h3 { font-size: 16px; } .section3 .box.box1 .word { padding: 15px 0 0; display: block; } .section3 .box.box2, .section3 .box.box3 { display: block; } .section3 .box.box2 img { width: 100%; margin-bottom: 15px; } .section3 .box.box3 img { width: 100%; margin-top: 15px; } .section3 .box.box2 .word, .section3 .box.box3 .word { margin: 0; } .section3 .swiper-container1 .btn { right: 13px; bottom: 0; } .section3 .swiper-container1 .btn a { width: 30px; opacity: .8; height: 30px; } .joinus_tab_item { margin-right: 13%; } .section3 .box .word>h3::before { bottom: 0; top: auto; } .box3.box.mb2 { display: flex; flex-direction: column-reverse; } .box3.box.mb2 .word, .box3.box.mb2 .imgOut { width: 100%; } .pub_title.mb0 { margin-top: 30px; } .dcrt_toptext_pc { display: none; } .dcrt_toptext_wap { display: block; } .pxfzBox { padding-top: 0.2rem; } .wap_pc_img{ margin: 0 auto; } .mid1200{ margin: 0 auto 40px; padding-top: 10px; } .section3 .swiper-container1{ margin-bottom: 15px; } }