@charset "utf-8"; /* CSS Document */ div#c_grid-116273709439191 > .p_gridbox > .p_gridCell:nth-child(1n + 1) { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } #c_navigation_030-1640597326645 { transition: all .5s ease; left: 0; } #c_navigation_030-1640597326645 .e_navigationA-23 .p_level1Item a { color: #fff; line-height: 90px; padding: 0 20px; } #c_navigation_030-1640597326645 .e_navigationA-23 .p_level2Item a { line-height: 2.5; } #c_navigation_030-1640597326645 .e_navigationA-23 .p_level1Item:hover .p_menu1Item a, #c_navigation_030-1640597326645 .e_navigationA-23 .p_level1Item a:hover { color: #015bbb; } div#c_navigation_030-1640597326645 .e_navigationA-23 .p_level2Item a:hover { color: #fff; background: #015bbb; } #c_navigation_030-1640597326645 .e_container-22 { justify-content: flex-end; } #c_navigation_030-1640597326645 .e_container-2 { align-items: center; } #c_navigation_030-1640597326645 .e_text-20 { white-space: nowrap; } #c_navigation_030-1640597326645 .e_container-18 { display: flex; flex-wrap: nowrap; flex-direction: row; width: 100%; } div#c_navigation_030-1640597326645 .e_container-3 { flex-wrap: nowrap; } /*首页滑动导航效果*/ #c_navigation_030-1640597326645.fixed { background: #fff; box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, 0.2); } #c_navigation_030-1640597326645.fixed .e_image-17 img { opacity: 0; } #c_navigation_030-1640597326645.fixed .e_image-17 { background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023060916055309043/cms/image/9a58afc4-2deb-4202-be1d-ca09d15ae6d8.png) no-repeat 0 0;background-size: 100% 100%; } #c_navigation_030-1640597326645.fixed .e_navigationA-23 .p_level1Item a { color: #333; } /* #c_navigation_030-1640597326645.fixed .e_container-3 .cbox-3-0 { border-left-color: rgba(163, 163, 163, 0.3); border-right-color: rgba(163, 163, 163, 0.3); } #c_navigation_030-1640597326645.fixed .e_text-20 { color: #7e7e7e; } #c_navigation_030-1640597326645.fixed .e_image-14 img, #c_navigation_030-1640597326645.fixed .e_image-19 img { opacity: 0; } #c_navigation_030-1640597326645.fixed .e_image-14 { background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2021113009443188066/cms/image/e08e12c5-d4cc-48c6-a576-17664616b8c9.png) no-repeat 50% 50%; } #c_navigation_030-1640597326645.fixed .e_image-19 { background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2021113009443188066/cms/image/794b1294-5d1b-47ba-9ef5-5df0f444f9d2.png) no-repeat 50% 50%; }*/ #c_navigation_030-1640597326645.fixed .e_container-2 .cbox-2-2:before { content: ""; width: calc(100% + 9vw); background: #015bbb; height: 90px; position: absolute; top: 50%; left: 0; z-index: -1; transform: translateY(-50%); } /* about */ @media only screen and (max-width: 1200px) { #c_static_376-1646642025703 .e_scrollNumber-78 .p_num { font-size: 46px;} #c_static_376-1646642025703 .e_scrollNumber-75 .p_num { font-size: 46px;} #c_static_376-1646642025703 .e_scrollNumber-72 .p_num { font-size: 46px;} #c_static_376-1646642025703 .e_text-82 { font-size: 28px;} } @media only screen and (max-width: 900px) { #c_static_376-1646642025703 .e_container-6 .cbox-6-0 { flex: 0 0 50%;} } /* about */ /* honor */ #c_static_001-1646709657342 .e_container-2 .cbox-2-1:before { content: ""; width: calc(100% + 9vw); background: #c4251a; height: calc(100% + 100px); position: absolute; top: 50%; left: 0; z-index: 0; transform: translateY(-50%); } #c_static_001-1646709657342 .e_container-14 img { -webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; transition: transform 0.4s ease-out; } #c_static_001-1646709657342 .e_container-14:hover img{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } #c_static_001-1646709657342 .swiper-pagination-bullet { width: 10px; height: 10px; transition: all 0.4s ease-out; margin: 0 2px; } #c_static_001-1646709657342 .swiper-pagination-bullet:hover { opacity: 1; background: #c4251a; } #c_static_001-1646709657342 .swiper-pagination-bullet-active { opacity: 1; background: #c4251a; width: 22px; border-radius: 5px; } @media only screen and (max-width: 1200px) { #c_static_001-1646709657342 .e_text-11 {font-size: 46px;} #c_static_001-1646709657342 .e_text-12 {font-size: 28px;} } @media only screen and (min-width: 769px) and (max-width: 900px) { #c_static_001-1646709657342 .e_container-2 .cbox-2-0 { flex: 0 0 50%; width: 50%; } #c_static_001-1646709657342 .e_container-2 .cbox-2-1 { flex: 0 0 50%; width: 50%; } } @media only screen and (min-width: 768px) { #c_static_001-1646709657342 .e_text-11 {font-size: 40px;} #c_static_001-1646709657342 .e_text-12 {font-size: 24px;} } /* honor */ /* cases */ .caseslist { } .caseslist ul {display: flex;flex-direction: row;} .caseslist li { /* float: left; */ /* width: 11.11%; */ flex: 1; } .caseslist li a { display: block; width: 100%; height: 320px; padding-bottom: 6px; position: relative; } .caseslist li .casesbg { height: 320px; width: 100%; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; } .caseslist li .casesico { padding-top: 58px; padding-left: 23%; } .caseslist li .casesico img { border: 0px; vertical-align: middle; max-width: 100%; } .caseslist li .casesico .casesimg1 { display: none; } .caseslist li .casesname1 { padding-top: 38px; padding-left: 23%; font-size: 17px; color: #000; font-weight: bold; } .caseslist li .casesname2 { color: #797979; padding-top: 8px; padding-left: 23%; position: relative; height: 52px; } .caseslist li .casesname2 em { position: absolute; bottom: 0px; left: 23%; display: block; width: 21px; height: 1px; background: #000; } .caseslist li .casesbottom { display: none; margin-left: 4%; width: 92%; height: 6px; background: #c4251a; } .caseslist li:hover .casesbottom { display: block; } .caseslist li:hover .casesbg { background: #313131; } .caseslist li:hover img { display: none; } .caseslist li:hover .casesimg1 { display: inline-block; } .caseslist li:hover .casesname1 { color: #fff; } .caseslist li:hover .casesname2 em { background: #fff; } #c_static_001-1646730046270 .e_image-14 a { display: block; width: 100%; height: 0; padding-bottom: 75%; overflow: hidden; position: relative; } #c_static_001-1646730046270 .e_image-14 img { width: 100%; height: auto; object-fit: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media only screen and (max-width: 960px) { .caseslist ul {flex-wrap: wrap;} .caseslist li { flex: 0 0 calc(100%/3);} } @media only screen and (max-width: 960px) { #c_static_001_P_948-1646791336012 .e_loop-1 .p_loopitem { flex-basis: calc(100% / 4); } } @media only screen and (max-width: 768px) { #c_static_001_P_948-1646791336012 .e_loop-1 .p_loopitem { flex-basis: calc(100% / 2); } } /* cases */ /* hb */ #c_static_001-1640771072165 .e_container-1 > .cbox-1-0.p_item { width: 34%; position: absolute; } #c_static_001-1640771072165 .e_container-1 > .cbox-1-1.p_item { margin-top: 96px; } #c_static_001-1640771072165 { background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2021113009443188066/cms/image/491966c6-e264-4c8c-a135-23d6dd9d1352.jpg) no-repeat top center, url(https://omo-oss-image.thefastimg.com/portal-saas/new2021113009443188066/cms/image/57bb12d2-c1d5-4b1e-ac02-d6aa7612eea2.jpg) no-repeat bottom center; background-color: #e9e9e9; } /*底部链接*/ #c_static_001-1647308703103 .col{ width:100%; padding: 0; } #c_static_001-1647308703103 .col li{ width:25%; float:left; } #c_static_001-1647308703103 .col li:nth-child(1){ background: #cc5200; } #c_static_001-1647308703103 .col li:nth-child(2){ background: #e55b00; } #c_static_001-1647308703103 .col li:nth-child(3){ background: #f16100; } #c_static_001-1647308703103 .col li:nth-child(4){ background: #c4251a; } #c_static_001-1647308703103 .col li a{ display:flex; align-items:center; position:relative; height:180px; width:100%; padding:0 40px; } #c_static_001-1647308703103 .info h2{ font-size:28px; line-height:28px; color:#fff; } #c_static_001-1647308703103 .info h3{ font-size:18px; font-family:pop; color:rgba(255,255,255,0.5); line-height:18px; margin-top:8px; } #c_static_001-1647308703103 .icon{ width:50px; height:50px; position:absolute; right:40px; top:50%; transform:translateY(-50%); transition:all 1s; } .icon img{ width:100%; } #c_static_001-1647308703103 .col li:hover .icon{ transform:translateY(-50%) rotateY(180deg); } @media only screen and (max-width: 1400px) and (min-width: 1200px){ #c_static_001-1647308703103 .col li a { height: 140px; padding: 0 30px; } } @media only screen and (max-width: 1200px) and (min-width: 769px){ #c_static_001-1647308703103 .col li{ width:50%; float:left; } #c_static_001-1647308703103 .col li a { height: 140px; padding: 0 30px; } } @media only screen and (max-width: 768px){ #c_static_001-1647308703103 .col li{ width:50%; float:left; } #c_static_001-1647308703103 .col li a { height: auto; padding: 20px 10px; flex-direction: column-reverse; text-align: center; } #c_static_001-1647308703103 .info h2{ font-size:18px; line-height:18px; } #c_static_001-1647308703103 .info h3{ font-size:14px; line-height:14px; } #c_static_001-1647308703103 .icon{ position:unset; width: 30px; height: 30px; transform: unset; margin-bottom: 16px; } #c_static_001-1647308703103 .col li:hover .icon{ transform:translateY(0) rotateY(180deg); } } /*footer*/ #c_navigation_013-1647310621883 .e_richText-10 { word-break: keep-all;} #c_grid-116273709439190 > .p_gridbox > .p_gridCell:nth-child(1n + 1) { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; clear: left; } #c_navigation_013-1647310621883 .f-con{ border-left:0px solid #333; padding:40px 0 40px; display: flex; flex-direction: row-reverse; height: auto; } #c_navigation_013-1647310621883 .foot-r{ /* float:right; */ width:270px; } #c_navigation_013-1647310621883 .tel{ display:block; width:270px; padding:14px 0; background: #015bbb; font-size:0; text-align:center; transition:all 0.5s; } #c_navigation_013-1647310621883 .tel i{ display:inline-block; width:40px; height:40px; background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2021120817190099602/cms/image/54cd7af6-3d93-4a91-978a-327638173d5a.png); vertical-align:middle; margin:0 8px; } #c_navigation_013-1647310621883 .num{ display:inline-block; vertical-align:middle; text-align:left; margin:0 8px; } #c_navigation_013-1647310621883 .num span{ display:block; font-size:14px; line-height:20px; color:rgba(255,255,255,0.8); } #c_navigation_013-1647310621883 .num em{ display:block; font-size:26px; line-height:32px; color:#fff; font-family:din; font-style: normal; } #c_navigation_013-1647310621883 .tel:hover{ background:#015bbb; } #c_navigation_013-1647310621883 .tel:hover i{ animation:jitter 0.5s; } #c_navigation_013-1647310621883 .qcode{ font-size:0; text-align:center; } #c_navigation_013-1647310621883 .qcode li{ display:inline-block; margin-right:10px; margin-top:10px; } #c_navigation_013-1647310621883 .qcode li:last-child{ margin-right:0; } #c_navigation_013-1647310621883 .qcode li img{ display:inline-block; width: 130px; } #c_navigation_013-1647310621883 .qcode li span{ display:block; font-size:14px; color:#fff; line-height:40px; } #c_navigation_013-1647310621883 .con-info{ /* float:right; */ margin-right:10%; margin-left: 10%; } #c_navigation_013-1647310621883 .con-info dl dt{ font-weight:normal; font-size:20px; color:#fff; line-height:20px; margin-bottom:30px; } #c_navigation_013-1647310621883 .con-info dl a{ display:block; font-size:14px; color:#808080; line-height:32px; transition:all 0.3s; } #c_navigation_013-1647310621883 .con-info dl a:hover{ color:#fff; } #c_navigation_013-1647310621883 .share{ margin-top:20px; } #c_navigation_013-1647310621883 .share .icon{ display:inline-block; width:40px; height:40px; margin-right:10px; transition:all 0.3s; } #c_navigation_013-1647310621883 .icon1{ background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2021120817190099602/cms/image/8db2ec25-4fa8-424d-8908-196a60518d09.png) no-repeat; } #c_navigation_013-1647310621883 .icon2{ background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2021120817190099602/cms/image/77a62d39-03a0-445e-829c-bf12b8806456.png) no-repeat; } #c_navigation_013-1647310621883 .icon3{ background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2021120817190099602/cms/image/29251f39-e8c6-432b-bb8a-187d0f9c9696.png) no-repeat; } #c_navigation_013-1647310621883 .icon4{ background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2021120817190099602/cms/image/92c34237-4701-45af-a376-65b368dc31fc.png) no-repeat; } #c_navigation_013-1647310621883 .icon1:hover{ background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2021120817190099602/cms/image/9b7b8363-f47b-41b3-81f4-e6aed2f2de15.png) no-repeat; } #c_navigation_013-1647310621883 .icon2:hover{ background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2021120817190099602/cms/image/f2b287fd-9bb0-47b0-ac89-fe4bfbdb3e85.png) no-repeat; } #c_navigation_013-1647310621883 .icon3:hover{ background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2021120817190099602/cms/image/f15dc7f0-8db8-426a-b7db-ddecb1ce2c69.png) no-repeat; } #c_navigation_013-1647310621883 .icon4:hover{ background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2021120817190099602/cms/image/2021b193-0bd6-45ec-935e-e32aee428ed7.png) no-repeat; } #c_navigation_013-1647310621883 .wxPic2{ position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.8); z-index:9999; display:none; } #c_navigation_013-1647310621883 .wxPic2 .wxImg{ width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:0; text-align:center; } #c_navigation_013-1647310621883 .wxPic2 .wxImg img{ display:inline-block; margin:0 10px; } #c_navigation_013-1647310621883 .wxPic2 .wxImg p{ color:#fff; font-size:16px; text-align:center; margin-top:20px; } @media only screen and (max-width: 1100px){ #c_navigation_013-1647310621883 .e_container-1 .cbox-1-1 { flex: 1;} #c_navigation_013-1647310621883 .f-con { border-left: 0px solid #333;} #c_navigation_013-1647310621883 .foot-r { width: 50%;} #c_navigation_013-1647310621883 .tel { margin: 0 auto;} } @media only screen and (max-width: 768px){ #c_navigation_013-1647310621883 .f-con { border-left: 0px solid #333; display: flex; flex-direction: column-reverse; padding: 0px 0 30px; } #c_navigation_013-1647310621883 .con-info { float:none; margin-right: 0; text-align: center; margin-left: 0; margin-bottom: 20px; } #c_navigation_013-1647310621883 .con-info dl dt { margin-bottom: 16px; } #c_navigation_013-1647310621883 .con-info dl a { line-height: 28px; } #c_navigation_013-1647310621883 .share { margin-top: 16px; } #c_navigation_013-1647310621883 .share .icon{ margin:0 5px; } #c_navigation_013-1647310621883 .foot-r{ float:none; width:100%; margin-top:16px; } #c_navigation_013-1647310621883 .tel{ width:100%; } #c_navigation_013-1647310621883 .qcode { display: none; } } /* footer */ /* 响应 */ @media only screen and (max-width: 1590px) { /* header */ #c_navigation_030-1640597326645 .e_container-2 .cbox-2-0 { flex: 0 0 300px; } } @media only screen and (max-width: 1400px) { /* header */ #c_navigation_030-1640597326645 .e_container-2 { width: 100%; } #c_navigation_030-1640597326645 .e_container-2 .cbox-2-0 { margin-left: 2vw; } #c_navigation_030-1640597326645 .e_container-2 .cbox-2-2 { flex: 0 0 260px; } /* cases */ } @media only screen and (max-width: 1250px) { /* header */ #c_navigation_030-1640597326645 .e_container-2 .cbox-2-2 { flex: 0 0 68px; } #c_navigation_030-1640597326645 .e_container-3 .cbox-3-1 { display: none; } #c_navigation_030-1640597326645 .e_container-3 .cbox-3-0 { flex: 1; border-left-width: 0; border-right-width: 0; } /* 模块宽度 */ #c_static_001-1640675957525 .e_container-1 { width: 94%; } #c_static_001-1640747059102 .e_container-2 { width: 94%; } #c_static_001-1640747059102 .e_container-1 { width: 94%; } #c_static_001-1640771072165 .e_container-1 { width: 94%; } #c_static_001-1640772756096 .e_container-2 { width: 94%; } #c_new_list_048-1640944872279 .e_loop-1 { width: 98%; } #c_static_001-1636703125092 .e_container-34 { width: 94%; } #c_static_001-1636703125092 .e_line-26 { width: 94%; } #c_static_001-1636703125092 .e_container-43 { width: 94%; } #c_static_001-1636703125092 .e_line-53 { width: 94%; } #c_static_001-1636703125092 .e_richText-54 { width: 94%; } } @media only screen and (max-width: 1000px) { /* header */ #c_navigation_030-1640597326645 .e_navigationA-23 .p_level1Item a { padding: 0 10px; } } @media only screen and (max-width: 900px) { /* header */ #c_navigation_030-1640597326645 .e_container-2 .cbox-2-0 { flex: 0 0 170px; } } @media only screen and (max-width: 768px) { /* header */ #c_navigation_030-1640597326645 .e_image-17 img { opacity: 0; } #c_navigation_030-1640597326645 .e_image-17 { background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023060916055309043/cms/image/9a58afc4-2deb-4202-be1d-ca09d15ae6d8.png) no-repeat 0 0; background-size: 100% 100%; max-width: 300px; } #c_navigation_030-1640597326645 .e_navigationA-23 .p_openIcon { color: #333; margin: 0; height: 28px; } #c_navigation_030-1640597326645 .e_container-2 .cbox-2-2:before, #c_navigation_030-1640597326645.fixed .e_container-2 .cbox-2-2:before { content: ""; width: 100%; background: #c4251a; height: 85px; position: absolute; top: 50%; left: 0; z-index: -1; transform: translateY(-50%); } #c_navigation_030-1640597326645 .e_navigationA-23 .p_iconBox { height: 80px; width: 60px; } #c_navigation_030-1640597326645 .e_container-3 { display: flex; } #c_navigation_030-1640597326645 .e_container-2 .cbox-2-0 { flex: 0 0 300px; } #c_navigation_030-1640597326645 .e_container-2 .cbox-2-1 { margin-right: 0; } #c_navigation_030-1640597326645 .e_container-22 { padding: 0; } #c_grid-116273709439191{ min-height: 82px; } #c_navigation_030-1640597326645 { background: #fff; } #c_navigation_030-1640597326645 .e_navigationA-23 .p_level1Item a { color: #333; line-height: 50px; padding: 0; } div#c_navigation_030-1640597326645 .e_navigationA-23 .p_level2Item a:hover { color: #c4251a;background: none; } /* 内容 */ #c_banner_011-1640592157081 { display: none; } div.swiper-button-next, div.swiper-button-prev { display: none; } #c_static_376-1646642025703 .e_text-82 { font-size: 24px; } #c_static_001-1646709657342 .e_container-2 .cbox-2-1:before { display: none; } #c_static_001-1640675957525 .e_container-1 .cbox-1-0 { flex: auto; padding-right: 4%; padding-left: 4%; width: 100%; } #c_static_001-1640675957525 .e_container-1 .cbox-1-1 { flex: auto; width: 100%; margin-bottom: 20px; } #c_static_001-1640675957525 .e_container-1 { flex-direction: column-reverse; } #c_static_001-1640747059102 { padding-top: 60px; padding-bottom: 60px; } div#c_static_001-1640747059102 .e_container-1 .cbox-1-0 { width: 100%; flex: auto; } #c_static_001-1640747059102 .e_container-1 .cbox-1-1 { display: none; } #c_static_001-1640771072165 .e_container-1 > .cbox-1-0.p_item { width: 100%; position: relative; flex: auto; } #c_static_001-1640771072165 .e_container-1 > .cbox-1-1.p_item { margin-left: 0; margin-top: 0; flex: auto; } #c_static_001-1640675957525 .e_text-4 { font-size: 30px; margin-top: 20px; margin-bottom: 20px; } #c_static_001-1640675957525 .e_image-2 { width: 240px; } #c_static_001-1640675957525 .e_line-6 { margin-bottom: 20px; } #c_static_001-1640675957525 .e_image-7 { margin-top: 40px; } #c_static_001-1640747059102 .e_text-4 { font-size: 30px; } #c_static_001-1640747059102 .e_container-2 { margin-bottom: 40px; } #c_static_001-1640771072165 .e_image-2 { margin-top: 60px; } #c_static_001-1640771072165 .e_text-3 { font-size: 30px; margin-top: 20px; } #c_static_001-1640772756096 .e_image-3 { width: 280px; } #c_static_001-1640772756096 { margin-top: 60px; } #c_static_001-1640772756096 .e_text-4 { font-size: 30px; } #c_static_001-1640771072165 .e_image-6{ display: none; } div#c_static_001-1640771072165 { background: #e9e9e9 url(https://omo-oss-image.thefastimg.com/portal-saas/new2021113009443188066/cms/image/491966c6-e264-4c8c-a135-23d6dd9d1352.jpg) no-repeat top center; } } @media only screen and (max-width: 450px) { /* header */ #c_navigation_030-1640597326645 .e_container-2 .cbox-2-0 { flex: 0 0 200px;} #c_navigation_030-1640597326645 .e_image-17 { max-width: 200px;} }