.f-cb{zoom:1;display: flex;justify-content: space-between;} .f-cb:after{ display:block; height:0; clear:both; visibility:hidden; overflow:hidden; content:"."; } .about-num{margin-top:0px;background:none;} .about-num li{position:relative;padding-left: 24px;margin: auto;text-align:left;border-left:1px solid #ccc;width:100%;} .about-num li:before{content:'';position:absolute;left:-1px;top:0;width: 3px;height: 50%;background: #015199;z-index:1;} .about-num li h2{font-family: "cf28fdc3-7a57-4726-a54f-cd53c6e37ecb";font-size: 56px;color: #015199;line-height: 56px;font-weight:bold;display:inline-block;} .about-num li p{font-size: 16px;line-height: 32px;} .about-num .count-unit{font-size:16px;color: #333;text-align:right;display:inline-block;font-style:normal;} .about-num li .bot p{ font-size:15px; color:#666; line-height:24px; } @media only screen and (max-width: 768px){ .f-cb { zoom: 1; display: block; } .about-num li h2{ font-size:30px; line-height: 30px; } .about-num{ margin-top:0px; padding-top: 0; padding-bottom:0px; } .about-num .count-unit{ font-size:14px; } .about-num li p{ font-size:14px; } .about-num li{ width:50%; border-bottom: none; padding-left: 12px; float: left; margin: 3% auto; } .about-num li:nth-child(1){ border-top: none; } .about-num li:nth-child(2){ border-top: none; border-right: none; } .about-num li:nth-child(4){ border-right: none; } .about-num li:last-child{ display:block; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ .about-num li h2{ font-size:30px; } .about-num{ margin-top:25px; padding-top:12px; padding-bottom:10px; } .about-num .count-unit{ font-size:14px; } .about-num li p{ font-size:14px; } } .select{ width: 31%; display: inline-block; height: 35px; position: relative; min-width: 150px; margin: 0; } .clearfix:before,.clearfix:after{ display:none; } .select:nth-child(1){ } .select:nth-child(2){ } .select:nth-child(3){ } .fl{ width: 22%;} .select dt{ height: 35px; border:1px solid #d0d0d0; position:relative; background:#ffffff; line-height: 35px; text-align:left; padding-left:14px; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; font-weight:normal; overflow:hidden; z-index:3; color:#8c8a8a; font-size:12px; /* background: #f6f6f6;*/ } .select dt i{ width:13px; height:7px; position:absolute; right:10px; top:50%; margin-top:-3px; background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2022042915463891120/cms/image/ba070a1c-bb3a-4b14-bd98-68279f9f3157.png) no-repeat center; } .select dd{ position:absolute; left:0; bottom: 35px; z-index:9; border:1px solid #d2ccc4; border-bottom:none; background:#fff; display:none; width:100%; box-sizing:border-box; margin:0; width: 300px; } .select dd ul{ padding:4px 0; width:100%; max-height:400px; overflow:auto; } .select dd ul li{ display:block; width:100%; } .select dd ul li a{ line-height:27px; display:block; width:100%; box-sizing:border-box; text-align:left; padding:0 14px; } .select dd ul li a:hover{ background:#f5f5f5; } .select dt.cur i{ -webkit-transform:rotateZ(180deg); transform:rotateZ(180deg); } .text{ margin-top:30px; font-size:14px; line-height:24px; color:#444444; } .text p span{ margin-right:8px; } .yq{ font-size:18px; color:#08277e; font-weight:700; line-height:40px; float:left; padding:0px 4%; } #c_static_001-1652343855155 .clearfix{ text-align:center; height: auto !important; display: flex;justify-content: space-between;} @media only screen and (max-width: 768px){ .select{width: 100%;margin: 0 0 15px;} .clearfix{padding: 0;DISPLAY: BLOCK !important;} .yq{ padding:0px; } } .sideBar { position: fixed; right: 0; top: 40%; transform: translateY(-50%); z-index: 1; } .side1 { width: 50px; height: 150px; background: rgba(0,77,161,0.8); text-align: center; transition: all 0.5s; display: flex; align-items: center; justify-content: center; } .side1 a, .side1 img, .side1 i, .side1 span { display: block; } .side1 img { margin: 0 auto; } .side1 i { margin: 10px auto; width: 1px; height: 20px; background: #fff; transition: all 0.5s ease; } .side1 span { color: #fff; font-size: 14px; writing-mode: vertical-lr; margin: 0 auto; letter-spacing: 2px; } .side1:hover { background: rgba(0,77,161,1); } .side1:hover a img { animation: jitter 0.5s; } .side { height: 50px; position: absolute; transition: all 0.5s; } .side a { display: block; height: 50px; font-size: 0; } .side i, .side span { display: inline-block; vertical-align: middle; height: 100%; line-height: 50px; } .side i { width: 50px; text-align: center; background: rgba(249,123,29,0.8); transition: all 0.3s; } .side i img { vertical-align: middle; } .side span { text-align: center; line-height: 50px; background: rgba(0,77,161,1); font-size: 13px; color: #fff; transition: all 1s; } .side2 { top: 151px; right: -190px; width: 240px; } .side2 span { width: 190px; } .side3 { right: -190px; width: 240px; top: 202px; } .side3 span { width: 190px; } .side4 { right: -140px; width: 190px; top: 253px; } .side4 span { width: 140px; } .side5 { right: -90px; width: 140px; top: 203px; cursor: pointer; } .side5 span { width: 90px; font-size: 14px; } .qcodePic { width: 100%; position: absolute; top: 50px; left: 0; display: none; z-index: 99; text-align: center; background: #fff; border: 1px solid #e5e5e5; } .side5:hover .qcodePic { display: block; } .side6 { right: -90px; width: 140px; top: 253px; cursor: pointer; } .side6 span { width: 90px; font-size: 14px; } .side:hover { right: 0; } .side:hover i { background: rgba(249,123,29,1); } .wxPic { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 9999; display: none; } .wxPic img { width: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .m-foot{ position:fixed; bottom:0; left:0; z-index:999; width:100%; background:#f5f5f5; display:none; } .m-foot ul{ font-size:0; text-align:center; height:54px; } .m-foot ul li{ float:left; width:20%; height:54px; display: flex; justify-content: center; align-items: center; border-left:1px solid #dbdbdb; border-top: 1px solid #dbdbdb; } .m-foot ul li:nth-child(3){ background:#e80101; border-left:none; border-top: 1px solid #e80101; } .m-foot ul li:nth-child(3) span{ color:#fff !important; } .m-foot ul li:first-child, .m-foot ul li:nth-child(4){ border-left:none; } .m-foot ul li span,.m-foot ul li img{ display:block; margin: 6px auto; } .m-foot ul li span{ line-height:14px; font-size:12px; color:#1a1a1a; transition:all 0.4s; } .m-foot ul li:hover span{ color:#e80101; } .wyz{ position:fixed; width:50px; height:50px !important; right:6px; bottom:150px; z-index:90; display:none; } @media only screen and (max-width: 768px) { .sideBar { display:none; } .m-foot{ display:block; } .wyz{ display:block; } }