.linehide { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } .clearfix:after { content: ""; clear: both; height: 0; overflow: hidden; visibility: hidden; display: block; } .clearfix { zoom: 1; } body { min-width: 1300px; } a, img { display: block; } .title-t img { height: 96px; margin: 0 auto; } .title-r { height: 34px; margin: 0 auto; } .more { font-size: 16px; font-family: pingfang sc-medium, pingfang sc; font-weight: 500; color: #3a72f6; margin-bottom: -6px; } .more img { display: inline-block; width: 14px; margin-left: 8px; transition: all .3s; } .more:hover { cursor: pointer; color: #015ed0 !important; } .more:hover img { transform: translatex(5px); } .part1 { background: no-repeat; background-size: 100% 100%; margin-bottom: 60px; padding: 60px 0 88px; } .part1 .layout .notice { margin-bottom: 60px; padding: 42px 50px 62px; border-radius: 10px; background-color: #f6f8fc; border: 2px solid #fff; box-shadow: 14px 14px 40px 0 rgba(0, 46, 183, 0.1), -13px -13px 20px 0 rgba(255, 255, 255, 0.8); } .part1 .layout .notice .title { font-size: 32px; font-family: pingfang sc-medium, pingfang sc; font-weight: 500; color: #3a72f6; text-align: center; margin-bottom: 22px; } .part1 .layout .notice .content { font-size: 16px; font-family: pingfang sc-medium, pingfang sc; font-weight: 500; color: #666666; line-height: 26px; } .part1 .layout .notice .content a { display: inline-block; font-size: 16px; font-family: pingfang sc-medium, pingfang sc; font-weight: 500; color: #666666; line-height: 26px; } .part1 .layout .sztd .title-t { margin-bottom: 40px; } .part1 .layout .sztd .box { display: flex; justify-content: space-between; } .part1 .layout .sztd .box .left { width: 360px; position: relative; padding: 56px 37px 31px 32px; background-color: #f5f8fc; border-radius: 10px; border: 2px solid #fff; box-shadow: 14px 14px 40px 0 rgba(0, 46, 183, 0.1), -13px -13px 20px 0 rgba(255, 255, 255, 0.8); } .part1 .layout .sztd .box .left .title { position: absolute; top: 0; left: 0; padding: 6px 22px; background-color: #ffaf38; border-radius: 8px 0 18px 0; font-size: 14px; font-family: pingfang sc-medium, pingfang sc; font-weight: 500; color: #ffffff; } .part1 .layout .sztd .box .left img { width: 166px; height: 166px; border-radius: 50%; margin: 0 auto 14px; border: 1px solid #338aff; } .part1 .layout .sztd .box .left .name { font-size: 22px; font-family: pingfang sc-bold, pingfang sc; font-weight: bold; color: #333333; text-align: center; margin-bottom: 14px; } .part1 .layout .sztd .box .left .position, .part1 .layout .sztd .box .left .smalltext { font-size: 16px; font-family: pingfang sc-medium, pingfang sc; font-weight: 500; color: #666666; line-height: 24px; text-align: justify; } .part1 .layout .sztd .box .left .position { margin-bottom: 12px; } .part1 .layout .sztd .box .left a { display: inline-block; font-size: 16px; font-family: pingfang sc-medium, pingfang sc; font-weight: 500; color: #666666; line-height: 19px; } .part1 .layout .sztd .box .right { width: 817px; position: relative; background-color: #f5f8fc; padding: 35px 0; border-radius: 10px; border: 2px solid #fff; box-shadow: 14px 14px 40px 0 rgba(0, 46, 183, 0.1), -13px -13px 20px 0 rgba(255, 255, 255, 0.8); display: flex; align-items: center; justify-content: center; } .part1 .layout .sztd .box .right .title { position: absolute; top: 0; left: 0; padding: 6px 22px; background-color: #ffaf38; border-radius: 8px 0 18px 0; font-size: 14px; font-family: pingfang sc-medium, pingfang sc; font-weight: 500; color: #ffffff; } .part1 .layout .sztd .box .right ul { width: 688px; } .part1 .layout .sztd .box .right ul li { float: left; margin-right: 80px; } .part1 .layout .sztd .box .right ul li:nth-child(1), .part1 .layout .sztd .box .right ul li:nth-child(2), .part1 .layout .sztd .box .right ul li:nth-child(3) { margin-bottom: 27px; } .part1 .layout .sztd .box .right ul li:nth-child(3n) { margin-right: 0; } .part1 .layout .sztd .box .right ul li:hover a img { box-shadow: -6px -6px 6px 0 #ffffff, 6px 6px 16px 0 rgba(106, 170, 255, 0.3); } .part1 .layout .sztd .box .right ul li:hover a .name { color: #0064ff; } .part1 .layout .sztd .box .right ul li a img { width: 112px; height: 112px; border: 1px solid #338aff; border-radius: 50%; margin: 0 auto; transition: all .3s; } .part1 .layout .sztd .box .right ul li a .name { font-size: 18px; font-family: pingfang sc-bold, pingfang sc; font-weight: bold; color: #333333; text-align: center; margin: 16px 0 12px; transition: all .3s; } .part1 .layout .sztd .box .right ul li a .position { font-size: 16px; font-family: pingfang sc-medium, pingfang sc; font-weight: 500; color: #666666; width: 176px; text-align: center; } .part2 { padding: 46px 0 38px; background: no-repeat; background-size: 100% 860px; } .part2 .layout .title-t { margin-bottom: 40px; } .part2 .layout .c { width: 1200px; } .part3 { margin-bottom: 60px; background-color: rgba(241, 247, 255, 0.3); } .part3 .title-t { margin-bottom: 40px; } .part3 .layout { width: 1300px; } .part3 .layout .tbkc { position: relative; } .part3 .layout .tbkc .title-r { margin-bottom: 58px; } .part3 .layout .tbkc a { width: 272px; margin: 0 auto; } .part3 .layout .tbkc .xian { display: block; position: absolute; top: 116px; left: 50%; width: 1200px; height: 4px; background: #eaeaea; z-index: 0; transform: translatex(-50%); } .part3 .layout .tbkc .swiper-button-next:after, .part3 .layout .tbkc .swiper-button-prev:after { content: ""; } .part3 .layout .tbkc .swiper-button-next img, .part3 .layout .tbkc .swiper-button-prev img { width: 58px; height: 58px; } .part3 .layout .tbkc .swiper-button-next { right: -37px; top: 395px; } .part3 .layout .tbkc .swiper-button-prev { left: -37px; top: 395px; } .part3 .layout .tbkc .title-t { margin-bottom: 40px; } .part3 .layout .tbkc .swiperbox { width: 1300px; } .part3 .layout .tbkc .swipertbkc { width: 1236px; padding-bottom: 60px; } .part3 .layout .tbkc .swipertbkc .swiper-slide a:hover .box { transform: translatey(-12px); } .part3 .layout .tbkc .swipertbkc .swiper-slide a:hover .title { color: #0064ff; } .part3 .layout .tbkc .swipertbkc img { display: block; } .part3 .layout .tbkc .swipertbkc .style { width: 52px; margin-bottom: 30px; } .part3 .layout .tbkc .swipertbkc .time { font-size: 30px; font-family: source han sans cn; font-weight: 400; color: #333333; margin-bottom: 36px; } .part3 .layout .tbkc .swipertbkc .time span { font-size: 24px; font-family: source han sans cn; font-weight: 500; color: #0064ff; margin-left: 9px; } .part3 .layout .tbkc .swipertbkc .box { transition: all .3s; width: 272px; height: 252px; background: #f6f8fc; box-shadow: 6px 8px 19px 0px #cbd2e7; border: 2px solid #ffffff; border-radius: 8px; } .part3 .layout .tbkc .swipertbkc .pic { width: 268px; height: 154px; border-radius: 8px 8px 0px 0px; margin-bottom: 19px; } .part3 .layout .tbkc .swipertbkc .title { transition: all .3s; padding: 0 17px; width: 268px; font-size: 16px; font-family: pingfang sc-bold, pingfang sc; font-weight: bold; color: #333333; margin-bottom: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } .part3 .layout .tbkc .swipertbkc .writer { padding: 0 17px 20px; font-size: 14px; font-family: pingfang sc-medium, pingfang sc; font-weight: 500; color: #666666; } .part3 .layout .ybkc { position: relative; } .part3 .layout .ybkc .swiper-button-next:after, .part3 .layout .ybkc .swiper-button-prev:after { content: ""; } .part3 .layout .ybkc .swiper-button-next img, .part3 .layout .ybkc .swiper-button-prev img { width: 58px; height: 58px; } .part3 .layout .ybkc .swiper-button-next { right: -40px; top: 50%; } .part3 .layout .ybkc .swiper-button-prev { left: -40px; top: 50%; } .part3 .layout .ybkc .swiperbox { width: 1300px; margin: 0 auto; } .part3 .layout .ybkc .swiperybkc { padding: 32px 0 62px 0px; } .part3 .layout .ybkc .swiperybkc ul { width: 1200px; margin: 0 auto; } .part3 .layout .ybkc .swiperybkc ul li { float: left; margin-right: 34px; margin-bottom: 34px; background: #f5f8fc; box-shadow: 6px 8px 30px 0px #cbd2e7; border-radius: 11px 11px 11px 11px; border: 2px solid #ffffff; transition: all .3s; } .part3 .layout .ybkc .swiperybkc ul li:nth-child(2n) { margin-right: 0; } .part3 .layout .ybkc .swiperybkc ul li:nth-child(3), .part3 .layout .ybkc .swiperybkc ul li:nth-child(4) { margin-bottom: 0; } .part3 .layout .ybkc .swiperybkc ul li a { display: flex; } .part3 .layout .ybkc .swiperybkc ul li a img { width: 318px; /* height: 182px; */ border-radius: 11px 0 0 11px; } .part3 .layout .ybkc .swiperybkc ul li a .left { background: #f5f8fc; border-radius: 0px 11px 11px 0px; padding: 16px 23px 25px 23px; } .part3 .layout .ybkc .swiperybkc ul li a .left .t { margin-bottom: 10px; width: 215px; height: 75px; font-size: 18px; font-family: pingfang sc-bold, pingfang sc; font-weight: bold; color: #333333; line-height: 21px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; word-break: break-all; transition: all .3s; } .part3 .layout .ybkc .swiperybkc ul li a .left .xian { width: 41px; height: 3px; background: #0064ff; margin-bottom: 33px; } .part3 .layout .ybkc .swiperybkc ul li a .left .writer { font-size: 16px; font-family: pingfang sc-medium, pingfang sc; font-weight: 500; color: #666666; } .part3 .layout .ybkc .swiperybkc ul li:hover { transform: translatey(-12px); } .part3 .layout .ybkc .swiperybkc ul li:hover a .left .t { color: #0064ff; } .part3 .layout .xxzl { width: 1200px; margin: 0 auto; position: relative; } .part3 .layout .xxzl .title-r { margin-bottom: 40px; } .part3 .layout .xxzl .more { position: absolute; right: 0; top: 80px; } .part3 .layout .xxzl .tab { display: flex; justify-content: center; } .part3 .layout .xxzl .tab .active::after { display: block; } .part3 .layout .xxzl .tab li { cursor: pointer; display: flex; flex-direction: column; align-items: center; font-size: 22px; font-family: pingfang sc-regular, pingfang sc; font-weight: 400; color: #000000; margin-right: 92px; } .part3 .layout .xxzl .tab li:nth-last-child(1) { margin-right: 0; } .part3 .layout .xxzl .tab li::after { content: ""; display: none; width: 73px; height: 5px; background: #0064ff; margin-top: 15px; } .part3 .layout .xxzl .content { display: none; } .part3 .layout .xxzl .content li { float: left; padding-right: 58px; border-right: 1px solid rgba(0, 0, 0, 0.1); margin-right: 58px; } .part3 .layout .xxzl .content li:hover .title{ color: #0064ff; } .part3 .layout .xxzl .content li:nth-child(1) { margin-right: 0; float: none; border-right: 0; margin-bottom: 40px; display: flex; justify-content: space-between; padding: 14px 18px 14px 0; border-top: 1px solid #e6ecf3; border-bottom: 1px solid #e6ecf3; background: linear-gradient(268deg, #e5efff 0%, #ffffff 100%); } .part3 .layout .xxzl .content li:nth-child(1) .left .title { width: 700px; margin-top: 36px; margin-bottom: 14px; font-size: 26px; font-family: pingfang sc-bold, pingfang sc; font-weight: bold; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } .part3 .layout .xxzl .content li:nth-child(1) .left .c { width: 700px; height: 72px; font-size: 14px; font-family: pingfang sc-regular, pingfang sc; font-weight: 400; color: #666666; line-height: 24px; margin-bottom: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; word-break: break-all; } .part3 .layout .xxzl .content li:nth-child(1) .left .more { position: initial; } .part3 .layout .xxzl .content li:nth-child(1) .right { width: 341px; height: 231px; box-shadow: 0px 10px 24px 0px rgba(56, 88, 173, 0.12); border-radius: 16px 16px 16px 16px; border: 2px solid #ffffff; } .part3 .layout .xxzl .content li:nth-last-child(2) { border: 0; margin-right: 0; padding-right: 0; } .part3 .layout .xxzl .content li a .title { width: 322px; font-size: 22px; font-family: pingfang sc-bold, pingfang sc; font-weight: bold; color: #333333; margin-bottom: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } .part3 .layout .xxzl .content li a .c { width: 322px; height: 72px; font-size: 14px; font-family: pingfang sc-medium, pingfang sc; font-weight: 500; color: #666666; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; word-break: break-all; } .part3 .layout .xxzl .on { display: block; } .part4 { margin-top: 67px; background-color: #f3f9ff; padding-bottom: 60px; padding-top: 60px; } .part4 .layout .title-t { margin-bottom: 40px; } .part4 .layout .box { margin: 0 auto; width: 1077px; padding: 40px; background: #2379ff; border-radius: 20px 20px 20px 20px; } .part4 .layout .box .bg { width: 1003px; box-shadow: 14px 14px 40px 0px rgba(0, 46, 183, 0.6), -13px -13px 20px 0px rgba(255, 255, 255, 0.2); border-radius: 6px; background: no-repeat; background-position: bottom 0 right 30px; background-color: #ffffff; } .part4 .layout .box .bg .wtdetail_moduler { border-radius: 6px; width: 662px; box-sizing: border-box; padding: 46px 0px 0px 63px; background: #ffffff; } .part4 .layout .box .bg .wtdetail_moduler .item_ask .item_dl { padding-top: 12px; padding-bottom: 20px; border-bottom: 1px solid #c7c7c7; } .part4 .layout .box .bg .wtdetail_moduler .item_ask .item_dl .item_title { font-size: 16px; font-family: sourcehansanscn-normal, sourcehansanscn; font-weight: 400; color: #656565; line-height: 20px; word-break: break-all; } .part4 .layout .box .bg .wtdetail_moduler .item_ask .item_dl .item_tips_list { margin-top: 18px; font-size: 12px; font-weight: 400; color: #898989; line-height: 18px; } .part4 .layout .box .bg .wtdetail_moduler .item_ask .item_dl .item_tips_list span { font-size: 12px; font-weight: 400; color: #898989; line-height: 18px; margin-right: 10px; word-break: break-all; } .part4 .layout .box .bg .wtdetail_moduler .ask_head { height: 30px; } .part4 .layout .box .bg .wtdetail_moduler .ask_head .head_icon { height: 30px; float: left; margin-right: 8px; padding-top: 2px; box-sizing: border-box; } .part4 .layout .box .bg .wtdetail_moduler .ask_head .head_title { float: left; font-size: 18px; font-family: sourcehansanscn-medium, sourcehansanscn; font-weight: 500; color: #656565; line-height: 30px; } .part4 .layout .box .bg .wtdetail_moduler .item_answer { margin-top: 20px; } .part4 .layout .box .bg .wtdetail_moduler .item_answer .item_dl { padding: 16px 0 20px 0; } .part4 .layout .box .bg .wtdetail_moduler .item_answer .item_dl .item_title { font-size: 16px; font-family: sourcehansanscn-normal, sourcehansanscn; font-weight: 400; color: #656565; line-height: 20px; word-break: break-all; } .part4 .layout .box .bg .wtdetail_moduler .item_answer .item_dl .item_time { margin-top: 24px; font-size: 12px; font-weight: 400; color: #898989; line-height: 18px; word-break: break-all; } .part4 .layout .box .bg .wtdetail_moduler .answer_head { height: 30px; } .part4 .layout .box .bg .wtdetail_moduler .answer_head .head_icon { height: 30px; float: left; margin-right: 8px; padding-top: 2px; box-sizing: border-box; color: #fff; } .part4 .layout .box .bg .wtdetail_moduler .answer_head .head_title { float: left; font-size: 18px; font-family: sourcehansanscn-medium, sourcehansanscn; font-weight: 500; color: #656565; line-height: 30px; word-break: break-all; } .part4 .layout .box .bg .more { padding-bottom: 20px; font-size: 14px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #0064ff; text-align: center; } .part4 .layout .box .bg .more span { margin-left: 5px; font-size: 14px; color: #0064ff; } .part5 { padding: 60px 0 60px 0; background: no-repeat; background-size: cover; } .part5 .layout { position: relative; } .part5 .layout .title-t { margin-bottom: 46px; } .part5 .layout ul li { float: left; background: #f6f8fc; box-shadow: 6px 8px 40px 0px #dee4f5, -13px -13px 34px 0px rgba(255, 255, 255, 0.9); border: 2px solid #ffffff; padding: 30px 28px; margin-right: 22px; border-radius: 8px; transition: all .3s; } .part5 .layout ul li:nth-last-child(1) { margin-right: 0; } .part5 .layout ul li a .t { width: 322px; height: 75px; font-size: 18px; font-family: pingfang sc-medium, pingfang sc; font-weight: 500; color: #333333; line-height: 21px; margin-bottom: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; word-break: break-all; } .part5 .layout ul li a .c { width: 325px; height: 44px; font-size: 14px; font-family: pingfang sc-regular, pingfang sc; font-weight: 400; color: #666666; line-height: 22px; margin-bottom: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; } .part5 .layout ul li a .ck { width: 322px; height: 36px; border-radius: 6px 6px 6px 6px; border: 1px solid #3a72f6; font-size: 18px; font-family: pingfang sc-regular, pingfang sc; font-weight: 400; color: #3a72f6; line-height: 36px; text-align: center; transition: all .3s; } .part5 .layout ul li:hover { transform: translatey(-10px); box-shadow: 6px 8px 50px 0px #cbd2e7, -13px -13px 24px 0px #ffffff; } .part5 .layout ul li:hover .ck { background: #3a72f6; color: #fff; } .part5 .layout .more { position: absolute; top: 72px; right: 0; padding-bottom: 20px; margin-right: 20px; font-size: 14px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #0064ff; text-align: right; } .part5 .layout .more span { margin-left: 5px; font-size: 14px; color: #0064ff; }