@charset "utf-8"; /** * Title: 基建入口 * Author: siYuan */ /* 全局变量 */ :root { --color-themes: #F5B837; } /* 组件函数 */ /* * 初始化 */ * { padding: 0; margin: 0; box-sizing: border-box; border: 0 solid #e5e7eb; } body { font-size: 16px; color: #666666; background: #fff; line-height: 1.4; word-break: break-all; font-family: Microsoft YaHei, Tahoma, Geneva, sans-serif; } ul, ul li { list-style: none; } img { border: 0; max-width: 100%; -webkit-user-drag: none; } em, i { font-style: normal; } a, button { cursor: pointer; color: #424242; outline: none; } a, a:hover { text-decoration: none; } #c_static_001-1656076157442 .cuIcon-back_android:before{ color:#fff } button, input, select, textarea { vertical-align: middle; outline: 0 !important; } input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill { -webkit-box-shadow: 0 0 0 750pt #fff inset; } .clear, .clearfix:after { clear: both; height: 0; font-size: 0; overflow: hidden; } .clear, .clearfix:after, .hide { overflow: hidden; } .mc { margin: 0 auto; } .clearfix { zoom: 1; } .clearfix:after { display: block; visibility: hidden; content: "."; } .entry-content { font-size: 16px; line-height: 30px; color: #666666; } .arpos { border-bottom: 1px solid #e5e5e5; } .divzoom { transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(1, 1) rotate(0deg); /* Firefox */ -webkit-transform: scale(1, 1) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(1, 1) rotate(0deg); /* Opera */ transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .divzoom:hover { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; transform: scale(1.1, 1.1) rotate(0deg); -ms-transform: scale(1.1, 1.1) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(1.1, 1.1) rotate(0deg); /* Firefox */ -webkit-transform: scale(1.1, 1.1) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(1.1, 1.1) rotate(0deg); /* Opera */ } .imgzoom .zoom { transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(1, 1) rotate(0deg); /* Firefox */ -webkit-transform: scale(1, 1) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(1, 1) rotate(0deg); /* Opera */ transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .imgzoom:hover .zoom { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; transform: scale(1.1, 1.1) rotate(0deg); -ms-transform: scale(1.1, 1.1) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(1.1, 1.1) rotate(0deg); /* Firefox */ -webkit-transform: scale(1.1, 1.1) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(1.1, 1.1) rotate(0deg); /* Opera */ } .wp { width: 1600px; } .wp-1440 { width: 1440px; } .wp-sm { width: 900px; } .wp-xs { width: 600px; } .img-hide { display:none; } .wp, .wp-sm, .wp-xs, .wp-1440 { max-width: 96%; margin: 0 auto; } .swiper-button { cursor: pointer; outline: none; } .lio { position: relative; padding-left: 15px; margin-bottom: 10px; } .lio:after { content: ""; width: 6px; height: 6px; position: absolute; left: 0; top: 50%; margin-top: -3px; border-radius: 50%; background: #d79610; } /* 动画菜单按钮 */ .sykui-menu { z-index: 98; cursor: pointer; overflow: hidden; position: relative; width: 26px; height: 20px; } .sykui-menu span, .sykui-menu:after, .sykui-menu:before { border-radius: 20px; position: absolute; content: ""; display: block; height: 3px; background: #fff; width: 26px; } .sykui-menu span { top: 50%; right: 0; margin-top: -1.5px; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .sykui-menu:after { bottom: 0; } .sykui-menu:before { top: 0; } .sykui-menu.exit-open span { right: -100%; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .sykui-menu.exit-open:after { transition-delay: 0.3s; bottom: 9px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); } .sykui-menu.exit-open:before { transition-delay: 0.3s; top: 8px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); } .sykui-menu.exit-open span, .sykui-menu.exit-open:after, .sykui-menu.exit-open:before { background: #fff; } .font-lighter { font-weight: lighter; } .text-word-break { word-wrap: break-word; word-break: normal; } .input-check { line-height: 2; } .input-check > label { display: block; position: relative; } .input-check > label > input[type=radio], .input-check > label > input[type=checkbox] { position: absolute; opacity: 0; z-index: -1; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; width: 0; height: 0; } .input-check > label > input[type=radio] + i, .input-check > label > input[type=checkbox] + i { position: relative; top: 0.15rem; width: 1.125rem; height: 1.125rem; display: inline-block; border: solid 1px #ddd; border-radius: 100%; margin-right: 4px; } .input-check > label > input[type=checkbox] + i { border-radius: 0.125rem; } .input-check > label > input:checked + i { background-color: #ff460f; box-shadow: 0px 0px 12px 5px #ff460f; border-color: transparent; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; } .input-check > label > input:checked + i::after { content: ""; position: absolute; width: 6px; height: 10px; top: 2px; left: 5px; border-right: 1.5px solid #fff; border-bottom: 1.5px solid #fff; transform: rotate(45deg); } .input-check > input[disabled] + i { opacity: 0.5; } div[class^=cbox-], div[id^=c_] { position: static !important; } .base-mt-1 { margin-top: 1px; } .base-mt-2 { margin-top: 2px; } .base-mt-3 { margin-top: 3px; } .base-mt-4 { margin-top: 4px; } .base-mt-5 { margin-top: 5px; } .base-mt-6 { margin-top: 6px; } .base-mt-7 { margin-top: 7px; } .base-mt-8 { margin-top: 8px; } .base-mt-9 { margin-top: 9px; } .base-mt-10 { margin-top: 10px; } .base-mt-11 { margin-top: 11px; } .base-mt-12 { margin-top: 12px; } .base-mt-13 { margin-top: 13px; } .base-mt-14 { margin-top: 14px; } .base-mt-15 { margin-top: 15px; } .base-mt-16 { margin-top: 16px; } .base-mt-17 { margin-top: 17px; } .base-mt-18 { margin-top: 18px; } .base-mt-19 { margin-top: 19px; } .base-mt-20 { margin-top: 20px; } .base-mt-21 { margin-top: 21px; } .base-mt-22 { margin-top: 22px; } .base-mt-23 { margin-top: 23px; } .base-mt-24 { margin-top: 24px; } .base-mt-25 { margin-top: 25px; } .base-mt-26 { margin-top: 26px; } .base-mt-27 { margin-top: 27px; } .base-mt-28 { margin-top: 28px; } .base-mt-29 { margin-top: 29px; } .base-mt-30 { margin-top: 30px; } .base-mt-31 { margin-top: 31px; } .base-mt-32 { margin-top: 32px; } .base-mt-33 { margin-top: 33px; } .base-mt-34 { margin-top: 34px; } .base-mt-35 { margin-top: 35px; } .base-mt-36 { margin-top: 36px; } .base-mt-37 { margin-top: 37px; } .base-mt-38 { margin-top: 38px; } .base-mt-39 { margin-top: 39px; } .base-mt-40 { margin-top: 40px; } .base-mt-41 { margin-top: 41px; } .base-mt-42 { margin-top: 42px; } .base-mt-43 { margin-top: 43px; } .base-mt-44 { margin-top: 44px; } .base-mt-45 { margin-top: 45px; } .base-mt-46 { margin-top: 46px; } .base-mt-47 { margin-top: 47px; } .base-mt-48 { margin-top: 48px; } .base-mt-49 { margin-top: 49px; } .base-mt-50 { margin-top: 50px; } .base-mt-51 { margin-top: 51px; } .base-mt-52 { margin-top: 52px; } .base-mt-53 { margin-top: 53px; } .base-mt-54 { margin-top: 54px; } .base-mt-55 { margin-top: 55px; } .base-mt-56 { margin-top: 56px; } .base-mt-57 { margin-top: 57px; } .base-mt-58 { margin-top: 58px; } .base-mt-59 { margin-top: 59px; } .base-mt-60 { margin-top: 60px; } .base-mt-61 { margin-top: 61px; } .base-mt-62 { margin-top: 62px; } .base-mt-63 { margin-top: 63px; } .base-mt-64 { margin-top: 64px; } .base-mt-65 { margin-top: 65px; } .base-mt-66 { margin-top: 66px; } .base-mt-67 { margin-top: 67px; } .base-mt-68 { margin-top: 68px; } .base-mt-69 { margin-top: 69px; } .base-mt-70 { margin-top: 70px; } .base-mt-71 { margin-top: 71px; } .base-mt-72 { margin-top: 72px; } .base-mt-73 { margin-top: 73px; } .base-mt-74 { margin-top: 74px; } .base-mt-75 { margin-top: 75px; } .base-mt-76 { margin-top: 76px; } .base-mt-77 { margin-top: 77px; } .base-mt-78 { margin-top: 78px; } .base-mt-79 { margin-top: 79px; } .base-mt-80 { margin-top: 80px; } .base-mt-81 { margin-top: 81px; } .base-mt-82 { margin-top: 82px; } .base-mt-83 { margin-top: 83px; } .base-mt-84 { margin-top: 84px; } .base-mt-85 { margin-top: 85px; } .base-mt-86 { margin-top: 86px; } .base-mt-87 { margin-top: 87px; } .base-mt-88 { margin-top: 88px; } .base-mt-89 { margin-top: 89px; } .base-mt-90 { margin-top: 90px; } @media (max-width: 640px) { html { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } } .search-form { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; position: absolute; right: 30px; top: -30px; box-shadow: 1px 2px 20px -1px rgba(0, 0, 0, 0.123); background: #ffffff; border: 1px solid #e6e5e5; padding: 8px 10px 8px 5px; border-radius: 3px; visibility: hidden; opacity: 0; } .search-form.cur { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; top: -11px; opacity: 1; visibility: visible; } .search-form .sear { box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.567); padding: 5px; } .header-lnline-height { height: 87px; } .max-text-1 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .max-text-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .max-text-5 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; } .fp-watermark { display: none !important; } .text-36 { font-size: 36px; } .tds-animate--bounce { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: tds-keyframe--bounce; animation-name: tds-keyframe--bounce; } @-webkit-keyframes tds-keyframe--bounce { 0%, 20%, 50%, 80%, to { transform: translateY(0); } 40% { transform: translateY(5px); } 60% { transform: translateY(3px); } } @keyframes tds-keyframe--bounce { 0%, 20%, 50%, 80%, to { transform: translateY(0); } 40% { transform: translateY(5px); } 60% { transform: translateY(3px); } } .opacity-90 { opacity: 0.9; } .opacity-80 { opacity: 0.8; } .page-block-m { display: none; } .swiper-button-themes { --swiper-navigation-size: 16px; } .swiper-button-themes .swiper-button-next, .swiper-button-themes .swiper-button-prev { width: 48px; height: 48px; background: #FFFFFF; box-shadow: 0px 0px 24px 0px rgba(53, 57, 77, 0.11); border-radius: 50%; color: #8B7C93; } .swiper-button-themes .swiper-button-next:hover, .swiper-button-themes .swiper-button-prev:hover { background: #F5B837; color: #fff; } .swiper-button-themes.button-online .swiper-button-next, .swiper-button-themes.button-online .swiper-button-prev { border: 1px solid rgba(255, 255, 255, 0.7); background: transparent; color: rgba(255, 255, 255, 0.7); } .swiper-button-themes.button-online .swiper-button-next:hover, .swiper-button-themes.button-online .swiper-button-prev:hover { background: #F5B837; color: #fff; border: 1px solid #F5B837; } p, .desc { text-align: justify; } @media (max-width: 1000px) { .text-36 { font-size: 22px; } .asp-content { word-wrap: break-word !important; word-break: normal !important; } .asp-content * { width: auto !important; height: auto !important; } .asp-content p { word-wrap: break-word !important; word-break: normal !important; } .asp-content img { width: auto !important; height: auto !important; } .asp-content table { width: auto !important; height: auto !important; } } @media (max-width: 640px) { .page-block-m { display: block; } .page-block-pc { display: none; } } .header-main { width: 100%; height: 108px; position: fixed; left: 0; right: 0; top: 0; z-index: 99; background: linear-gradient(86deg, rgba(0, 0, 0, 0.001) 0%, rgba(0, 0, 0, 0.123) 100%); transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .header-main.cur { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; background: linear-gradient(37deg, rgba(0, 0, 0, 0.456) 0%, rgba(0, 0, 0, 0.123) 100%); } .header-main.hide { opacity: 0; } .header-main .header-top { height: 100%; } .header-main .header-top .header-nav { height: 100%; } .sear-main { top: -10px; opacity: 0; visibility: hidden; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; right: calc(100% - 30px); width: 0; } .sear-main .sear-container { height: 42px; padding: 0 20px; background-color: #393939; border-radius: 30px !important; } .sear-main .btn-x { display: none; } .sear-main input { flex: 1; font-size: 14px; color: #fff; background: none; } .sear-main input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.8); } .sear-main.cur { opacity: 1; visibility: visible; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; width: 230px; } .nav-container { margin-right: 107px; height: 100%; } .nav-container > a { font-size: 18px; color: #fff; padding: 0 25px; display: inline-block; height: 100%; line-height: 108px; border-bottom: 4px solid transparent; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .nav-container > a.on, .nav-container > a:hover { border-bottom: 4px solid #f4b636; font-weight: bold; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .header-m { position: relative; display: none; z-index: 99; } .header-m .nav-m { width: 200px; position: absolute; top: 50px; z-index: 99; right: -110%; padding: 10px; border-radius: 10px; background-color: rgba(51, 51, 51, 0.9); box-shadow: 1px -1px 10px rgba(51, 51, 51, 0.7); opacity: 0; visibility: hidden; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .header-m .nav-m > a { display: block; color: #fff; padding: 10px 20px; text-align: center; } .header-m .nav-m .nav-m-first-li { text-align: center; } .header-m .nav-m .nav-m-first-li .nav-m-first-a { float: left; display: inline-block; color: #fff; padding: 10px 0px; text-align: center; font-size: 17px; } .header-m .nav-m .nav-m-first-li .nav-m-first-i { float: right; margin-top: 15px; margin-left: 18px; display: inline-block; width: 8px; height: 14px; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/6ab0bf7d-108e-4685-acf7-28ca26302d64.png_186xaf.png?t=1656404217522") no-repeat; } .header-m .nav-m .nav-m-first-li .nav-m-second { display: none; } .header-m .nav-m .nav-m-first-li .nav-m-second .nav-m-second-li { text-align: center; } .header-m .nav-m .nav-m-first-li .nav-m-second .nav-m-second-li a { display: inline-block; color: #fff; padding: 10px; text-align: left; opacity: 0.8; float: left; } .header-m .nav-m .nav-m-first-li .nav-m-second .nav-m-second-li .nav-m-third { display: none; } .header-m .nav-m .nav-m-first-li .nav-m-second .nav-m-second-li .nav-m-third a { display: block; color: #fff; padding: 10px 20px; text-align: left; opacity: 0.6; } .header-m .nav-m .nav-m-first-li .nav-m-second .nav-m-second-li.on .nav-m-third { display: block; } .header-m .nav-m .nav-m-first-li.on .nav-m-first-i { transform: rotate(90deg); } .header-m .nav-m .nav-m-first-li.on .nav-m-second { display: block; } .header-m.active .nav-m { display: block; right: 0; opacity: 1; visibility: visible; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } @media (max-width: 1560px) { .header-main .logo { height: 40px; } .header-main .nav-container { margin-right: 50px; } .header-main .nav-container > a { margin-left: 5px; font-size: 16px; padding: 0 10px; } } @media (max-width: 1300px) { .header-main .logo { height: 40px; } .header-main .nav-container > a { margin-left: 5px; font-size: 16px; padding: 0 5px; } } @media (max-width: 1060px) { .header-pc { display: none; } .header-m { display: block; } } @media (max-width: 640px) { .president-message .info-box .info-block > div:nth-child(3){ margin-top: 24px !important; } .header-main { height: 80px; } .header-main > div.pl-lg { padding: 10px; } .header-main.cur { background: linear-gradient(37deg, rgba(0, 0, 0, 0.456) 0%, rgba(0, 0, 0, 0.345) 100%); } .header-main .text-xl { font-size: 12px; } .header-main .border-l { margin-left: 10px; padding-left: 10px; } } .subNav-content { width: 100%; background: #ffffff; z-index: 99; display: none; box-shadow: 0 5px 51px rgba(53, 57, 77, 0.3); } .subNav-content .subnav-left { width: 25%; float: left; border-left: 1px solid #e5e5e5; } .subNav-content .subnav-left li { border-left: 5px solid transparent; position: relative; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .subNav-content .subnav-left li a { display: flex; align-items: center; font-size: 18px; color: #35394d; line-height: 70px; padding-left: 15px; } .subNav-content .subnav-left li a .img { margin-right: 32px; margin-left: 13px; } .subNav-content .subnav-left li i { display: none; width: 36px; height: 36px; background: #ffffff; position: absolute; top: 15px; right: 15px; z-index: 9; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .subNav-content .subnav-left li.on { border-left: 5px solid #93859b; background: #f2f1f3; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .subNav-content .subnav-left li.on i { display: flex; align-items: center; justify-content: center; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .subNav-content .subnav-left:nth-child(1) { width: 28%; } .subNav-content .subnav-right { width: 35%; float: left; display: flex; align-items: end; border-left: 1px solid #e5e5e5; padding: 50px 45px 55px 40px; box-sizing: border-box; } .subNav-content .subnav-right .text { width: 45%; margin-left: 6%; } .subNav-content .subnav-right .text .dd1 { font-size: 24px; font-weight: bold; color: #000000; position: relative; line-height: 1; padding-bottom: 22px; } .subNav-content .subnav-right .text .dd1::after { content: ""; width: 40px; height: 4px; background: #f4b636; position: absolute; left: 0; bottom: 0; } .subNav-content .subnav-right .text .dd2 { font-size: 16px; color: #777777; line-height: 22px; margin-top: 15px; } .subNav-content .subnav-right .text .base-button-1 { width: 160px; height: 50px; border: 1px solid #dddddd; font-size: 16px; margin-top: 40px; } .subNav-content .subnav-right .text .base-button-1 .text-gray-35394D { color: #777777; } .subNav-content .subnav-right .text .base-button-1:hover .text-gray-35394D { color: #fff; } .subNav-content .subnav-ul { float: left; width: 65%; border-left: 1px solid #e5e5e5; padding: 0; margin-top: 30px; padding-left: 2%; padding-right: 3%; box-sizing: border-box; } .subNav-content .subnav-ul .second-ul li { width: 20%; box-sizing: border-box; border-bottom: 1px solid #e5e5e5; float: left; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .subNav-content .subnav-ul .second-ul li a { display: inline-block; font-size: 18px; color: #35394d; padding: 20px 5px; border-bottom: 4px solid transparent; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; position: relative; margin-left: 15px; } .subNav-content .subnav-ul .second-ul li.on a, .subNav-content .subnav-ul .second-ul li:hover a { color: #35394d; font-weight: bold; border-bottom: 4px solid #f4b636; } .subNav-content .subnav-ul .third-ul { width: 100%; padding-top: 35px; } .subNav-content .subnav-ul .third-ul li { width: 20%; float: left; border-left: 5px solid transparent; position: relative; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .subNav-content .subnav-ul .third-ul li a { display: flex; align-items: center; font-size: 16px; color: #777777; line-height: 60px; padding-left: 15px; } .subNav-content .subnav-ul .third-ul li a .img { margin-right: 32px; margin-left: 13px; } .subNav-content .subnav-ul .third-ul li i { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; position: absolute; top: 15px; right: 15px; z-index: 9; opacity: 0; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .subNav-content .subnav-ul .third-ul li.on, .subNav-content .subnav-ul .third-ul li:hover { border-left: 5px solid #93859b; background: #f2f1f3; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .subNav-content .subnav-ul .third-ul li.on a, .subNav-content .subnav-ul .third-ul li:hover a { color: #35394d; } .subNav-content .subnav-ul .third-ul li.on i, .subNav-content .subnav-ul .third-ul li:hover i { background: #ffffff; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .subNav-content .subnav-cybj-right { float: left; width: 22%; padding-left: 38px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-direction: column; border-left: 1px solid #e5e5e5; } .subNav-content .subnav-cybj-right .pic { position: relative; } .subNav-content .subnav-cybj-right .pic img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .subNav-content .subnav-cybj-right .pic .ckgd-more { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/cpbj-nav-bg.png) left bottom no-repeat; display: flex; align-items: flex-end; } .subNav-content .subnav-cybj-right .pic .ckgd-more p { font-size: 18px; font-weight: bold; color: #ffffff; float: left; width: calc(100% - 70px); margin: 10px; } .subNav-content .subnav-cybj-right .pic .ckgd-more .dd-icon { width: 36px; height: 36px; background: #eaab2f; float: right; margin: 10px; display: flex; align-items: center; justify-content: center; color: white; } .subNav-content .subnav-cybj-right .text { font-size: 16px; color: #777777; line-height: 24px; margin-top: 20px; } .subnav-second { width: 50%; float: left; } .subnav-second .subnav-left { width: 50% !important; } .subnav-other2 { width: 25% !important; } .subnav-other2 .subnav-other3 { width: 100% !important; } @media (max-width: 1600px) { .subNav-content .subnav-right { padding: 30px; } .subNav-content .subnav-ul { padding: 0 30px; margin-top: 10px; } .subNav-content .subnav-ul .third-ul { padding-top: 10px; } } .main-footer { background: #454545; overflow: hidden; } .main-footer .logo { height: 50px; } .main-footer .foot-top { height: 130px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 51px; } .main-footer .foot-top .la-block { position: relative; } .main-footer .foot-top .la-block .la-info-model { background: #fff; width: 80px; height: 80px; position: absolute; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; top: 50px; left: 50%; transform: translate(-50%); box-shadow: 0px 0px 36px 2px rgba(51, 53, 56, 0.123); opacity: 0; visibility: hidden; } .main-footer .foot-top .la-block .la-info-model img { width: 100%; } .main-footer .foot-top .la-block .la-info-model:after { content: ""; position: absolute; top: -10px; left: 50%; transform: translate(-50%); border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #fff; } .main-footer .foot-top .la-block:hover .la-info-model { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; opacity: 1; visibility: visible; top: 57px; } .main-footer .foot-left { margin-right: 114px; color: #999; } .main-footer .foot-left .ever { width: 110px; height: 110px; } .main-footer .foot-right > ul { width: 16.6666666667%; } .main-footer .foot-right > ul > li > a { font-size: 18px; color: #fff; } .main-footer .foot-right > ul > ul { margin-top: 34px; } .main-footer .foot-right > ul > ul > li { margin-bottom: 15px; } .main-footer .foot-right > ul > ul > li > a { font-size: 16px; color: #999; } .main-footer .foot-right > ul > ul > li > a:hover { color: #fff; } .main-footer .foot-bottom { margin-top: 100px; border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 30px 0 20px; } .main-footer .foot-com{ display: none; width: 100%; text-align: center; padding: 0px 0 20px; color: #9d9d9d; font-size: 14px; } .main-footer .foot-bottom a { color: #999; } .main-footer-help { position: fixed; z-index: 999; right: 0; top: 40%; visibility: hidden; opacity: 0; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .main-footer-help.cur { visibility: visible; opacity: 1; } .main-footer-help .div-list { box-shadow: 0px 0px 36px 2px rgba(51, 53, 56, 0.123); } .main-footer-help .div-list .item { text-align: center; width: 100px; height: 100px; border-bottom: 1px solid rgba(221, 221, 221, 0.5); display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; background: #fff; position: relative; } .main-footer-help .div-list .item .la { position: absolute; right: 0; height: 100px; background: #fff; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; bottom: 0; width: 200px; font-size: 22px; z-index: -1; box-shadow: 0px 0px 36px 2px rgba(51, 53, 56, 0.123); visibility: hidden; opacity: 0; } .main-footer-help .div-list .item .la .ever { width: 100px; height: 100px; } .main-footer-help .div-list .item .la.ever { width: 100px; } .main-footer-help .div-list .item .icon img:nth-child(1) { display: block; } .main-footer-help .div-list .item .icon img:nth-child(2) { display: none; } .main-footer-help .div-list .item:last-child { border-bottom: none; } .main-footer-help .div-list .item:hover { background: linear-gradient(86deg, #E29D28 0%, #F7BB39 100%); } .main-footer-help .div-list .item:hover .text-gray-999 { color: #fff; } .main-footer-help .div-list .item:hover .icon img:nth-child(1) { display: none; } .main-footer-help .div-list .item:hover .icon img:nth-child(2) { display: block; } .main-footer-help .div-list .item:hover .la { visibility: visible; opacity: 1; right: 100%; } .main-footer-help .div-foot { margin-top: 18px; background: rgba(74, 58, 84, 0.8); padding: 15px 0; font-size: 30px; color: #fff; line-height: 1; cursor: pointer; } @media (max-width: 640px) { .main-footer-help { display: none; } .main-footer .wp > .flex { display: block; } .main-footer .wp .foot-top { padding-top: 20px; height: auto; padding-bottom: 20px; } .main-footer .wp .foot-top > div:nth-child(2) { margin-top: 10px; } .main-footer .wp .foot-left { margin-right: 0; } .main-footer .wp .foot-right { display: none; } .main-footer .wp .foot-bottom { margin-top: 40px; } .main-footer .foot-com { font-size:12px; } .main-footer .wp .foot-bottom > .flex { margin-top: 20px; } .main-footer .wp .mt-xl { margin-top: 20px; } } .banner-swiper .banner-image { width: 100%; height: 100vh; position: relative; z-index: -1; -o-object-fit: cover; object-fit: cover; } .banner-swiper .swiper-pagination { width: auto !important; left: 8.34% !important; bottom: 76px !important; } .banner-swiper .swiper-pagination .swiper-pagination-bullet { width: 40px; border-radius: 0; height: 3px; } .banner-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff; } .banner-swiper .bottom-icon { font-size: 14px; bottom: 76px; } .banner-swiper .bottom-icon .btn-icon { width: 45px; height: 45px; background: #fff; border-radius: 50%; color: #424242; display: flex; justify-content: center; align-items: center; margin: 0 10px; font-size: 20px; } .banner-swiper .bottom-icon .btn-icon img { width: 20px; height: 20px; } .banner-swiper .banner-info-text { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; top: 0; left: 0; } .banner-swiper .banner-info-text .info-box { display: flex; flex-direction: column; align-items: end; justify-content: center; transition: all 0.7s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.7s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.7s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.7s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.7s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; transform: translateX(-100%); opacity: 0; } .banner-swiper .banner-info-text .dd1 { font-size: 64px; color: #fff; } .banner-swiper .banner-info-text .dd2 { font-size: 24px; color: #fff; opacity: 0.6; margin-top: 40px; } .banner-swiper .banner-info-text .more { color: #fff; width: 160px; height: 60px; margin-top: 55px; font-size: 18px; border: 1px solid #fff; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .banner-swiper .banner-info-text .more:hover { background: #F5B837; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; border: 1px solid #F5B837; } .banner-swiper .swiper-slide.swiper-slide-active .banner-info-text .info-box { transition: all 0.7s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.7s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.7s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.7s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.7s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; transform: translateX(0); opacity: 1; } .swiper-pagination { width: auto !important; } .text-gray-35394D { color: #424242; } .bg-purple-672D91 { background-color: #672D91; } .text-48 { font-size: 48px; } .text-32 { font-size: 32px; } .main-pl { padding-left: 12.5%; } .main-pr { padding-right: 12.5%; } .height-28 { line-height: 28px; } .pr-114 { padding-right: 114px; } .base-button-1 { width: 180px; height: 60px; padding: 0 20px; background: #FFFFFF; display: inline-flex; justify-content: space-between; align-items: center; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; cursor: pointer; } .base-button-1.box-shadow { box-shadow: 0px 5px 35px 0px rgba(142, 157, 162, 0.15); } .base-button-1:hover { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; background-color: #F5B837; box-shadow: 0px 5px 35px 0px rgba(142, 157, 162, 0.345); } .base-button-1:hover .text-gray-35394D { color: #fff; } .base-button-1:hover .dd-icon { color: #fff; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; transform: scale(1.2, 1.2) rotate(180deg); -ms-transform: scale(1.2, 1.2) rotate(180deg); /* Internet Explorer */ -moz-transform: scale(1.2, 1.2) rotate(180deg); /* Firefox */ -webkit-transform: scale(1.2, 1.2) rotate(180deg); /* Safari 和 Chrome */ -o-transform: scale(1.2, 1.2) rotate(180deg); /* Opera */ } .base-button-1:hover.border-1 { border: 1px solid #F5B837; } .base-button-1.online { background-color: transparent; border: 1px solid rgb(255, 255, 255); } .base-button-1.online .text-gray-35394D { color: #fff; } .base-button-1.online .icon { color: #fff; } .base-button-1.online:hover { background-color: #F5B837; box-shadow: 0px 5px 35px 0px rgba(142, 157, 162, 0.345); border: 1px solid #F5B837; } .base-button-1.border-1 { border: 1px solid #D3DADC; } .cuIcon-back_android.dd-icon { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(1, 1) rotate(0deg); /* Firefox */ -webkit-transform: scale(1, 1) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(1, 1) rotate(0deg); /* Opera */ } .cuIcon-back_android.dd-icon.mr { transform: rotate(180deg); } .base-title-border { width: 50px; height: 3px; } .text-purple-6A318F { color: #6A318F; } .main-about .about-img-1 { height: 960px; z-index: -1; position: relative; } .main-about .about-img-1 img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .main-about .video-block { width: 90%; } .main-about .video-block .zoom { width: 483px; max-height: 272px; } .main-about .title-big { margin-top: 80px; } .about-full-container { position: absolute; left: 100%; bottom: 0; width: 200%; background-color: #fff; z-index: 10; box-shadow: 1px -1px 20px rgba(0, 0, 0, 0.123); } .about-full-container > div { width: 33.3333333333%; position: relative; padding: 30px 40px; } .about-full-container > div::after { content: ""; position: absolute; height: 80%; top: 10%; right: -1px; border-right: 2px solid #DADDE9; opacity: 0.5; } .about-full-container > div .info { flex: 1; color: #454545; } .about-full-container > div .info .num { line-height: 1; font-size: 60px; font-weight: 500; display: flex; align-items: flex-start; } .about-full-container > div .info .num .dd2 { font-size: 28px; margin-left: 2px; margin-top: 5px; } .about-full-container > div .text { color: #999; font-size: 19px; margin-top: 15px; } .main-product .info-container { background-color: rgba(0, 0, 0, 0.234); padding-bottom: 93px; padding-top: 80px; position: relative; z-index: 1; overflow: hidden; } .main-product .product-swiper { margin-top: 138px; } .main-product .product-swiper .desc { width: 480px; max-width: 100%; } .main-product .product-swiper .swiper-button { top: 100px; z-index: 70; } .main-product .product-swiper .swiper-button-next, .main-product .product-swiper .swiper-button-prev { width: 40px; height: 40px; position: static; background-size: 100%; } .main-product .product-swiper .swiper-button-next { margin-top: 20px; } .main-product .product-swiper .swiper-button-prev { margin-top: 0; } .main-product .product-swiper .swiper-pagination { position: static; color: #fff; text-align: left; } .main-product .product-swiper .swiper-pagination .swiper-pagination-current { font-size: 36px; } .main-product .product-list { margin-top: 155px; border-top: 1px solid rgba(255, 255, 255, 0.4); border-bottom: 1px solid rgba(255, 255, 255, 0.4); } .main-product .product-list .item { display: block; padding: 20px 40px; position: relative; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .main-product .product-list .item:after { content: ""; position: absolute; right: 0; top: 10%; width: 1px; height: 80%; background-color: rgba(255, 255, 255, 0.4); } .main-product .product-list .item .info { color: #fff; opacity: 0.9; margin-top: 45px; } .main-product .product-list .item .icon-img { width: 45px; height: 45px; overflow: hidden; position: relative; } .main-product .product-list .item .icon-img img { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; position: absolute; top: 0; left: 0; width: 45px; height: 45px; -o-object-fit: contain; object-fit: contain; } .main-product .product-list .item .icon-img .icon1 { opacity: 1; visibility: visible; transform: translateX(0); } .main-product .product-list .item .icon-img .icon2 { opacity: 0; visibility: hidden; transform: translateX(-100%); } .main-product .product-list .item:before { content: ""; position: absolute; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/4292ce3d-685c-4227-8fce-7bc3aaa3b7da.png_186xaf.png?t=1656322734362") no-repeat center; background-size: contain; width: 36px; height: 36px; bottom: 20px; right: 40px; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; opacity: 0; visibility: hidden; } .main-product .product-list .item:hover { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; background-color: #fff; } .main-product .product-list .item:hover .icon-img .icon1 { opacity: 0; visibility: hidden; transform: translateX(-100%); } .main-product .product-list .item:hover .icon-img .icon2 { opacity: 1; visibility: visible; transform: translateX(0); } .main-product .product-list .item:hover .icon-img img { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .main-product .product-list .item:hover .info { color: #424242; } .main-product .product-list .item:hover:before { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; opacity: 1; visibility: visible; } .main-product .product-list .swiper-slide.swiper-slide-thumb-active .item { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; background-color: #fff; } .main-product .product-list .swiper-slide.swiper-slide-thumb-active .item .icon-img .icon1 { opacity: 0; visibility: hidden; transform: translateX(-100%); } .main-product .product-list .swiper-slide.swiper-slide-thumb-active .item .icon-img .icon2 { opacity: 1; visibility: visible; transform: translateX(0); } .main-product .product-list .swiper-slide.swiper-slide-thumb-active .item .icon-img img { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .main-product .product-list .swiper-slide.swiper-slide-thumb-active .item .info { color: #424242; } .main-product .product-list .swiper-slide.swiper-slide-thumb-active .item:before { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; opacity: 1; visibility: visible; } .main-news { padding-top: 72px; padding-bottom: 110px; } .main-news .news-right { width: calc(100% - 190px); } .main-news .news-right .news-page .news-list-model { visibility: hidden; opacity: 0; height: 0; overflow: hidden; } .main-news .news-right .news-page .news-list-model.cur { visibility: visible; opacity: 1; height: auto; } .main-news .news-container .cate-list .item { display: flex; align-items: center; margin-top: 38px; } .main-news .news-container .cate-list .item .title { font-size: 18px; color: #999; flex: 1; } .main-news .news-container .cate-list .item .spot { width: 20px; height: 20px; position: relative; margin-right: 20px; border-radius: 50%; border: 1px solid #D3DADC; } .main-news .news-container .cate-list .item.cur .spot { border: 5px solid #F5B837; } .main-news .news-container .cate-list .item.cur .spot:after { content: ""; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-news .news-container .cate-list .item.cur .title { color: #424242; } .main-news .news-container .news-swiper { width: 50%; padding-right: 50px; border-right: 1px solid #D3DADC; } .main-news .news-container .news-swiper .item .title { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .main-news .news-container .news-swiper .item:hover .title { color: #F5B837; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .main-news .news-container .news-swiper .item .img { overflow: hidden; } .main-news .news-container .news-swiper .swiper-pagination { position: static; display: flex; align-items: center; } .main-news .news-container .news-swiper .swiper-pagination .swiper-pagination-bullet { width: 6px; height: 6px; margin-left: 25px; background-color: #a0a0a0; } .main-news .news-container .news-swiper .swiper-pagination .swiper-pagination-bullet-active { width: 16px; height: 16px; border: 1px solid #F5B837; background-color: #fff; } .main-news .news-container .news-list { margin-left: 41px; } .main-news .news-container .news-list .item { padding: 0 26px 0 26px; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; position: relative; } .main-news .news-container .news-list .item .time { border-right: 1px solid #D3DADC; margin-right: 20px; color: #908296; padding: 10px 20px 10px 0; } .main-news .news-container .news-list .item .time .dd1 { font-size: 30px; } .main-news .news-container .news-list .item .time .dd2 { font-size: 18px; } .main-news .news-container .news-list .item .info-container { padding: 22.4px 0; } .main-news .news-container .news-list .item .info-container .info-1 { color: #2C3245; } .main-news .news-container .news-list .item .info-container .info-2 { margin-top: 17px; } .main-news .news-container .news-list .item .info-container .info-3 { margin-top: 18px; } .main-news .news-container .news-list .item:hover { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; box-shadow: 1px -1px 20px rgba(0, 0, 0, 0.123); border-bottom: 2px solid #F5B837; z-index: 1; } .main-investment { padding: 126px 0 154px 0; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/c2d0e56e-9bc2-44f5-8b18-0bbec736059a.png_186xaf.png?t=1656322880654") no-repeat center/cover; } .main-investment .page-left { width: 320px; } .main-investment .page-right { width: calc(100% - 380px); } .main-investment .page-right .chart-image { width: calc(100% - 440px); height: 520px; } .main-investment .page-right .chart-image .gu-page-iframe { height: 640px; } .main-investment .page-right .inve-list { width: 440px; height: 600px; padding-left: 45px; margin-left: 45px; border-left: 1px solid rgba(255, 255, 255, 0.4); } .main-investment .page-right .inve-list .swiper-container { height: 100%; } .main-investment .page-right .inve-list .swiper-slide { height: calc((100% - 60px) / 3); overflow: hidden; } .main-investment .page-right .inve-list .swiper-slide .mt-lg { margin-top: 20px; } .main-investment .page-right .inve-list .item { height: 100%; display: block; padding: 25px; background: #ffffff; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .main-investment .page-right .inve-list .item .icon-info { width: 22px; height: 22px; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/d9e5e8cb-818c-43a5-b8a6-23f166256de0.png_186xaf.png?t=1656323218567") no-repeat center; background-size: contain; } .main-investment .page-right .inve-list .item:hover { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; background: #F5B837; } .main-investment .page-right .inve-list .item:hover .icon-info { background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/0b391289-ecfe-46e0-9997-7b33f67b4ac4.png_186xaf.png?t=1656323218567") no-repeat center; } .main-investment .page-right .inve-list .item:hover .text-gray-999, .main-investment .page-right .inve-list .item:hover .text-gray-35394D { color: #fff; } .main-investment .page-right .inve-list .item:hover .spot-more { border-bottom: 1px solid #fff; } .main-investment .page-right .inve-list .item:hover .spot-more .dd-icon { color: #F5B837; } .main-investment .swiper-pagination { position: static; display: flex; align-items: center; } .main-investment .swiper-pagination .swiper-pagination-bullet { width: 6px; height: 6px; margin-right: 25px; background-color: #fff; opacity: 0.8; } .main-investment .swiper-pagination .swiper-pagination-bullet-active { width: 16px; height: 16px; border: 2px solid #F5B837; background-color: transparent; } .spot-more { background: #fff; color: #F5B837; width: 36px; height: 36px; line-height: 36px; border-bottom: 1px solid #CECFD1; } .spot-more .dd-icon { color: #424242; } .main-soclal { padding: 80px 0 0 0; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/f703c91e-c26a-4623-b791-8ab2696bc5dc.png_186xaf.png?t=1656404026573") no-repeat center/cover; height: 855px; } .main-soclal .soclal-list { position: absolute; bottom: 80px; width: 100%; } .main-soclal .soclal-list .item { width: 25%; display: flex; align-items: center; justify-content: center; position: relative; } .main-soclal .soclal-list .item img { height: 50px; margin-right: 30px; } .main-soclal .soclal-list .item .title { font-size: 22px; color: #fff; } .main-soclal .soclal-list .item .dd1 { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; opacity: 1; visibility: visible; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100px; } .main-soclal .soclal-list .item .dd2 { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; width: 100%; padding: 40px; position: absolute; bottom: 50px; left: 0; background: rgba(0, 0, 0, 0.6); opacity: 0; visibility: hidden; } .main-soclal .soclal-list .item .dd2 img { height: 111px; margin-right: 0; } .main-soclal .soclal-list .item .dd2 .title { font-size: 24px; color: #fff; font-weight: bold; } .main-soclal .soclal-list .item .dd2 .title-box img { width: 40px; height: 40px; margin-right: 26px; } .main-soclal .soclal-list .item .more { width: 36px; height: 36px; } .main-soclal .soclal-list .item.cur { height: auto; display: block; } .main-soclal .soclal-list .item.cur .dd1 { opacity: 0; visibility: hidden; } .main-soclal .soclal-list .item.cur .dd2 { opacity: 1; visibility: visible; bottom: 0; } .text-22 { font-size: 22px; } .main-platform-cate { padding: 62px 0 95px 0; background: #F6F7FB; } .main-platform-cate .item { background: #fff; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; height: 376px; } .main-platform-cate .item .img { width: 40px; height: 40px; overflow: hidden; margin-top: 80px; } .main-platform-cate .item .img .span-icon { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .main-platform-cate .item .img .span-icon:nth-child(1) { opacity: 1; transform: translateY(0); } .main-platform-cate .item .img .span-icon:nth-child(2) { opacity: 0; transform: translateY(100%); } .main-platform-cate .item .dd1 { font-size: 22px; color: #424242; margin-top: 56px; } .main-platform-cate .item .dd2 { font-size: 16px; color: #999999; margin-top: 14px; } .main-platform-cate .item .spot-more { margin-top: 34px; } .main-platform-cate .item .infobox { position: relative; z-index: 1; } .main-platform-cate .item .img-back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; opacity: 0; } .main-platform-cate .item.cur { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .main-platform-cate .item.cur .img-back { opacity: 1; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .main-platform-cate .item.cur .img .span-icon { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .main-platform-cate .item.cur .img .span-icon:nth-child(1) { opacity: 0; transform: translateY(-100%); } .main-platform-cate .item.cur .img .span-icon:nth-child(2) { opacity: 1; transform: translateY(-100%); } .main-platform-cate .item.cur .dd1 { color: #fff; } .main-platform-cate .item.cur .dd2 { color: #fff; } .main-platform-cate .item.cur .spot-more { background: #F5B837; border-bottom: 1px solid #F5B837; } .main-platform-cate .item.cur .spot-more .dd-icon { color: #fff; } .swiper-pagin-block .swiper-pagination { position: relative; } .swiper-pagin-block .swiper-pagination .swiper-pagination-bullet { margin: 0 3px; } .swiper-pagin-block .swiper-pagination .swiper-pagination-bullet-active { background: #6A318F; } .swiper-pagin-block .swiper-pagination:after, .swiper-pagin-block .swiper-pagination:before { content: ""; position: absolute; top: 13px; background: #D9D9D9; height: 1px; opacity: 0.5; width: 120px; } .swiper-pagin-block .swiper-pagination:after { left: -140px; } .swiper-pagin-block .swiper-pagination:before { right: -140px; } .test-justify { text-align: justify; } @media (max-width: 1566px) { .about-full-container { width: 130%; display: flex; flex-direction: row; align-items: center; justify-content: center; } .about-full-container > div { padding: 20px 15px; } .about-full-container > div .info .num { font-size: 30px; } .about-full-container > div .info .num span { font-size: 12px; } .about-full-container > div .info .num .dd2 { font-size: 18px; } .banner-swiper .banner-info-text .dd1 { font-size: 50px; } .banner-swiper .banner-info-text .dd2 { font-size: 28px; } .banner-swiper .banner-info-text .more { font-size: 16px; } } @media (max-width: 1180px) { .banner-swiper .banner-info-text .dd1 { font-size: 22px; } .banner-swiper .banner-info-text .dd2 { font-size: 16px; margin-top: 20px; } .banner-swiper .banner-info-text .more { margin-top: 20px; font-size: 12px; width: 110px; height: 30px; } .about-full-container { width: 100%; left: 0; height: 87px; bottom: -87px; } .about-full-container > div .info .num { font-size: 22px; } .about-full-container > div .info .num .dd2 { font-size: 12px; } .about-full-container > div img { height: 25px; } .main-product .product-swiper { margin-top: 60px; } .main-product .product-swiper .text-48 { font-size: 30px; } .main-about { display: block; } .main-about .main-pl { display: flex; padding: 0 50px 100px 50px; } .main-about .w-1\/2 { width: 100%; } .main-about .about-img-1 { display: none; } .main-news .base-mt-44 { margin-top: 0; } .main-news .news-container { display: block; } .main-news .news-container .cate-list { display: flex; margin-bottom: 20px; } .main-news .news-container .cate-list .item { margin-top: 0; margin-right: 20px; } .main-news .news-container .news-right { width: 100%; } .main-investment { padding: 60px 0 100px 0; } .main-investment .wp.flex { display: block; } .main-investment .wp.flex .page-left { width: 100%; } .main-investment .wp.flex .page-right { width: 100%; margin-top: 40px; } .main-soclal { height: 600px; padding-top: 30px; } .main-soclal .soclal-list .item .dd2 { padding: 30px; /* 滚动槽 */ /* 滚动条滑块 */ } .main-soclal .soclal-list .item .dd2 img { height: 60px; } .main-soclal .soclal-list .item .dd2 .mt-lg { margin-top: 20px; max-height: 200px; overflow: auto; } .main-soclal .soclal-list .item .dd2 .mt-lg::-webkit-scrollbar { width: 4px; } .main-soclal .soclal-list .item .dd2 .mt-lg::-webkit-scrollbar-track { -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3); border-radius: 10px; } .main-soclal .soclal-list .item .dd2 .mt-lg::-webkit-scrollbar-thumb { border-radius: 10px; background: #e5e7eb; -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5); } .main-soclal .soclal-list .item .dd2 .mt-lg::-webkit-scrollbar-thumb:window-inactive { background: #F5B837; } .main-soclal .soclal-list .item .dd2 .title { font-size: 18px; } } @media (max-width: 996px) { .main-soclal .soclal-list .item .dd2 { padding: 15px; } .main-soclal .soclal-list .item .dd2 .title-box img { margin-right: 10px; } } @media (max-width: 640px) { .banner-swiper .bottom-icon { display: none; } .banner-swiper .swiper-button-prev, .banner-swiper .swiper-button-next { width: 30px; height: 30px; } .banner-swiper .swiper-pagination { bottom: 20px !important; } .main-about .main-pl { padding: 0 20px 140px 20px; display: block; } .main-about .main-pl .text-48 { font-size: 30px; } .main-about .main-pl .text-32 { font-size: 26px; } .main-about .main-pl .title-big { margin-top: 30px; } .main-about .main-pl .pr-114 { padding-right: 0; } .main-about .video-block { width: 100%; justify-content: center; } .about-full-container > div img { height: 15px; } .about-full-container > div .info .num { font-size: 18px; } .main-product .product-swiper .swiper-button { top: 230px; right: auto; left: 0; display: flex; } .main-product .product-swiper .swiper-button > div { width: 30px; height: 30px; } .main-product .product-swiper .swiper-button .swiper-button-next { margin-top: 0px; margin-left: 10px; } .main-product .product-swiper .base-button-1 { margin-top: 80px; } .main-product .product-swiper .desc { height: 140px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .main-product .product-list .item { padding: 20px; } .text-48 { font-size: 24px; margin-bottom: 20px; } .development-history-page .year-content{ margin-top: 24px; } .base-button-1 { width: 140px; height: 40px; } .base-button-1 .text-lg { font-size: 16px; } .main-news { padding-top: 30px; padding-bottom: 60px; } .main-news .news-page > .flex { display: block; } .main-news .news-container .cate-list .item { margin-right: 10px; } .main-news .news-container .cate-list .item .spot { margin-right: 5px; } .main-news .news-container .cate-list .item .title { font-size: 16px; } .main-news .news-container .news-swiper { width: 100%; border-right: none; padding-right: 0; } .main-news .news-container .news-swiper .mt-xl { margin-top: 20px; } .main-news .news-container .news-swiper .item .title { margin-top: 20px; } .main-news .news-container .news-list { margin-top: 30px; margin-left: 0; } .main-investment .page-right .inve-list { width: 100%; border-left: none; padding-left: 0; margin-left: 0; } .main-investment .page-right .chart-image { display: none; } .main-soclal .soclal-list { flex-wrap: wrap; } .main-soclal .soclal-list .item { width: 50%; z-index: 1; } .main-soclal .soclal-list .item .title { font-size: 14px; } .main-soclal .soclal-list .item img { height: 30px; } .main-soclal .soclal-list .item .dd2 { padding: 10px; position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(5px); } .main-platform-cate .item { height: 260px; } .main-platform-cate .item .img { margin-top: 20px; } .main-platform-cate .item .dd1 { margin-top: 20px; } } .article-news-swiper { margin-top: 80px; } .article-news-swiper .img { width: 50%; height: 472px; float: left; overflow: hidden; } .article-news-swiper .img img { -o-object-fit: cover; object-fit: cover; } .article-news-swiper .text { margin-left: 52%; padding-bottom: 50px; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/84d25797-169f-44cc-9973-135c30bc99b8.png") left bottom repeat-x; } .article-news-swiper .text .dd1 { font-size: 65px; font-weight: bold; color: #424242; line-height: 50px; } .article-news-swiper .text .dd2 { font-size: 18px; font-weight: bold; color: #424242; line-height: 13px; margin-top: 15px; } .article-news-swiper .text .title { font-size: 28px; color: #424242; line-height: 36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 40px; transition: 0.3s all ease; } .article-news-swiper .text .title:hover { color: #F6B837; } .article-news-swiper .text .nr { font-size: 16px; color: #666666; line-height: 24px; opacity: 0.6; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 14px; } .article-news-swiper .text .ckxq { font-size: 18px; margin-top: 40px; transition: 0.3s all ease; } .article-news-swiper .text .ckxq:hover { color: #F6B837; } .article-news-swiper .swiper-btn { position: absolute; left: 52%; bottom: 0; z-index: 99; } .article-news-swiper .swiper-button-prev, .article-news-swiper .swiper-button-next { width: 60px; height: 60px; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/55f6db00-4e18-43e9-a267-264bdfde4b6b.png_186xaf.png?t=1656404126771") no-repeat; border: 1px solid #c5bebe; color: rgba(255, 255, 255, 0.7); border-radius: 50%; position: relative; left: initial; right: initial; top: 0; margin-top: 0; float: left; margin-right: 30px; transition: 0.3s all ease; } .article-news-swiper .swiper-button-prev::after, .article-news-swiper .swiper-button-next::after { font-size: 20px; color: #000; transition: 0.3s all ease; } .article-news-swiper .swiper-button-prev:hover, .article-news-swiper .swiper-button-next:hover { background: #F6B837; border: 1px solid #F6B837; } .article-news-swiper .swiper-button-prev:hover::after, .article-news-swiper .swiper-button-next:hover::after { color: #fff; } .news-ul { margin-top: 120px; } .news-ul li { margin-top: 40px; } .news-ul li .pic { width: 403px; height: 264px; float: left; overflow: hidden; } .news-ul li .pic img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(1, 1) rotate(0deg); /* Firefox */ -webkit-transform: scale(1, 1) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(1, 1) rotate(0deg); /* Opera */ transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .news-ul li .text { height: 263px; margin-left: 440px; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/84d25797-169f-44cc-9973-135c30bc99b8.png") left bottom repeat-x; } .news-ul li .text .date { width: 105px; float: left; } .news-ul li .text .date .dd1 { font-size: 65px; font-weight: bold; color: #424242; line-height: 47px; margin-top: 5px; } .news-ul li .text .date .dd2 { font-size: 18px; font-weight: bold; color: #424242; line-height: 13px; margin-top: 11px; } .news-ul li .text .content { margin-left: 105px; } .news-ul li .text .content .title { font-size: 26px; line-height: 36px; color: #424242; transition: 0.3s all ease; } .news-ul li .text .content .nr { font-size: 16px; color: #666666; line-height: 24px; max-height: 48px; opacity: 0.6; margin-top: 20px; margin-bottom: 60px; } .news-ul li:hover .pic img { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; transform: scale(1.1, 1.1) rotate(0deg); -ms-transform: scale(1.1, 1.1) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(1.1, 1.1) rotate(0deg); /* Firefox */ -webkit-transform: scale(1.1, 1.1) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(1.1, 1.1) rotate(0deg); /* Opera */ } .news-ul li:hover .text .content .title, .news-ul li:hover .text .content .ckxq { color: #E8A72C; } @media (max-width: 768px) { .article-news-swiper { padding-bottom: 80px; } .article-news-swiper .text .nr{ font-size: 14px; } .article-news-swiper .img { width: 100%; height: auto; float: initial; } #c_static_001-1656234432436 .article-news-swiper .text .title{ font-size: 18px; } #c_static_001-1656234432436 .news-ul li .text .content .title{ font-size: 18px; } .article-news-swiper .text .dd2{ font-size: 14px; margin-top: 8px; } .article-news-swiper .text { margin-left: 0; margin-top: 10px; padding-bottom: 15px; } .article-news-swiper .text .dd1 { font-size: 18px; line-height:normal; } .article-news-swiper .text .title { font-size: 22px; margin-top: 15px; line-height: 30px; } .article-news-swiper .text .ckxq { font-size: 14px; margin-top: 15px; } .article-news-swiper .swiper-btn { left: 0; bottom: 10px; } .news-ul li { display: flex; justify-content: space-between; } .news-ul li .pic { height: auto; } .news-ul li .text { height: auto; padding-bottom: 10px; margin-left: 20px; } .news-ul li .text .date { width: 95px; } .news-ul li .text .date .dd1 { font-size: 20px; line-height: normal; margin-top: 0px; } .news-ul li .text .content { margin-left: 95px; } .news-ul li .text .content .title { font-size: 22px; line-height: 26px; } .news-ul li .text .content .nr { margin: 10px 0 15px; font-size: 14px; } .news-ul li .text .content > a{ font-size: 14px; } } @media (max-width: 640px) { .article-news-swiper { padding-bottom: 0 !important; } .zi-banner { height: 220px; } .news-swiper { padding-bottom: 65px !important; margin-top: 30px; } .news-swiper .img { width: 100%; height: auto; float: initial; } .news-swiper .text { margin-left: 0; margin-top: 20px; padding-bottom: 20px; } .news-swiper .swiper-btn { left: 0; } .news-swiper .swiper-btn .swiper-button-prev, .news-swiper .swiper-btn .swiper-button-next { width: 40px; height: 40px; margin-right: 10px; } .news-ul { margin-top: 20px; } .news-ul li { margin-top: 20px; } .news-ul li .pic { display: none; } .news-ul li .text { margin-left: 0; height: auto !important; padding-bottom: 10px; } .news-ul li .text .date { width: 90px; } .news-ul li .text .date .dd2 { font-size: 14px; } .main-product .product-list { margin-top: 50px; } .banner-swiper .banner-image { height: 300px; } } .clear { clear: both; margin: 0; padding: 0; height: 0; } .clearFix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .zi-banner { width: 100%; position: relative; z-index: 9; } .zi-banner .img { width: 100%; display: block; height: 100%; -o-object-fit: cover; object-fit: cover; } .zi-banner .zi-banner-content { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 99; display: flex; align-items: center; justify-content: center; flex-direction: column; } .zi-banner .zi-banner-content .zw { font-size: 60px; font-weight: 400; color: #FFFFFF; } .zi-banner .zi-banner-content .yw { font-size: 24px; font-weight: normal; color: #FFFFFF; opacity: 0.8; margin-bottom: 30px; margin-top: 5px; } .zi-banner .zi-banner-content .btn { margin-top: 50px; } .zi-banner .zi-banner-content .btn a { font-size: 18px; color: #FFFFFF; display: inline-block; height: 58px; line-height: 58px; padding: 0 30px; } .zi-banner .zi-banner-content .btn a.on { font-weight: Bold; border: 1px solid rgba(255, 255, 255, 0.5); } .current-nav { height: 83px; line-height: 79px; border-bottom: 1px solid #EBEBEE; } .current-nav .nav-a { float: left; font-size: 18px; color: #424242; margin-right: 80px; } .current-nav .nav-a.on { border-bottom: 4px solid #F6B837; color: #424242; font-weight: bold; } .current-nav .current-right { float: right; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/0263889e-f11a-427d-b6f9-458a3663c956.png_186xaf.png?t=1656404155091") left center no-repeat; padding-left: 22px; } .current-nav .current-right a { color: #989899; font-size: 16px; margin-left: 16px; display: flex; align-items: center; float: left; } .current-nav .current-right a i { margin-left: 18px; display: inline-block; width: 8px; height: 14px; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/6ab0bf7d-108e-4685-acf7-28ca26302d64.png_186xaf.png?t=1656404217522") no-repeat; } .current-nav .current-right a.on i { display: none; } .w1440 { width: 1440px; max-width: 96%; margin: 0 auto; } .mtbd-ul { ---item-length: 3; ---item-right: 45px; ---item-bottom: 45px; ---item-padding: 22px; margin: 63px calc(var(---item-right) / 2 - var(---item-right)) 0 calc(var(---item-right) / 2 - var(---item-right)); } .mtbd-ul li { width: calc(100% / var(---item-length) - var(---item-right)); background: #F7F7F7; float: left; margin-right: calc(var(---item-right) / 2); margin-left: calc(var(---item-right) / 2); padding: var(---item-padding); box-sizing: border-box; margin-top: 45px; transition: 0.3s all ease; } .mtbd-ul li .pic { display: block; width: 100%; position: relative; overflow: hidden; } .mtbd-ul li .pic img { width: 100%; max-height: 262px; -o-object-fit: cover; object-fit: cover; transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(1, 1) rotate(0deg); /* Firefox */ -webkit-transform: scale(1, 1) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(1, 1) rotate(0deg); /* Opera */ transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .mtbd-ul li .pic .play-btn { display: block; width: 100%; height: 100%; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/9dfc6ca3-5e36-4b30-be5f-a678d82de485.png_186xaf.png?t=1656404290222") center no-repeat; position: absolute; top: 0; left: 0; z-index: 99; } .mtbd-ul li .text { font-size: 24px; color: #333333; margin-top: 28px; transition: 0.3s all ease; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .mtbd-ul li .ckxq-a { font-size: 18px; color: #424242; margin-top: 30px; align-items: center; } .mtbd-ul li .ckxq-a img { width: 13px; height: 10px; margin-left: 16px; } .mtbd-ul li:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); } .mtbd-ul li:hover .text, .mtbd-ul li:hover .ckxq-a { color: #F6B837; } .mtbd-ul li:hover .pic img { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; transform: scale(1.1, 1.1) rotate(0deg); -ms-transform: scale(1.1, 1.1) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(1.1, 1.1) rotate(0deg); /* Firefox */ -webkit-transform: scale(1.1, 1.1) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(1.1, 1.1) rotate(0deg); /* Opera */ } .loading-more { align-items: center; justify-content: center; color: #424242; font-size: 18px; margin: 60px auto 80px; transition: 0.3s all ease; } .loading-more img { margin-right: 20px; float: left; } .loading-more:hover { color: #F6B837; } .detail-title { background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/84d25797-169f-44cc-9973-135c30bc99b8.png") left bottom no-repeat; padding-top: 90px; padding-bottom: 35px; } .detail-title .bt { font-size: 48px; color: #424242; line-height: 60px; text-align: justify; } .detail-title .date { font-size: 18px; color: #333333; float: left; margin-top: 35px; } .detail-title .date .dd1 { font-size: 18px; font-weight: bold; color: #333333; padding-right: 30px; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/96d1ba30-9eb9-457d-a745-f3157983be21.png_186xaf.png?t=1656404960807") right center no-repeat; float: left; height: 25px; line-height: 25px; } .detail-title .date .dd2 { font-size: 16px; color: #333333; margin: 0 0 0 27px; align-items: center; float: left; height: 25px; line-height: 25px; } .detail-title .date .dd2 a { margin-right: 28px; } .detail-title .date .dd2 a:first-child { margin-left: 10px; } .detail-title .date .dd3 { font-size: 16px; color: #333333; padding-left: 30px; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/96d1ba30-9eb9-457d-a745-f3157983be21.png_186xaf.png?t=1656404960807") left center no-repeat; float: left; height: 25px; line-height: 25px; } .detail-nr { margin-top: 40px; line-height:1.8; } .detail-nr img { max-width: 100%; } .sx-content { padding: 35px 0; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/84d25797-169f-44cc-9973-135c30bc99b8.png") left top no-repeat; font-size: 16px; color: #333333; line-height: 36px; margin-top: 50px; } .sx-content a { color: #333333; transition: 0.3s all ease; } .sx-content a:hover { color: #F5B837; } @media (max-width: 1566px) { .current-nav .nav-a { margin-right: 50px; } } @media (max-width: 1200px) { .current-nav .nav-a { margin-right: 25px; } } @media (max-width: 996px) { .zi-banner .zi-banner-content .zw { font-size: 40px; } .zi-banner .zi-banner-content .yw { font-size: 20px; margin-bottom: 10px; } .zi-banner .zi-banner-content .btn { margin-top: 20px; } .zi-banner .zi-banner-content .btn a { padding: 0 10px; font-size: 14px; height: 36px; line-height: 36px; } .detail-title .bt { font-size: 40px; } } @media (max-width: 768px) { .zi-banner .zi-banner-content .zw { font-size: 30px; } .zi-banner .zi-banner-content .yw { font-size: 16px; } .mtbd-ul { ---item-length: 2; ---item-right: 15px; ---item-bottom: 15px; ---item-padding: 15px; margin-top: 30px; } .mtbd-ul li .text { font-size: 18px; line-height: 22px; height: 44px; margin-top: 10px; } .mtbd-ul li .ckxq-a { margin-top: 20px; font-size: 14px; } } @media (max-width: 640px) { .current-nav { height: 45px; line-height: 45px; } .current-nav .current-right a { margin-left: 10px; font-size: 14px; } .current-nav .current-right a i { margin-left: 10px; } .current-nav .nav-a { display: none; } .detail-title { padding: 30px 0 20px; } .detail-title .bt { font-size: 26px; line-height: initial; } .detail-title .date { margin-top: 20px; } .detail-title .date .dd1 { padding-right: 10px; } .detail-title .date .dd2 { margin-left: 10px; } .detail-title .date .dd2 a { margin-right: 10px; } .detail-title .date .dd3 { display: inline-block; } } @media (max-width: 515px) { .mtbd-ul li { width: 100%; margin-top: 20px; } } .xxgk-ul { margin-top: 60px; } .xxgk-ul li { width: 710px; height: 140px; float: left; margin: 20px 20px 0 0; padding: 30px 37px 30px 30px; box-sizing: border-box; background: #f7f7f7; align-items: center; justify-content: space-between; transition: 0.3s all ease; } .xxgk-ul li div.clearFix { width: calc(100% - 46px); } .xxgk-ul li div.clearFix .dd1 { font-size: 16px; font-weight: bold; color: #333333; position: relative; } .xxgk-ul li div.clearFix .dd2 { font-size: 24px; color: #333333; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xxgk-ul li .download { width: 46px; height: 46px; background: #F6B837; border-radius: 50%; align-items: center; justify-content: center; } .xxgk-ul li .download img { width: 23px; height: 23px; } .xxgk-ul li:hover { background: #ffffff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .xxgk-ul li.n2 { margin-right: 0; } @media (max-width: 1566px) { .xxgk-ul li { width: 673px; } } @media (max-width: 1400px) { .xxgk-ul li { width: 575px; } } @media (max-width: 1200px) { .xxgk-ul li { width: 49%; margin-right: 2%; } } @media (max-width: 515px) { .xxgk-ul { margin-top: 20px; } .xxgk-ul li { width: 100%; height: auto; margin-right: 0; padding: 15px; } .xxgk-ul li div.clearFix .dd2 { font-size: 20px; } } .bzg-lxfs { padding: 50px 0; background: #F7F7F7; } .bzg-lxfs .pic { width: 50%; height: 394px; float: left; } .bzg-lxfs .pic img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .bzg-lxfs .text { margin-left: 54%; height: 394px; } .bzg-lxfs .text li { height: 50%; border-bottom: 1px solid #EBECED; box-sizing: border-box; } .bzg-lxfs .text li .dd1 { margin-top: 15px; font-size: 14px; font-weight: 400; color: #333333; padding-top: 20px; } .bzg-lxfs .text li .dd2 { font-size: 28px; font-weight: 400; color: #333333; line-height: 1; margin-top: 10px; } .bzg-lxfs .text li:nth-child(2) { padding-top: 30px; } @media (max-width: 768px) { .bzg-lxfs .text li .dd2 { font-size: 24px; } } @media (max-width: 515px) { .bzg-lxfs .pic { width: 100%; float: initial; } .bzg-lxfs .text { margin-left: 0; margin-top: 20px; height: auto; } .bzg-lxfs .text li { padding-bottom: 20px; } .bzg-lxfs .text li img { width: 36px; } .bzg-lxfs .text li .dd1 { padding-top: 0; } .bzg-lxfs .text li .dd2 { font-size: 20px; } } .wzdt-container { padding-bottom: 160px; } .wzdt-container .wzdt-title { font-size: 42px; color: #35394d; margin-top: 70px; } .wzdt-container .wzdt-swiper { margin-top: 65px; } .wzdt-container .wzdt-swiper .dd1 { font-size: 28px; color: #35394d; border-bottom: 1px solid #ebeced; padding-bottom: 29px; position: relative; } .wzdt-container .wzdt-swiper .dd1::after { content: ""; width: 40px; height: 4px; background: #f7b939; position: absolute; left: 0; bottom: 0; } .wzdt-container .wzdt-swiper .dd2 { margin-top: 10px; } .wzdt-container .wzdt-swiper .dd2 a { display: flex; align-items: center; text-align: justify; width: 16.66%; float: left; height: 60px; padding: 0 15px; border-left: 5px solid transparent; color: #777777; margin-top: 20px; } .wzdt-container .wzdt-swiper .dd2 a:hover { background: #f2f1f3; border-left: 5px solid #93859b; color: #35394d; } .wzdt-container .wzdt-swiper .dd3 { font-size: 20px; font-weight: bold; color: #35394d; padding-left: 10px; border-left: 4px solid #f7b939; margin-top: 35px; } @media (max-width: 1400px) { .wzdt-container .wzdt-swiper .dd2 a { width: 20%; } } @media (max-width: 1200px) { .wzdt-container .wzdt-swiper .dd2 a { width: 25%; } } @media (max-width: 768px) { .wzdt-container { padding-bottom: 100px; } .wzdt-container .wzdt-title { font-size: 34px; margin-top: 40px; } .wzdt-container .wzdt-swiper { margin-top: 20px; } .wzdt-container .wzdt-swiper .dd2 a { width: 33.33%; } } @media (max-width: 515px) { .wzdt-container .wzdt-title { font-size: 30px; } .wzdt-container .wzdt-swiper .dd1 { font-size: 22px; padding-bottom: 15px; } .wzdt-container .wzdt-swiper .dd2 a { width: 50%; } } .dd-item-banner { height: 600px; } .dd-item-banner .dd1 { font-size: 60px; line-height: 22px; color: #fff; } .dd-item-banner .dd2 { font-size: 24px; color: #FFFFFF; line-height: 26px; opacity: 0.8; margin-top: 32px; } .dd-item-banner .dd3 { width: 56px; height: 3px; background: #F6B939; margin-top: 32px; } .group-about-page { background: #F8F8F8; } .dd-item-cate { font-size: 16px; color: rgb(139, 124, 147); background: #fff; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .dd-item-cate.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 11; } .dd-item-cate.top-soft { top: 108px; } .dd-item-cate .swiper-slide { width: auto; } .dd-item-cate .cate-list { width: calc(100% - 300px); } .dd-item-cate .cate-list > a { color: #7F818D; } .dd-item-cate .cate-list .item { display: block; height: 84px; line-height: 84px; position: relative; font-size: 18px; } .dd-item-cate .cate-list .item:after { content: ""; position: absolute; background: linear-gradient(90deg, #E29D28 0%, #F7BA39 100%); height: 4px; width: 100%; bottom: 0; left: 0; opacity: 0; } .dd-item-cate .cate-list .item.cur { color: #424242; } .dd-item-cate .cate-list .item.cur:after { opacity: 1; } .dd-item-cate .cate-list .item:hover { color: #424242; } .h-3 { height: 3px; } .w-56 { width: 56px; } .about-info-container { padding-bottom: 200px; overflow: hidden; } .about-info-container .info-container-div { width: 50%; margin-top: 74px; } .about-info-container .info-container-div .swiper-y { margin-top: 40px; } .about-info-container .info-container-div .swiper-y .swiper-container { height: 402px; } .about-info-container .info-container-div .swiper-y .swiper-container .swiper-slide { height: auto; } .about-info-container .info-container-div .title-block { font-size: 48px; margin-bottom: 40px; color: #424242; } .about-info-container .info-container-div .dd1 { font-size: 36px; font-weight: 400; color: #424242; } .about-info-container .info-container-div .dd2 { margin-top: 38px; font-size: 16px; font-weight: 400; color: #666; line-height: 32px; } .about-image-swiper { width: 50%; margin-top: 225px; margin-left: 34px; } .about-image-swiper .swiper-container { padding-bottom: 30px !important; } .about-image-swiper .swiper-container .swiper-scrollbar { left: 0; } .about-image-swiper .item { width: 660px; margin-right: 40px; } .about-image-swiper .item:last-child { margin-right: 0; } .about-image-swiper .item img { width: 100%; height: 370px; -o-object-fit: cover; object-fit: cover; } .about-image-swiper .item .info-text { margin-top: 23px; } .icon-img-play { width: 69px; height: 69px; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/ce364101-fc12-4108-b740-dca31b448abe.png_186xaf.png?t=1656318959495") no-repeat center; background-size: contain; } .swiper-scrollbar-drag { background: rgba(246, 185, 57, 0.8) !important; } .president-message { background: #dedede; position: relative; } .president-message .info-box { padding-top: 200px; } .president-message .info-box .dd1 { font-size: 48px; color: #424242; margin-bottom: 31px; } .president-message .info-box .dd2 { margin-top: 48px; line-height: 1; margin-bottom: 46px; } .president-message .info-box .dd2 .txt1 { font-size: 60px; color: #424242; } .president-message .info-box .dd2 .txt2 { font-size: 24px; color: #424242; margin-left: 10px; margin-bottom: 2px; } .president-message .info-box .sign { margin-top: 61px; margin-right: 40px; } .president-message .info-box .swiper-container { height: 275px; } .president-message .info-box .swiper-container .swiper-slide { height: auto; } .president-message .info-box .info-block { margin-right: 40px; padding-bottom: 190px; } .president-message .president-card-container { position: absolute; left: 0; top: -113px; height: 226px; width: 100%; background-color: #fff; z-index: 10; box-shadow: 1px -1px 20px rgba(0, 0, 0, 0.123); } .president-message .president-card-container .item { width: 20%; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; } .president-message .president-card-container .item::after { content: ""; position: absolute; height: 30%; top: 35%; right: -1px; border-right: 2px solid #DADDE9; opacity: 0.5; } .president-message .president-card-container .item .num { line-height: 1; font-size: 60px; color: #454545; margin-top: 27px; display: flex; align-items: end; } .president-message .president-card-container .item .num .dd2 { font-size: 32px; margin-left: 10px; } .president-message .president-card-container .item .num .dd2.text-xs { font-size: 28px; } .president-message .president-card-container .item .title { color: #999999; font-size: 20px; margin-top: 7px; } .leading-relaxed { line-height: 32px; } .development-history-page { padding: 95px 0; position: relative; background: linear-gradient(180deg, #F4F5F6 0%, #FFFFFF 78%); } .development-history-page .year-content { z-index: 1; margin-top: 85px; } .development-history-page .three-canvas { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .development-history-page .three-canvas canvas { width: 100% !important; height: 100% !important; } .development-history-page .fazhan-img { overflow: hidden; text-align: right; width: 600px; max-width: 50%; } .development-history-page .fazhan-img img { max-width: 600px; max-height: 336px; -o-object-fit: cover; object-fit: cover; transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(1, 1) rotate(0deg); /* Firefox */ -webkit-transform: scale(1, 1) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(1, 1) rotate(0deg); /* Opera */ transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .development-history-page .fazhan-img img:hover { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; transform: scale(1.1, 1.1) rotate(0deg); -ms-transform: scale(1.1, 1.1) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(1.1, 1.1) rotate(0deg); /* Firefox */ -webkit-transform: scale(1.1, 1.1) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(1.1, 1.1) rotate(0deg); /* Opera */ } .development-history-page .info-box { margin-right: 116px; } .development-history-page .info-box .num-box { font-size: 160px; font-weight: 500; color: #424242; line-height: 1; margin-right: 70px; margin-top: -20px; } .development-history-page .info-box .listbox > div:not(:first-child) { margin-top: 25px; } .development-history-page .year-page { position: relative; margin-top: 80px; } .development-history-page .year-page:after { content: ""; position: absolute; left: 0; bottom: 29px; border-bottom: 1px solid #8C8C8C; opacity: 0.5; width: 100%; } .development-history-page .year-page .swiper-button-next { top: 39.5px; right: -25px; } .development-history-page .year-page .swiper-button-prev { top: 39.5px; left: -25px; } .development-history-page .year-page .item { cursor: pointer; height: 85px; } .development-history-page .year-page .item .dian { ---width: 10px; width: calc(var(---width) * 2); height: calc(var(---width) * 2); border-radius: 50%; background: rgb(74, 58, 84); border: calc(var(---width) / 2 + 2px) solid #fff; position: absolute; bottom: 19px; left: 50%; transform: translate(-50%); box-shadow: 0px 0px 10px 6px rgba(74, 58, 84, 0.1); } .development-history-page .year-page .item.swiper-slide-thumb-active .dian { ---width: 11px; background: #F5B837; border: calc(var(---width) / 2 + 2px) solid #fff; box-shadow: 0px 0px 0px 5px rgba(255, 184, 55, 0.2); } .honorary-qualification-page { padding: 82px 0; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/91b925e6-98cb-4a57-95ca-372f12b57d06.jpg_186xaf.jpg?t=1656319062879") no-repeat center/cover; } .honorary-qualification-page .honorary-date-swiper { margin-top: 48px; } .honorary-qualification-page .honorary-date-swiper .swiper-container { width: calc(100% - 100px); margin: 0; } .honorary-qualification-page .honorary-date-swiper .swiper-slide { width: auto; margin-right: 80px; } .honorary-qualification-page .honorary-date-swiper .swiper-slide .item { font-size: 20px; padding-bottom: 15px; color: #999999; } .honorary-qualification-page .honorary-date-swiper .swiper-slide.cur .item { border-bottom: 3px solid #F5B837; color: #424242; } .honorary-qualification-page .honorary-date-swiper .swiper-button-next, .honorary-qualification-page .honorary-date-swiper .swiper-button-prev { position: static; } .honorary-qualification-page .honorary-date-swiper .swiper-button-prev { margin-right: 10px; } .honorary-qualification-page .honorary-nav-model { margin-top: 50px; } .honorary-qualification-page .honorary-nav-model .honorary-list-block { height: 0; overflow: hidden; } .honorary-qualification-page .honorary-nav-model .honorary-list-block.cur { height: auto; } .honorary-qualification-page .honorary-nav-model .honorary-list-swiper { ---item-padding: 40px; ---item-img-height: 190px; ---item-margin: 50px; ---item-dd-info-box-height: 72px; } .honorary-qualification-page .honorary-nav-model .honorary-list-swiper .swiper-container { height: calc((var(---item-dd-info-box-height) + var(---item-img-height) + var(---item-padding) * 2 + var(---item-margin)) * 2); } .honorary-qualification-page .honorary-nav-model .honorary-list-swiper .swiper-slide { height: calc((100% - var(---item-margin) * 2) / 2); } .honorary-qualification-page .honorary-nav-model .honorary-list-swiper .item { display: block; padding: var(---item-padding) var(---item-padding) 0 var(---item-padding); } .honorary-qualification-page .honorary-nav-model .honorary-list-swiper .item .img { height: var(---item-img-height); overflow: hidden; } .honorary-qualification-page .honorary-nav-model .honorary-list-swiper .item .img img { transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(1, 1) rotate(0deg); /* Firefox */ -webkit-transform: scale(1, 1) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(1, 1) rotate(0deg); /* Opera */ transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .honorary-qualification-page .honorary-nav-model .honorary-list-swiper .item .dd-info-box { border-top: 1px solid #F1F1F1; height: var(---item-dd-info-box-height); line-height: var(---item-dd-info-box-height); color: #424242; font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; display: flex; align-items: center; justify-content: space-between; margin-top: var(---item-padding); } .honorary-qualification-page .honorary-nav-model .honorary-list-swiper .item .dd-info-box .more { width: 23px; height: 23px; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/5a3ab24b-b689-4431-bed4-e6c2c344e95f.png_186xaf.png?t=1656320864459") no-repeat center; background-size: contain; margin-left: 10px; } .honorary-qualification-page .honorary-nav-model .honorary-list-swiper .item:hover .img { height: var(---item-img-height); } .honorary-qualification-page .honorary-nav-model .honorary-list-swiper .item:hover .img img { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; transform: scale(1.1, 1.1) rotate(0deg); -ms-transform: scale(1.1, 1.1) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(1.1, 1.1) rotate(0deg); /* Firefox */ -webkit-transform: scale(1.1, 1.1) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(1.1, 1.1) rotate(0deg); /* Opera */ } .honorary-qualification-page .honorary-nav-model .honorary-list-swiper .item:hover .dd-info-box .more { background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/c0738d2f-4724-465f-af59-fc7761e93230.png_186xaf.png?t=1656320864458") no-repeat center; } .honorary-qualification-page .honorary-nav-model .honorary-list-swiper .swiper-pagination { --swiper-theme-color: #F6B939; --swiper-pagination-bullet-width: 12px; --swiper-pagination-bullet-height: 12px; position: static; } .honorary-qualification-page .honorary-nav-model .honorary-list-swiper .base-button-1 { border: 1px solid #8B7C93; } .honorary-qualification-page .honorary-nav-model .honorary-list-swiper .base-button-1 .text-gray-35394D { color: #8B7C93; } .honorary-qualification-page .honorary-nav-model .honorary-list-swiper .base-button-1 .dd-icon { color: #8B7C93; } .honorary-qualification-page .honorary-nav-model .honorary-list-swiper .base-button-1:hover { border: 1px solid #F5B837; } .honorary-qualification-page .honorary-nav-model .honorary-list-swiper .base-button-1:hover .text-gray-35394D { color: #fff; } .honorary-qualification-page .honorary-nav-model .honorary-list-swiper .base-button-1:hover .dd-icon { color: #fff; } .soclal-list-container { padding: 97px 0 158px 0; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/d0ca5825-db67-462a-beb4-d085eb0d5f39.jpg_186xaf.jpg?t=1656321502231") no-repeat center/cover; } .soclal-list-container .page-container { width: calc(100% - 300px); } .soclal-list-container .page-container .soclal-list-swiper { overflow: hidden; height: 0; } .soclal-list-container .page-container .soclal-list-swiper.cur { height: auto; overflow: visible; } .soclal-list-container .page-container .swiper-slide .img { margin-top: 39px; overflow: hidden; } .soclal-list-container .page-container .swiper-slide .img img { max-width: 100%; max-height: 290px; } .soclal-list-container .page-container .swiper-slide .time { font-size: 36px; color: #72747E; } .soclal-list-container .page-container .swiper-slide .title { margin-top: 42px; color: #72747E; font-size: 18px; } .soclal-list-container .page-container .swiper-button-themes .swiper-button-next { right: -75px; top: calc(50% + 30px); } .soclal-list-container .page-container .swiper-button-themes .swiper-button-prev { left: auto; right: -75px; top: calc(50% - 30px); } .soclal-list-container .page-container .swiper-button-themes .swiper-button-next:hover, .soclal-list-container .page-container .swiper-button-themes .swiper-button-prev:hover { background: #8B7C93; } .soclal-list-container .page-right { width: 130px; height: 496px; position: relative; } .soclal-list-container .page-right .swiper-button-themes { height: 100%; } .soclal-list-container .page-right .swiper-button-themes .swiper { height: 100%; } .soclal-list-container .page-right:after { content: ""; position: absolute; left: 2px; top: 0; width: 4px; height: 100%; background: #F1F1F1; } .soclal-list-container .page-right .swiper-slide .item { cursor: pointer; text-align: center; color: #72747E; font-size: 24px; padding: 10px 0; margin-bottom: 20px; border-left: 4px solid #F1F1F1; position: relative; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .soclal-list-container .page-right .swiper-slide .item:after { content: ""; position: absolute; left: -2px; top: 50%; transform: translate(0, -50%); width: 4px; height: 0; background: #F5B837; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .soclal-list-container .page-right .swiper-slide.cur .item { font-size: 36px; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .soclal-list-container .page-right .swiper-slide.cur .item:after { height: 100%; } .corporate-culture-page { background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/79c1b3c2-288a-4061-92ee-6f01172b39b2.jpg_186xaf.jpg?t=1656321711055") no-repeat center/cover; } .corporate-culture-page .page-left { width: 470px; padding-top: 82px; } .corporate-culture-page .page-left .title-big { color: #fff; font-size: 48px; font-weight: 400; } .corporate-culture-page .page-left .swiper-container { margin-top: 46px; } .corporate-culture-page .page-left .item .dd-tag { width: 183px; height: 46px; background: linear-gradient(90deg, #E29D29 0%, #F7BB39 100%); margin-bottom: 21px; font-size: 24px; text-align: center; line-height: 46px; color: #fff; } .corporate-culture-page .page-left .item .desc { font-size: 16px; font-weight: 400; color: #FFFFFF; line-height: 24px; opacity: 0.6; margin-top: 46px; } .corporate-culture-page .page-right { width: 480px; } .corporate-culture-page .page-right .item { cursor: pointer; padding: 46px; position: relative; background: rgba(0, 0, 0, 0.2); overflow: hidden; border-bottom: 1px solid rgba(0, 0, 0, 0.2); height: 147px; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .corporate-culture-page .page-right .item .info-box { padding-right: 120px; color: #fff; } .corporate-culture-page .page-right .item .info-box .dd1 { font-size: 24px; } .corporate-culture-page .page-right .item .info-box .dd2 { font-size: 18px; margin-top: 27px; } .corporate-culture-page .page-right .item .dd-icon { width: 48px; height: 48px; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/c58a9098-9360-4d4c-b923-9257dd1104f5.png_186xaf.png?t=1656321979188") no-repeat center/cover; position: absolute; right: 46px; top: 50%; transform: translate(0, -50%); } .corporate-culture-page .page-right .item .num-text { position: absolute; font-size: 120px; height: 62px; font-weight: 500; color: #FFFFFF; line-height: 26px; left: 46px; bottom: -30px; opacity: 0; } .corporate-culture-page .page-right .item .box-block-cur { height: 0; overflow: hidden; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .corporate-culture-page .page-right .item .box-block .dd1 { font-size: 24px; font-weight: bold; color: #FFFFFF; } .corporate-culture-page .page-right .swiper-slide.swiper-slide-thumb-active .item { background: linear-gradient(89deg, #E29D28 0%, #F7BB39 100%); height: 260px; border-bottom: none; } .corporate-culture-page .page-right .swiper-slide.swiper-slide-thumb-active .item .dd-icon { background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/21e80bbc-f7f6-4ded-9ce7-7124e4e93951.png_186xaf.png?t=1656321979188") no-repeat center/cover; } .corporate-culture-page .page-right .swiper-slide.swiper-slide-thumb-active .item .box-block-cur { height: auto; overflow: hidden; } .corporate-culture-page .page-right .swiper-slide.swiper-slide-thumb-active .item .box-block { height: 0; overflow: hidden; } .corporate-culture-page .page-right .swiper-slide.swiper-slide-thumb-active .item .num-text { opacity: 0.3; } .management-idea-page { padding-top: 100px; padding-bottom: 56px; background: #F8F8F8; } .management-idea-page .item { display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc((100% - 56px) / 4); height: 512px; position: relative; background: #fff; margin-right: 28px; } .management-idea-page .item:nth-child(3) { margin-right: 0 !important; } .management-idea-page .item .title { font-size: 32px; font-weight: 400; color: #FFFFFF; margin-top: 31px; } .management-idea-page .item .dd-border { width: 36px; height: 3px; opacity: 0.4; margin-top: 45px; } .management-idea-page .item .block-box { display: flex; align-items: center; justify-content: center; } .management-idea-page .item .info-box { display: flex; flex-direction: column; justify-content: center; align-items: center; } .management-idea-page .item .info-box img { width: 42px; height: 42px; } .management-idea-page .item .info-box-cur { position: absolute; left: 100%; top: 0; width: 100%; height: 100%; background: #fff; opacity: 0; visibility: hidden; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .management-idea-page .item .info-box-cur .padding { padding: 0 40px 0 40px; } .management-idea-page .item .info-box-cur:after { position: absolute; top: 50%; left: -15px; transform: translate(0, -50%); content: ""; border-right: 15px solid #fff; border-top: 15px solid transparent; border-bottom: 15px solid transparent; } .management-idea-page .item .info-box-cur .dd-border { margin-top: 23px; } .management-idea-page .item .info-box-cur .title { margin-top: 59px; font-size: 32px; font-weight: bold; color: #424242; } .management-idea-page .item .info-box-cur .desc { font-size: 16px; font-weight: 400; color: #666666; line-height: 32px; margin-top: 32px; text-align: justify; } .management-idea-page .item .block-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .management-idea-page .item.cur { margin-right: calc(25% + 16px); } .management-idea-page .item.cur .info-box-cur { opacity: 1; visibility: visible; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .group-about-grid { padding-bottom: 92px; background: #F8F8F8; } .group-about-grid .dd-list { border-top: 1px solid #DAD9D8; padding-top: 51px; } .group-about-grid .dd-list .item { width: calc((100% - 60px) / 3); height: 300px; position: relative; background: #fff; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .group-about-grid .dd-list .item .info-box { padding: 61px 53px 53px 53px; } .group-about-grid .dd-list .item .info-box .dd1 { font-size: 24px; font-weight: 400; color: #8B7C93; } .group-about-grid .dd-list .item .info-box .dd2 { font-size: 32px; font-weight: bold; color: #424242; marign-top: 22px; } .group-about-grid .dd-list .item .img { position: absolute; right: 42px; bottom: 34px; transform: scale(0.8, 0.8) rotate(0deg); -ms-transform: scale(0.8, 0.8) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(0.8, 0.8) rotate(0deg); /* Firefox */ -webkit-transform: scale(0.8, 0.8) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(0.8, 0.8) rotate(0deg); /* Opera */ transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; max-height: 106px; } .group-about-grid .dd-list .item:hover { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; box-shadow: 1px -1px 20px rgba(0, 0, 0, 0.123); } .group-about-grid .dd-list .item:hover .img { transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(1, 1) rotate(0deg); /* Firefox */ -webkit-transform: scale(1, 1) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(1, 1) rotate(0deg); /* Opera */ transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .marketing-network-page { padding-top: 85px; padding-bottom: 123px; } .model-page-dom { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1001; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .model-page-dom.show { opacity: 1; visibility: visible; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .model-page-dom .model-back { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, 0.567); } .model-page-dom .layer-container { z-index: 1001; width: 1000px; height: 100%; max-width: 80%; display: flex; align-items: center; justify-content: center; } .model-page-dom .layer-container .model-close { position: absolute; right: 30px; top: 30px; color: #fff; } .model-page-dom .layer-container .model-close .icon-text { font-size: 28px; font-weight: bold; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(1, 1) rotate(0deg); /* Firefox */ -webkit-transform: scale(1, 1) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(1, 1) rotate(0deg); /* Opera */ } .model-page-dom .layer-container .model-close .icon-text:hover { color: #F5B837; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; transform: scale(1.1, 1.1) rotate(30deg); -ms-transform: scale(1.1, 1.1) rotate(30deg); /* Internet Explorer */ -moz-transform: scale(1.1, 1.1) rotate(30deg); /* Firefox */ -webkit-transform: scale(1.1, 1.1) rotate(30deg); /* Safari 和 Chrome */ -o-transform: scale(1.1, 1.1) rotate(30deg); /* Opera */ } .model-page-dom .layer-container .video1 { width: 100%; } .model-page-dom .layer-container .img-back { text-align: center; height: 100%; display: flex; justify-content: center; align-items: center; } .model-page-dom .layer-container .img-back img { max-width: 100%; height: auto; max-height: 90%; } @media (max-width: 1700px) { .development-history-page .info-box { display: block; margin-right: 30px; } .development-history-page .info-box .num-box { font-size: 80px; line-height: 1; margin-top: 0; margin-bottom: 50px; } .main-pl { padding-left: 2%; } } @media (max-width: 1200px) { .honorary-qualification-page .honorary-nav-model .honorary-list-swiper { ---item-padding: 30px; ---item-img-height: 140px; ---item-margin: 50px; ---item-dd-info-box-height: 60px; } .management-idea-page .item .info-box-cur .title { font-size: 26px; margin-top: 30px; } .management-idea-page .item .info-box-cur .desc { font-size: 14px; } } @media (max-width: 1024px) { .corporate-culture-page { height: auto; padding-bottom: 30px; } .corporate-culture-page > .flex { display: block; } .corporate-culture-page .page-left, .corporate-culture-page .page-right { width: 100%; } .corporate-culture-page .page-right { margin-top: 50px; } .corporate-culture-page .page-right .item { height: 260px; } .management-idea-page > .flex { display: block; } .management-idea-page .item { width: 50%; margin-bottom: 20px; } .management-idea-page .item .info-box-cur { opacity: 1; visibility: visible; } .management-idea-page .item .info-box-cur .desc { font-size: 18px; } .president-message .president-card-container .item .num { font-size: 30px; } .main-soclal .soclal-list .item .title { font-size: 18px; } .dd-item-banner { height: 400px; } .dd-item-banner .dd1 { font-size: 30px; } .dd-item-banner .dd2 { font-size: 16px; margin-top: 20px; } .dd-item-banner .dd3 { margin-top: 10px; } .honorary-qualification-page .honorary-nav-model .honorary-list-swiper { ---item-padding: 30px; ---item-img-height: 160px; ---item-margin: 30px; ---item-dd-info-box-height: 60px; } } /* 设置layer背景透明 */ .layer-content-shadows { background-color: transparent !important; box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important; width: 1000px !important; } .layer-content-shadows .video1 { width: 100%; -o-object-fit: contain; object-fit: contain; } @media (max-width: 1000px) { .layer-content-shadows { width: 80% !important; } } @media (max-width: 640px) { .soclal-list-container { padding: 60px 0 80px 0; } .soclal-list-container .page-container { width: calc(100% - 140px); } .soclal-list-container .page-container .swiper-slide .time { font-size: 24px; } .soclal-list-container .page-container .swiper-button-themes .swiper-button-prev { right: -40px; } .soclal-list-container .page-container .swiper-button-themes .swiper-button-next { right: -40px; } .soclal-list-container .page-right { width: 75px; } .soclal-list-container .page-right .swiper-slide .item { font-size: 16px; } .soclal-list-container .page-right .swiper-slide.cur .item { font-size: 22px; } .about-info-container { padding-bottom: 140px; } .about-info-container.flex { display: block; } .about-info-container .info-container-div .swiper-y { margin-top: 20px; } .about-info-container .info-container-div { margin-top: 24px; width: 100%; } .about-info-container .info-container-div .title-block { font-size: 24px; margin-bottom: 20px; } .about-info-container .info-container-div .dd1 { font-size: 18px; } .about-info-container .info-container-div .dd2 { margin-top: 20px; } .about-info-container .about-image-swiper { width: 98%; margin-top: 30px; margin-left: 0; } .about-info-container .about-image-swiper .item { width: 220px; margin-right: 15px; } .about-info-container .about-image-swiper .item img { height: 190px; } .dd-item-banner { height: 320px; } .dd-item-cate { padding-bottom: 15px; } .dd-item-cate > .flex { display: block; } .dd-item-cate .cate-list { width: 100%; margin-bottom: 20px; border-bottom: 1px solid #dedede; } .dd-item-cate .cate-list .item { height: 55px; line-height: 55px; font-size: 16px; } .icon-img-play { width: 30px; height: 30px; margin-top: -110px; } .president-message .w-5\/12 { width: 100%; display: none; } .president-message .info-box { padding-top: 40px; } .president-message .info-box .info-block { width: 100%; margin-right: 0; padding-bottom: 30px; } .president-message .info-box .dd1 { font-size: 24px; margin-bottom: 20px; } .president-message .info-box .dd2 { margin-top: 26px; } .president-message .info-box .dd2 .txt1 { font-size: 30px; } .president-message .president-card-container { height: 130px; } .president-message .president-card-container .item img { height: 25px; } .president-message .president-card-container .item .num { font-size: 18px; } .president-message .president-card-container .item .num .dd2 { font-size: 12px; } .president-message .president-card-container .item .num .dd2.text-xs { font-size: 12px; } .president-message .president-card-container .item .title { font-size: 14px; } .development-history-page .year-content .swiper-slide > .flex { display: block; } .development-history-page .year-content .swiper-slide .fazhan-img { margin-top: 20px; width: 100%; max-width: 100%; } .text-lg{ padding-top:0 } .mt-lg{ margin-top: 20px; font-size: 14px; } .development-history-page .info-box .num-box { margin-right: 0px; font-size:16px; margin-bottom: 20px } .development-history-page .year-page .swiper-container { width: 75%; } .development-history-page .year-page .swiper-button-prev { left: 0px; } .development-history-page .year-page .swiper-button-next { right: 0px; } .corporate-culture-page .page-left { padding-top: 24px; } .corporate-culture-page .page-left .title-big { font-size: 24px; } .corporate-culture-page .page-left .text-32 { font-size: 16px; } .corporate-culture-page .page-left .item .desc{ font-size: 14px; } .corporate-culture-page .page-left .item .dd-tag{ width: 160px; height: 40px; line-height: 40px; font-size: 18px; } .corporate-culture-page .page-right .item { padding: 14px; height: 220px !important; } .corporate-culture-page .page-right .item .box-block .dd1 { font-size: 16px; } .corporate-culture-page .page-right .item .info-box { padding-right: 40px; } .corporate-culture-page .page-right .item .info-box .dd1 { font-size: 16px; } .corporate-culture-page .page-right .item .info-box .dd2 { font-size: 14px; } .corporate-culture-page .page-right .item .dd-icon { right: 20px; width: 30px; height: 30px; } .management-idea-page { padding-top: 24px; padding-bottom: 24px;; } .management-idea-page .item { height: 280px; } .management-idea-page .item .info-box .title { font-size: 18px; } .management-idea-page .item .info-box img { width: 30px; height: 30px; } .management-idea-page .item .info-box-cur .title { font-size: 18px; margin-top: 15px; } .management-idea-page .item .info-box-cur .desc { margin-top: 10px; font-size: 14px; height: 160px; overflow-y: auto; text-align: justify; } .management-idea-page .item .info-box-cur .padding { padding: 0 15px 0 15px; } .group-about-grid { padding-bottom: 30px; } .group-about-grid .dd-list { display: block; padding-top: 24px; } .group-about-grid .dd-list .item .info-box .dd1{ font-size: 16px; } .group-about-grid .dd-list .item { height: 150px; width: 100%; margin-bottom: 20px; } .group-about-grid .dd-list .item .info-box { padding: 30px; } .group-about-grid .dd-list .item .info-box .dd2 { font-size: 18px; } .group-about-grid .dd-list .item .img { height: 50px; } .marketing-network-page { padding-top: 24px; padding-bottom: 40px; } .honorary-qualification-page { padding: 24px 0; } .honorary-qualification-page .honorary-date-swiper{ margin-top: 0; } .main-soclal{ padding-top: 24px; } .honorary-qualification-page .honorary-nav-model{ margin-top: 24px; } .honorary-qualification-page .honorary-nav-model .honorary-list-swiper { ---item-padding: 20px; ---item-img-height: 140px; ---item-margin: 20px; ---item-dd-info-box-height: 60px; } } .ctn_2 { width: 100%; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ctn_2 ul .dot { position: absolute; width: 0.9%; padding-top: 0.9%; cursor: pointer; } .ctn_2 ul .dot.cur { z-index: 10; margin-left: -0.08%; margin-top: -0.09%; width: 1.5%; padding-top: 1.5%; } .ctn_2 ul .dot.cur span { background-color: #f6ba3d; } .ctn_2 ul .dot.cur::before { background-color: rgba(246, 186, 61, 0.8); } .ctn_2 ul .dot.cur::after { background-color: rgba(246, 186, 61, 0.7); } .ctn_2 ul .dot.cur .txt1 { visibility: visible; opacity: 1; top: -52px; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .ctn_2 ul .dot.group { z-index: 10; margin-left: -0.08%; margin-top: -0.09%; width: 1.5%; padding-top: 1.5%; } .ctn_2 ul .dot.group span { background-color: #f6ba3d; } .ctn_2 ul .dot.group::before { background-color: rgba(246, 186, 61, 0.8); } .ctn_2 ul .dot.group::after { background-color: rgba(246, 186, 61, 0.7); } .ctn_2 ul .dot1.group span { border: 3px solid #fff; } .ctn_2 ul .dot .txt1 { width: 90px; position: absolute; top: -60px; left: 50%; margin-left: -45px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #f6b837; font-size: 12px; border-radius: 20px; visibility: hidden; opacity: 0; } .ctn_2 ul .dot .txt1:after { content: ""; position: absolute; left: 50%; transform: translate(-50%); top: 39px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #f6b837; } .ctn_2 ul .dot span { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgb(74, 57, 83); border-radius: 100%; z-index: 3; } .ctn_2 ul .dot::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; background-color: rgba(74, 57, 83, 0.8); -webkit-animation: dot-scale 2s infinite; animation: dot-scale 2s infinite; z-index: 2; } .ctn_2 ul .dot::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; background-color: rgba(74, 57, 83, 0.7); -webkit-animation: dot-scale2 2s infinite 0.5s; animation: dot-scale2 2s infinite 0.5s; z-index: 1; } .ctn_2 ul .dot1 { top: 45%; left: 72%; } .ctn_2 ul .dot1.cur span { border: 3px solid #fff; } .ctn_2 ul .dot1::before, .ctn_2 ul .dot1::after { -webkit-animation-delay: 500ms; animation-delay: 500ms; } .ctn_2 ul .dot2 { top: 43%; left: 77.5%; } .ctn_2 ul .dot2::before, .ctn_2 ul .dot2::after { -webkit-animation-delay: 200ms; animation-delay: 200ms; } .ctn_2 ul .dot3 { top: 44%; left: 74.5%; } .ctn_2 ul .dot3::before, .ctn_2 ul .dot3::after { -webkit-animation-delay: 600ms; animation-delay: 600ms; } .ctn_2 ul .dot4 { top: 56%; left: 74.5%; } .ctn_2 ul .dot4::before, .ctn_2 ul .dot4::after { -webkit-animation-delay: 400ms; animation-delay: 400ms; } .ctn_2 ul .dot5 { top: 76%; left: 79%; } .ctn_2 ul .dot5::before, .ctn_2 ul .dot5::after { -webkit-animation-delay: 100ms; animation-delay: 100ms; } .ctn_2 ul .dot6 { top: 81%; left: 85%; } .ctn_2 ul .dot6::before, .ctn_2 ul .dot6::after { -webkit-animation-delay: 700ms; animation-delay: 700ms; } .ctn_2 ul .dot7 { top: 76%; left: 31.5%; } .ctn_2 ul .dot7::before, .ctn_2 ul .dot7::after { -webkit-animation-delay: 300ms; animation-delay: 300ms; } .ctn_2 ul .dot8 { top: 64%; left: 72%; } .ctn_2 ul .dot8::before, .ctn_2 ul .dot8::after { -webkit-animation-delay: 500ms; animation-delay: 500ms; } .ctn_2 ul .dot9 { top: 60%; left: 68%; } .ctn_2 ul .dot9::before, .ctn_2 ul .dot9::after { -webkit-animation-delay: 700ms; animation-delay: 700ms; } .ctn_2 ul .dot10 { top: 55%; left: 70%; } .ctn_2 ul .dot10::before, .ctn_2 ul .dot10::after { -webkit-animation-delay: 200ms; animation-delay: 200ms; } .ctn_2 ul .dot11 { top: 54%; left: 68.5%; } .ctn_2 ul .dot11::before, .ctn_2 ul .dot11::after { -webkit-animation-delay: 400ms; animation-delay: 400ms; } .ctn_2 ul .dot12 { top: 25%; left: 66.5%; } .ctn_2 ul .dot12::before, .ctn_2 ul .dot12::after { -webkit-animation-delay: 800ms; animation-delay: 800ms; } .ctn_2 ul .dot13 { top: 56.5%; left: 63.5%; } .ctn_2 ul .dot13::before, .ctn_2 ul .dot13::after { -webkit-animation-delay: 600ms; animation-delay: 600ms; } .ctn_2 ul .dot14 { top: 50.5%; left: 63.5%; } .ctn_2 ul .dot14::before, .ctn_2 ul .dot14::after { -webkit-animation-delay: 400ms; animation-delay: 400ms; } .ctn_2 ul .dot15 { top: 47.5%; left: 61.5%; } .ctn_2 ul .dot15::before, .ctn_2 ul .dot15::after { -webkit-animation-delay: 200ms; animation-delay: 200ms; } .ctn_2 ul .dot16 { top: 42%; left: 59.8%; } .ctn_2 ul .dot16::before, .ctn_2 ul .dot16::after { -webkit-animation-delay: 500ms; animation-delay: 500ms; } .ctn_2 ul .dot17 { top: 46%; left: 57.8%; } .ctn_2 ul .dot17::before, .ctn_2 ul .dot17::after { -webkit-animation-delay: 500ms; animation-delay: 500ms; } .ctn_2 ul .dot18 { top: 50.5%; left: 57.5%; } .ctn_2 ul .dot18::before, .ctn_2 ul .dot18::after { -webkit-animation-delay: 100ms; animation-delay: 100ms; } .ctn_2 ul .dot19 { top: 49%; left: 56%; } .ctn_2 ul .dot19::before, .ctn_2 ul .dot19::after { -webkit-animation-delay: 600ms; animation-delay: 600ms; } .ctn_2 ul .dot20 { top: 50%; left: 55%; } .ctn_2 ul .dot20::before, .ctn_2 ul .dot20::after { -webkit-animation-delay: 500ms; animation-delay: 500ms; } .ctn_2 ul .dot21 { top: 45%; left: 55%; } .ctn_2 ul .dot21::before, .ctn_2 ul .dot21::after { -webkit-animation-delay: 300ms; animation-delay: 300ms; } .ctn_2 ul .dot22 { top: 48%; left: 52%; } .ctn_2 ul .dot22::before, .ctn_2 ul .dot22::after { -webkit-animation-delay: 100ms; animation-delay: 100ms; } .ctn_2 ul .dot23 { top: 46%; left: 53%; } .ctn_2 ul .dot23::before, .ctn_2 ul .dot23::after { -webkit-animation-delay: 600ms; animation-delay: 600ms; } .ctn_2 ul .dot24 { top: 43%; left: 53%; } .ctn_2 ul .dot24::before, .ctn_2 ul .dot24::after { -webkit-animation-delay: 500ms; animation-delay: 500ms; } .ctn_2 ul .dot25 { top: 41%; left: 51%; } .ctn_2 ul .dot25::before, .ctn_2 ul .dot25::after { -webkit-animation-delay: 300ms; animation-delay: 300ms; } .ctn_2 ul .dot26 { top: 37%; left: 53%; } .ctn_2 ul .dot26::before, .ctn_2 ul .dot26::after { -webkit-animation-delay: 100ms; animation-delay: 100ms; } .ctn_2 ul .dot27 { top: 40%; left: 49.5%; } .ctn_2 ul .dot27::before, .ctn_2 ul .dot27::after { -webkit-animation-delay: 600ms; animation-delay: 600ms; } .ctn_2 ul .dot28 { top: 36%; left: 49%; } .ctn_2 ul .dot28::before, .ctn_2 ul .dot28::after { -webkit-animation-delay: 500ms; animation-delay: 500ms; } .ctn_2 ul .dot29 { top: 42%; left: 48%; } .ctn_2 ul .dot29::before, .ctn_2 ul .dot29::after { -webkit-animation-delay: 300ms; animation-delay: 300ms; } .ctn_2 ul .dot30 { top: 37%; left: 47%; } .ctn_2 ul .dot30::before, .ctn_2 ul .dot30::after { -webkit-animation-delay: 100ms; animation-delay: 100ms; } .ctn_2 ul .dot31 { top: 28%; left: 49%; } .ctn_2 ul .dot31::before, .ctn_2 ul .dot31::after { -webkit-animation-delay: 600ms; animation-delay: 600ms; } .ctn_2 ul .dot32 { top: 36%; left: 44%; } .ctn_2 ul .dot32::before, .ctn_2 ul .dot32::after { -webkit-animation-delay: 500ms; animation-delay: 500ms; } .ctn_2 ul .dot33 { top: 63%; left: 74%; } .ctn_2 ul .dot33::before, .ctn_2 ul .dot33::after { -webkit-animation-delay: 300ms; animation-delay: 300ms; } .ctn_2 ul .dot34 { top: 44%; left: 44%; } .ctn_2 ul .dot34::before, .ctn_2 ul .dot34::after { -webkit-animation-delay: 100ms; animation-delay: 100ms; } .ctn_2 ul .dot35 { top: 47%; left: 43%; } .ctn_2 ul .dot35::before, .ctn_2 ul .dot35::after { -webkit-animation-delay: 600ms; animation-delay: 600ms; } .ctn_2 ul .dot36 { top: 52%; left: 43%; } .ctn_2 ul .dot36::before, .ctn_2 ul .dot36::after { -webkit-animation-delay: 500ms; animation-delay: 500ms; } .ctn_2 ul .dot37 { top: 65%; left: 33%; } .ctn_2 ul .dot37::before, .ctn_2 ul .dot37::after { -webkit-animation-delay: 300ms; animation-delay: 300ms; } .ctn_2 ul .dot38 { top: 76%; left: 32%; } .ctn_2 ul .dot38::before, .ctn_2 ul .dot38::after { -webkit-animation-delay: 100ms; animation-delay: 100ms; } .ctn_2 ul .dot39 { top: 75%; left: 30%; } .ctn_2 ul .dot39::before, .ctn_2 ul .dot39::after { -webkit-animation-delay: 600ms; animation-delay: 600ms; } .ctn_2 ul .dot40 { top: 77%; left: 28%; } .ctn_2 ul .dot40::before, .ctn_2 ul .dot40::after { -webkit-animation-delay: 500ms; animation-delay: 500ms; } .ctn_2 ul .dot41 { top: 68%; left: 30%; } .ctn_2 ul .dot41::before, .ctn_2 ul .dot41::after { -webkit-animation-delay: 300ms; animation-delay: 300ms; } .ctn_2 ul .dot42 { top: 63%; left: 27%; } .ctn_2 ul .dot42::before, .ctn_2 ul .dot42::after { -webkit-animation-delay: 100ms; animation-delay: 100ms; } .ctn_2 ul .dot43 { top: 61%; left: 26%; } .ctn_2 ul .dot43::before, .ctn_2 ul .dot43::after { -webkit-animation-delay: 600ms; animation-delay: 600ms; } .ctn_2 ul .dot44 { top: 59%; left: 28%; } .ctn_2 ul .dot44::before, .ctn_2 ul .dot44::after { -webkit-animation-delay: 500ms; animation-delay: 500ms; } .ctn_2 ul .dot45 { top: 50%; left: 21%; } .ctn_2 ul .dot45::before, .ctn_2 ul .dot45::after { -webkit-animation-delay: 300ms; animation-delay: 300ms; } .ctn_2 ul .dot46 { top: 43%; left: 22%; } .ctn_2 ul .dot46::before, .ctn_2 ul .dot46::after { -webkit-animation-delay: 100ms; animation-delay: 100ms; } .ctn_2 ul .dot47 { top: 31%; left: 19%; } .ctn_2 ul .dot47::before, .ctn_2 ul .dot47::after { -webkit-animation-delay: 600ms; animation-delay: 600ms; } .ctn_2 ul .dot100001 { top: 36%; left: 76%; } .ctn_2 ul .dot100001::before, .ctn_2 ul .dot100001::after { -webkit-animation-delay: 500ms; animation-delay: 500ms; } .ctn_2 ul .dot100002 { top: 41%; left: 74%; } .ctn_2 ul .dot100002::before, .ctn_2 ul .dot100002::after { -webkit-animation-delay: 300ms; animation-delay: 300ms; } .ctn_2 ul .dot100003 { top: 47%; left: 68%; } .ctn_2 ul .dot100003::before, .ctn_2 ul .dot100003::after { -webkit-animation-delay: 100ms; animation-delay: 100ms; } .ctn_2 ul .dot100004 { top: 48%; left: 72%; } .ctn_2 ul .dot100004::before, .ctn_2 ul .dot100004::after { -webkit-animation-delay: 600ms; animation-delay: 600ms; } .ctn_2 ul .dot100005 { top: 50%; left: 70.7%; } .ctn_2 ul .dot100005::before, .ctn_2 ul .dot100005::after { -webkit-animation-delay: 600ms; animation-delay: 600ms; } .ctn_2 ul .dot100006 { top: 51%; left: 72%; } .ctn_2 ul .dot100006::before, .ctn_2 ul .dot100006::after { -webkit-animation-delay: 600ms; animation-delay: 600ms; } .ctn_2 ul .dot100007 { top: 54%; left: 68.5%; } .ctn_2 ul .dot100007::before, .ctn_2 ul .dot100007::after { -webkit-animation-delay: 600ms; animation-delay: 600ms; } .ctn_2 ul .dot100008 { top: 44%; left: 74.5%; } .ctn_2 ul .dot100008::before, .ctn_2 ul .dot100008::after { -webkit-animation-delay: 600ms; animation-delay: 600ms; } .ctn_2 ul .dot100009 { top: 36%; left: 49%; } .ctn_2 ul .dot100009::before, .ctn_2 ul .dot100009::after { -webkit-animation-delay: 600ms; animation-delay: 600ms; } .ctn_2 ul .dot100010 { top: 49%; left: 73%; } .ctn_2 ul .dot100010::before, .ctn_2 ul .dot100010::after { -webkit-animation-delay: 600ms; animation-delay: 600ms; } .ctn_2 ul .dot100011 { top: 35%; left: 64%; } .ctn_2 ul .dot100011::before, .ctn_2 ul .dot100011::after { -webkit-animation-delay: 600ms; animation-delay: 600ms; } .ctn_2 ul .dot100012 { top: 38.5%; left: 75%; } .ctn_2 ul .dot100012::before, .ctn_2 ul .dot100012::after { -webkit-animation-delay: 600ms; animation-delay: 600ms; } .ctn_2 ul .dot100013 { top: 34.5%; left: 72%; } .ctn_2 ul .dot100013::before, .ctn_2 ul .dot100013::after { -webkit-animation-delay: 600ms; animation-delay: 600ms; } .ctn_2.subsidiary ul .dot span { background-color: rgb(246, 186, 61); } .ctn_2.subsidiary ul .dot::before { background-color: rgba(246, 186, 61, 0.8); } .ctn_2.subsidiary ul .dot::after { background-color: rgba(246, 186, 61, 0.7); } @-webkit-keyframes dot-scale { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(2); opacity: 0.1; } } @keyframes dot-scale { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(2); opacity: 0.1; } } @-webkit-keyframes dot-scale2 { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(3); opacity: 0.1; } } @keyframes dot-scale2 { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(3); opacity: 0.1; } } .map-mark { position: absolute; left: 2%; bottom: 5%; } .ctn-map-block .ctn_2 { display: none; } .ctn-map-block .ctn_2.cur { display: block; } .ctn-map-bottom { position: absolute; left: 0; bottom: 4%; width: 100%; } .ctn-map-bottom .dd-btn-group { border: 1px solid #cccccb; border-radius: 30px; overflow: hidden; } .ctn-map-bottom .dd-btn-group .btn1, .ctn-map-bottom .dd-btn-group .btn2 { width: 130px; height: 40px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .ctn-map-bottom .dd-btn-group .btn1 .dian, .ctn-map-bottom .dd-btn-group .btn2 .dian { margin-right: 10px; } .ctn-map-bottom .dd-btn-group .btn1.cur, .ctn-map-bottom .dd-btn-group .btn2.cur { background-color: rgba(246, 186, 61, 0.5); } .ctn-map-bottom .dd-btn-group .btn1:hover, .ctn-map-bottom .dd-btn-group .btn2:hover { background-color: rgba(246, 186, 61, 0.1); } .ctn-map-bottom .dd-btn-group .btn1 .txt, .ctn-map-bottom .dd-btn-group .btn2 .txt { color: #333333; font-size: 16px; } .ctn-map-bottom .dd-btn-group .btn1 .dian { width: 12px; height: 12px; background: #4a3953; border-radius: 50%; } .ctn-map-bottom .dd-btn-group .btn2 .dian { width: 12px; height: 12px; background: #f6b837; border-radius: 50%; } .ctn-map-bottom .zongbu-dian { width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; overflow: hidden; border: 2px solid rgb(246, 186, 61); border-radius: 50%; background: #fff; } .ctn-map-bottom .zongbu-dian span { display: block; width: 12px; height: 12px; background-color: rgb(246, 186, 61); border-radius: 50%; } @media (max-width: 1000px) { .map-mark { display: none; } .ctn-map-block { padding-bottom: 100px; } } .introduction-content { display: flex; justify-content: space-between; } .introduction-content .introduction-left { width: 40%; float: left; flex-direction: column; position: relative; margin-top: 70px; } .introduction-content .introduction-left .title { font-size: 48px; color: #424242; line-height: 47px; } .introduction-content .introduction-left .date { position: absolute; left: 0; bottom: 0; } .introduction-content .introduction-left .date .dd1 { font-size: 16px; color: #333333; opacity: 0.5; } .introduction-content .introduction-left .date .dd2 { margin-top: 10px; } .introduction-content .introduction-left .date .dd2 .img { float: left; } .introduction-content .introduction-left .date .dd2 .year { float: left; font-size: 16px; color: #333333; opacity: 0.5; margin-left: 14px; } .introduction-content .introduction-right { width: 60%; margin-top: 70px; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/84d25797-169f-44cc-9973-135c30bc99b8.png") left top repeat-x; padding-top: 45px; } .bsh-img { margin-top: 75px; } .demand-table { margin-top: 98px; } .demand-table .title { justify-content: space-between; } .demand-table .title .dd1 { font-size: 48px; color: #424242; float: left; line-height: 48px; } .demand-table .title .dd2 { float: right; } .demand-table .title .dd2 .dh { float: left; align-items: center; margin-left: 70px; } .demand-table .title .dd2 .dh .dh-icon { width: 45px; height: 45px; line-height: 45px; border-radius: 50%; text-align: center; background: #F6B837; } .demand-table .title .dd2 .dh .dh-icon img { margin-top: 11px; } .demand-table .title .dd2 .dh .dh-nr { margin-left: 10px; } .demand-table .title .dd2 .dh .dh-nr .zw { font-size: 16px; color: #333333; font-weight: 400; line-height: 17px; } .demand-table .title .dd2 .dh .dh-nr .number { font-size: 24px; color: #333333; font-weight: 800; line-height: 19px; margin-top: 4px; } .demand-table .jj { font-size: 36px; font-weight: 400; color: #424242; line-height: 36px; margin-top: 48px; } .demand-table .xq-table { margin-top: 40px; background: #F8F8F8; } .demand-table .xq-table tr { text-align: center; line-height: initial; } .demand-table .xq-table tr th { color: #ffffff; border: 1px solid #ffffff; padding: 32px 0; } .demand-table .xq-table tr td { font-size: 18px; font-weight: 400; color: #424242; border: 1px dotted #8E8E8E; padding: 32px 0; } .demand-table .xq-table tr td:first-child { background: #ffffff; } .xgdy-content { background: #F8F8F8; padding: 90px 0 80px; margin-top: 70px; } .xgdy-content .title { font-size: 48px; font-weight: 400; color: #424242; line-height: 47px; } .xgdy-content .xgdy-nr { justify-content: space-between; } .xgdy-content .xgdy-nr .xgdy-ul { width: 46.5%; } .xgdy-content .xgdy-nr .xgdy-ul li { border-bottom: 1px dotted #9B9B9C; padding-bottom: 20px; padding-top: 37px; } .xgdy-content .xgdy-nr .xgdy-ul li .dd1 { font-size: 36px; color: #424242; font-weight: bold; } .xgdy-content .xgdy-nr .xgdy-ul li .dd2 { font-size: 18px; color: #424242; line-height: 36px; font-weight: bold; } .xgdy-content .xgdy-nr .xgdy-ul li .dd3 { font-size: 16px; font-weight: 400; color: #333333; line-height: 36px; margin-top: 18px; display: none; transition: 0.5s all ease; } .shzp-content { padding-top: 70px; } .shzp-content .title { justify-content: space-between; } .shzp-content .title .dd1 { font-size: 48px; color: #424242; float: left; line-height: 48px; } .shzp-content .title .dd1 a { float: left; } .shzp-content .title .dd1 a.on { color: #F6B837; } .shzp-content .title .dd1 a:first-child { background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/87194170-98b9-4d3b-81fa-f00d7bd3c6c3.png_186xaf.png?t=1656405032499") right center no-repeat; padding-right: 41px; margin-right: 40px; } .shzp-content .title .dd2 { float: right; } .shzp-content .title .dd2 .dh { float: left; align-items: center; margin-left: 70px; } .shzp-content .title .dd2 .dh .dh-icon { width: 45px; height: 45px; line-height: 45px; border-radius: 50%; text-align: center; background: #F6B837; } .shzp-content .title .dd2 .dh .dh-icon img { margin-top: 11px; } .shzp-content .title .dd2 .dh .dh-nr { margin-left: 10px; text-align: center; } .shzp-content .title .dd2 .dh .dh-nr .zw { font-size: 16px; color: #333333; font-weight: 400; line-height: 17px; text-align: left; } .shzp-content .title .dd2 .dh .dh-nr .number { font-size: 24px; color: #333333; font-weight: 800; line-height: 19px; margin-top: 4px; text-align: left; } .shzp-content .form-content { margin-top: 52px; position: relative; z-index: 99; } .shzp-content .form-content #form { width: calc(100% - 210px); float: left; } .shzp-content .form-content #form .form-left { width: 14.8%; float: left; position: relative; margin-right: 5.2%; } .shzp-content .form-content #form .form-left .dd1 { font-size: 16px; font-weight: 400; color: #333333; line-height: 15px; margin-bottom: 12px; } .shzp-content .form-content #form .form-left .dd2 { width: 100%; height: 36px; border-bottom: 1px dotted #D1D1D2; align-items: baseline; justify-content: space-between; cursor: pointer; position: relative; } .shzp-content .form-content #form .form-left .dd2 span { font-size: 16px; font-weight: 400; color: #333333; line-height: 16px; opacity: 0.5; } .shzp-content .form-content #form .form-left .dd2 .icon { width: 15px; height: 9px; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/8cf9fee7-c305-48f0-87cc-aaf4f1e48436.png_186xaf.png?t=1656405079501") no-repeat; transition: 0.3s all ease; } .shzp-content .form-content #form .form-left .dd2 .select-menu { display: none; width: 100%; position: absolute; top: 35px; left: 0; background: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999; } .shzp-content .form-content #form .form-left .dd2 .select-menu li { line-height: 38px; border-bottom: 1px solid #ddd6d6; padding: 0 10px; } .shzp-content .form-content #form .form-left .dd2 input { font-size: 16px; font-weight: 400; color: #333333; line-height: 16px; opacity: 0.5; background: none; border: none; } .shzp-content .form-content #form .form-left .dd2 input::-webkit-input-placeholder { /* WebKit browsers*/ color: #333333; } .shzp-content .form-content #form .form-left .dd2 input:-moz-input-placeholder { /* Mozilla Firefox 4 to 18*/ color: #333333; } .shzp-content .form-content #form .form-left .dd2 input::-moz-input-placeholder { /* Mozilla Firefox 19+*/ color: #333333; } .shzp-content .form-content #form .form-left .dd2 input:-ms-input-placeholder { /* Internet Explorer 10+*/ color: #333333; } .shzp-content .form-content #form .form-left .dd2.on .icon { transform: rotate(180deg); } .shzp-content .form-content #form .form-left:last-child { margin-right: 0; } .shzp-content .form-content .ljtj-btn { width: 180px; height: 60px; float: right; margin-right: 25px; align-items: center; justify-content: space-between; background: #F6B837; font-size: 18px; font-weight: 400; color: #FFFFFF; padding: 0 21px 0 23px; transition: 0.3s all ease; } .shzp-content .form-content .ljtj-btn .dd-icon { color: #ffffff; } .shzp-content .form-content .ljtj-btn:hover { box-shadow: 0 0 10px rgb(246, 184, 55); } .shzp-content .shzp-ul { padding-top: 40px; } .shzp-content .shzp-ul li { border: 1px dotted #D1D1D2; justify-content: space-between; padding: 45px 20px 35px 60px; align-items: center; margin-top: 30px; position: relative; width: 100%; } .shzp-content .shzp-ul li i { display: none; width: 6px; height: 100%; position: absolute; left: 0; top: 0; z-index: 9; background: #F6B837; transition: 0.3s all ease; } .shzp-content .shzp-ul li .shzp-nr { align-items: center; } .shzp-content .shzp-ul li .shzp-nr .shzp-left { width: calc(100% - 100px); } .shzp-content .shzp-ul li .shzp-nr .shzp-left .dd1 { background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/92cd3262-03f5-4feb-aad7-7c4392baa951.png_186xaf.png?t=1656405103264") left center no-repeat; padding-left: 45px; transition: 0.3s all ease; } .shzp-content .shzp-ul li .shzp-nr .shzp-left .dd1 p { font-size: 26px; font-weight: 400; color: #424242; line-height: 33px; text-align: left; } .shzp-content .shzp-ul li .shzp-nr .shzp-left .dd2 { margin-top: 30px; } .shzp-content .shzp-ul li .shzp-nr .shzp-left .dd2 span { font-size: 16px; font-weight: 400; color: #333333; margin-right: 60px; font-weight: bold; } .shzp-content .shzp-ul li .shzp-nr .sqzw-btn { width: 180px; height: 60px; align-items: center; justify-content: space-between; background: #777777; font-size: 18px; font-weight: 400; color: #FFFFFF; padding: 0 21px 0 23px; transition: 0.3s all ease; } .shzp-content .shzp-ul li .shzp-nr .sqzw-btn .dd-icon { color: #ffffff; } .shzp-content .shzp-ul li .shzp-nr .sqzw-btn:hover { background: #F6B837; } .shzp-content .shzp-ul li .gwzz-container { margin-top: 25px; } .shzp-content .shzp-ul li .gwzz-container .gwzz-content { padding-right: 30px; width: 40%; } .shzp-content .shzp-ul li .gwzz-container .gwzz-content .bt { font-size: 16px; font-weight: bold; color: #333333; margin-right: 60px; } .shzp-content .shzp-ul li .gwzz-container .gwzz-content .nr { font-size: 16px; color: #777777; } .shzp-content .shzp-ul li:hover i { display: block; } .shzp-content .shzp-ul li:hover .shzp-left .dd1 { background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/6445a231-e10b-4ecb-9808-f4f8b3910abd.png_186xaf.png?t=1656405135115") left center no-repeat; } @media (max-width: 1400px) { .shzp-content .title { display: block; } .shzp-content .title .dd1 { float: initial; } .shzp-content .title .dd2 { float: initial; } .shzp-content .title .dd2 .dh { margin-left: 0; margin-right: 20px; margin-top: 20px; } .shzp-content .shzp-ul li { padding: 50px 30px; } .shzp-content .shzp-ul li .shzp-left .dd2 span { margin-right: 30px; } } @media (max-width: 1200px) { .fbt-content .title { font-size: 38px; padding: 40px; } .shzp-content .form-content { position: relative; } .shzp-content .form-content #form { width: 100%; float: initial; } .shzp-content .form-content #form .form-left { width: 29.8%; margin-top: 20px; } .shzp-content .form-content #form .form-left:nth-child(3) { margin-right: 0 !important; } .shzp-content .form-content .ljtj-btn { float: initial; margin-top: 14px; position: absolute; right: 0; bottom: 0; } .shzp-content .title { display: block; } .shzp-content .title .dd1 { font-size: 38px; float: initial; } .shzp-content .title .dd2 { float: initial; margin-top: 20px; } .shzp-content .title .dd2 .dh { margin-right: 30px; margin-left: 0; } .shzp-content .shzp-ul li { display: block; padding: 25px 20px 100px; } .shzp-content .shzp-ul li .shzp-left { width: 100%; } .shzp-content .shzp-ul li .shzp-left .dd2 { margin-top: 20px !important; } .shzp-content .shzp-ul li .shzp-left .dd2 span { margin-right: 20px !important; } .shzp-content .shzp-ul li .sqzw-btn { margin-top: 20px; position: absolute; left: 20px; bottom: 20px; } } @media (max-width: 768px) { .introduction-content { display: block; } .introduction-content .introduction-left { width: 100%; float: initial; } .introduction-content .introduction-left .date { margin-top: 20px; position: relative; } .introduction-content .introduction-right { width: 100%; margin-top: 20px; padding-top: 20px; } .demand-table .title { display: block; } .demand-table .title .dd1 { float: initial; } .demand-table .title .dd2 { float: initial; margin-top: 20px; } .demand-table .title .dd2 .dh { margin-left: 0; } .demand-table .title .jj { font-size: 30px; margin-top: 30px; } .demand-table .title .xq-table { margin-top: 30px; } .xgdy-content { padding-top: 50px; } .shzp-content .shzp-ul li { padding: 25px 20px 80px; } .shzp-content .shzp-ul li .gwzz-container { display: block; } .shzp-content .shzp-ul li .gwzz-container .gwzz-content { width: 100%; margin-bottom: 20px; } } @media (max-width: 640px) { .fbt-content .title { font-size: 32px; padding: 20px; } .shzp-content .form-content #form .form-left { width: 29.8%; margin-top: 20px; } .shzp-content .form-content #form .form-left:nth-child(3) { margin-right: 0 !important; } .shzp-content .form-content .ljtj-btn { float: initial; margin-top: 14px; position: absolute; right: 0; bottom: 0; } .demand-table { margin-top: 50px; } .demand-table .title .dd1 { font-size: 40px; } .demand-table .title .dd2 .dh { margin-bottom: 10px; } .demand-table .title .dd2 .dh .dh-nr .number { font-size: 20px; } .demand-table .jj { margin-top: 20px; font-size: 22px; } .demand-table .table-wrap { overflow: auto; } .demand-table .table-wrap .xq-table { width: 800px; } .demand-table .table-wrap .xq-table tr td, .demand-table .table-wrap .xq-table tr th { font-size: 16px; } .xgdy-content .title { font-size: 40px; } .xgdy-content .xgdy-nr { display: block; } .xgdy-content .xgdy-nr .xgdy-ul { width: 100%; } .shzp-content { padding-top: 20px !important; } .shzp-content .title .dd1 { font-size: 32px !important; } .shzp-content .title .dd2 { margin-top: 0 !important; } .shzp-content .title .dd2 .dh { margin-top: 15px !important; } .shzp-content .title .dd2 .dh .dh-nr .number { font-size: 18px !important; } .shzp-content .shzp-ul li .shzp-left .dd1 { background-size: 20px !important; padding-left: 30px !important; } .shzp-content .shzp-ul li .shzp-left .dd1 p { font-size: 20px !important; } .shzp-content .shzp-ul li .shzp-left .dd2 { margin-top: 10px !important; } .shzp-content .shzp-ul li .shzp-left .dd2 span { display: block !important; } .shzp-content .shzp-ul li .sqzw-btn { width: 140px !important; height: 40px !important; font-size: 16px !important; padding: 0 15px 0 15px !important; margin-top: 10px !important; } } @media (max-width: 515px) { .shzp-content .form-content #form .form-left { width: 46.8%; } .shzp-content .form-content #form .form-left:nth-child(2n) { margin-right: 0; } .shzp-content .form-content #form .form-left:nth-child(3) { margin-right: 5.2% !important; } .shzp-content .form-content .ljtj-btn { width: 46.8%; } } .zplc-content { padding: 100px 0 279px; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/9de6c41c-d7ac-4b5e-819c-c25a3ab9bbc2.jpg_186xaf.jpg?t=1656405162753") no-repeat; background-size: 100%; } .zplc-content .title { font-size: 48px; font-weight: 400; color: #F6B837; line-height: 49px; text-align: center; } .zplc-content .zplc-ul { margin-top: 175px; display: flex; align-items: center; justify-content: center; } .zplc-content .zplc-ul li { text-align: center; float: left; padding: 0 90px; position: relative; } .zplc-content .zplc-ul li span { font-size: 26px; font-weight: 400; color: #333333; line-height: 27px; margin-top: 45px; display: block; } .zplc-content .zplc-ul li::after { content: ""; width: 12px; height: 21px; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/bf8fd364-16d9-468d-9a21-018f8a308b34.png_186xaf.png?t=1656405201829") no-repeat; position: absolute; right: 0; top: 21px; } .zplc-content .zplc-ul li:last-child:after { display: none; } .xzcjwt-content { padding-top: 97px; } .xzcjwt-content .title { font-size: 48px; font-weight: 400; color: #333333; line-height: 48px; } .xzcjwt-content .sub-title { font-size: 26px; font-weight: 400; color: #F6B837; line-height: 27px; margin-top: 76px; } .xzcjwt-content .cjwt-ul { margin-bottom: 80px; } .xzcjwt-content .cjwt-ul li { width: 46.5%; float: left; margin-right: 7%; padding-bottom: 20px; margin-top: 40px; background: url("") left bottom repeat-x; } .xzcjwt-content .cjwt-ul li .dd { font-size: 16px; font-weight: 400; color: #333333; line-height: 30px; } .xzcjwt-content .cjwt-ul li .dd span { display: block; float: left; width: 32px; } .xzcjwt-content .cjwt-ul li .dd p { float: left; width: calc(100% - 32px); } .xzcjwt-content .cjwt-ul li:nth-child(2n) { margin-right: 0; } @media (max-width: 1566px) { .zplc-content .zplc-ul li { padding: 0 75px; } } @media (max-width: 1400px) { .zplc-content .zplc-ul li { padding: 0 55px; } } @media (max-width: 1200px) { .zplc-content .title { font-size: 38px; } .zplc-content .zplc-ul li { padding: 0 4%; height: 124px; } .xzcjwt-content .title { font-size: 38px; } } @media (max-width: 996px) { .zplc-content .zplc-ul { display: block; margin-top: 80px; } .zplc-content .zplc-ul li { width: 30%; padding: 0 4%; margin-top: 50px; height: 105px; } .zplc-content .zplc-ul li span { font-size: 22px; margin-top: 30px; } .zplc-content .zplc-ul li img { width: 48px; } .xzcjwt-content .cjwt-ul li { width: 100%; margin-right: 0; margin-top: 20px; } } @media (max-width: 640px) { .shzp-content .shzp-ul { padding-top: 10px; } .shzp-content .title .dd1 a { font-size: 30px; } .shzp-content .title .dd1 a:first-child { padding-right: 11px; margin-right: 10px; background-size: 1px 30px; } .zplc-content { padding: 30px 0 60px; } .zplc-content .zplc-ul { margin-top: 0; } .zplc-content .zplc-ul li span { font-size: 20px; } .zplc-content .title { font-size: 32px; } .xzcjwt-content { padding-top: 60px; } .xzcjwt-content .title { font-size: 32px; } .xzcjwt-content .sub-title { font-size: 24px; margin-top: 35px; } } @media (max-width: 375px) { .shzp-content .title .dd1 a:first-child { padding-right: 11px; margin-right: 10px; } } .fbt-content { position: relative; } .fbt-content .title { font-size: 48px; font-weight: 400; color: #424242; line-height: 1; padding: 70px 0 80px; } .fbt-content .ctn_2 ul .dot span { background: none; } .fbt-content .ctn_2 ul .dot .txt1 { background: rgba(76, 60, 84, 0.8); border-radius: 0; } .fbt-content .ctn_2 ul .dot .txt1:after { border-top: 10px solid rgba(76, 60, 84, 0.8); top: 40px; } .fbt-content .ctn_2 ul .dot1 .txt1, .fbt-content .ctn_2 ul .dot2 .txt1, .fbt-content .ctn_2 ul .dot3 .txt1, .fbt-content .ctn_2 ul .dot4 .txt1, .fbt-content .ctn_2 ul .dot5 .txt1, .fbt-content .ctn_2 ul .dot6 .txt1, .fbt-content .ctn_2 ul .dot7 .txt1, .fbt-content .ctn_2 ul .dot8 .txt1, .fbt-content .ctn_2 ul .dot9 .txt1, .fbt-content .ctn_2 ul .dot10 .txt1 { background: rgba(246, 184, 55, 0.8); border-radius: 0; } .fbt-content .ctn_2 ul .dot1 .txt1:after, .fbt-content .ctn_2 ul .dot2 .txt1:after, .fbt-content .ctn_2 ul .dot3 .txt1:after, .fbt-content .ctn_2 ul .dot4 .txt1:after, .fbt-content .ctn_2 ul .dot5 .txt1:after, .fbt-content .ctn_2 ul .dot6 .txt1:after, .fbt-content .ctn_2 ul .dot7 .txt1:after, .fbt-content .ctn_2 ul .dot8 .txt1:after, .fbt-content .ctn_2 ul .dot9 .txt1:after, .fbt-content .ctn_2 ul .dot10 .txt1:after { border-top: 10px solid rgba(246, 184, 55, 0.8); top: 40px; } .fbt-content .ctn_2 ul .dot.cur { width: 0.9%; } .fbt-content .ctn_2 ul .dot1.cur { width: 2.5%; } .fbt-content .ctn_2 ul .dot1 { width: 2.5%; padding-top: 2.5%; top: 42.7%; left: 70.1%; } .fbt-content .ctn_2 ul .dot1::before, .fbt-content .ctn_2 ul .dot1::after { background-color: rgba(246, 184, 55, 0.8); } .fbt-content .ctn_2 ul .dot2 { top: 47.2%; left: 72.3%; } .fbt-content .ctn_2 ul .dot2::before, .fbt-content .ctn_2 ul .dot2::after { display: none; } .fbt-content .ctn_2 ul .dot3 { top: 51.2%; left: 71.73%; } .fbt-content .ctn_2 ul .dot3::before, .fbt-content .ctn_2 ul .dot3::after { display: none; } .fbt-content .ctn_2 ul .dot4 { top: 52.35%; left: 70.65%; } .fbt-content .ctn_2 ul .dot4::before, .fbt-content .ctn_2 ul .dot4::after { display: none; } .fbt-content .ctn_2 ul .dot5 { top: 46.4%; left: 65.48%; } .fbt-content .ctn_2 ul .dot5::before, .fbt-content .ctn_2 ul .dot5::after { display: none; } .fbt-content .ctn_2 ul .dot6 { top: 36.5%; left: 58.88%; } .fbt-content .ctn_2 ul .dot6::before, .fbt-content .ctn_2 ul .dot6::after { display: none; } .fbt-content .ctn_2 ul .dot7 { top: 36.5%; left: 68.55%; } .fbt-content .ctn_2 ul .dot7::before, .fbt-content .ctn_2 ul .dot7::after { display: none; } .fbt-content .ctn_2 ul .dot8 { top: 33.5%; left: 72.29%; } .fbt-content .ctn_2 ul .dot8::before, .fbt-content .ctn_2 ul .dot8::after { display: none; } .fbt-content .ctn_2 ul .dot9 { top: 36.55%; left: 75.8%; } .fbt-content .ctn_2 ul .dot9::before, .fbt-content .ctn_2 ul .dot9::after { display: none; } .fbt-content .ctn_2 ul .dot10 { top: 40%; left: 73.16%; } .fbt-content .ctn_2 ul .dot10::before, .fbt-content .ctn_2 ul .dot10::after { display: none; } .fbt-content .ctn_2 ul .dot11 { top: 28%; left: 74.39%; } .fbt-content .ctn_2 ul .dot11::before, .fbt-content .ctn_2 ul .dot11::after { display: none; } .fbt-content .ctn_2 ul .dot12 { top: 42.59%; left: 77.72%; } .fbt-content .ctn_2 ul .dot12::before, .fbt-content .ctn_2 ul .dot12::after { display: none; } .fbt-content .ctn_2 ul .dot13 { top: 44.5%; left: 74.9%; } .fbt-content .ctn_2 ul .dot13::before, .fbt-content .ctn_2 ul .dot13::after { display: none; } .fbt-content .ctn_2 ul .dot14 { top: 74.25%; left: 78.2%; } .fbt-content .ctn_2 ul .dot14::before, .fbt-content .ctn_2 ul .dot14::after { display: none; } .fbt-content .ctn_2 ul .dot15 { top: 63.66%; left: 69.9%; } .fbt-content .ctn_2 ul .dot15::before, .fbt-content .ctn_2 ul .dot15::after { display: none; } .fbt-content .ctn_2 ul .dot16 { top: 66.95%; left: 33.5%; } .fbt-content .ctn_2 ul .dot16::before, .fbt-content .ctn_2 ul .dot16::after { display: none; } .fbt-content .ctn_2 ul .dot17 { top: 43.2%; left: 18.7%; } .fbt-content .ctn_2 ul .dot17::before, .fbt-content .ctn_2 ul .dot17::after { display: none; } .fbt-content .ctn_2 ul .dot18 { top: 43.59%; left: 48.68%; } .fbt-content .ctn_2 ul .dot18::before, .fbt-content .ctn_2 ul .dot18::after { display: none; } .fbt-content .ctn_2 ul .dot19 { top: 39.1%; left: 45.97%; } .fbt-content .ctn_2 ul .dot19::before, .fbt-content .ctn_2 ul .dot19::after { display: none; } .fbt-content .ctn_2 ul .dot20 { top: 32.7%; left: 50.3%; } .fbt-content .ctn_2 ul .dot20::before, .fbt-content .ctn_2 ul .dot20::after { display: none; } .fbt-content .ctn_2 ul .dot21 { top: 29.94%; left: 52.55%; } .fbt-content .ctn_2 ul .dot21::before, .fbt-content .ctn_2 ul .dot21::after { display: none; } .fbt-content .ctn_2 ul .dot22 { top: 52.49%; left: 63.2%; } .fbt-content .ctn_2 ul .dot22::before, .fbt-content .ctn_2 ul .dot22::after { display: none; } .fbt-content .hwdt-bz { position: absolute; left: 60px; bottom: 55px; } .fbt-content .hwdt-bz .dd1 { font-size: 18px; font-weight: 400; color: #333333; line-height: 1; padding-left: 55px; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/6d75c560-aebb-4b9d-b44a-1cf381012f4c.png_186xaf.png?t=1656405281863") left center no-repeat; line-height: 35px; } .fbt-content .hwdt-bz .dd2 { font-size: 18px; font-weight: 400; color: #333333; line-height: 1; padding-left: 55px; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/a91d33a8-ddc5-49dc-8593-ea21700b4587.png_186xaf.png?t=1656405323920") 10px center no-repeat; margin-top: 30px; } .fbt-content .hwdt-bz .dd3 { font-size: 18px; font-weight: 400; color: #333333; line-height: 1; padding-left: 55px; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/09e4c3d5-24b4-40db-99f4-b14c2e2110ef.png_186xaf.png?t=1656405520073") 10px center no-repeat; margin-top: 30px; } .fbt-content .hwdt-bz .dd4 { font-size: 16px; font-weight: 400; color: #333333; line-height: 24px; opacity: 0.6; padding-left: 55px; margin-top: 30px; width: 270px; } .pyln-content { margin-top: 70px; overflow: hidden; } .pyln-content .dd1 { line-height: 1; font-size: 48px; font-weight: 400; color: #424242; text-align: center; } .pyln-content .dd2 { font-size: 16px; font-weight: 400; color: #424242; line-height: 1; text-align: center; margin-top: 20px; margin-bottom: 65px; } .pyln-content .dd3 { margin-top: 80px; font-size: 48px; font-weight: 400; color: #424242; text-align: center; line-height: 1; } .pyln-content .dd4 { font-size: 18px; font-weight: 400; color: #424242; text-align: center; line-height: 1; margin-top: 50px; } .pyln-content .pylj-content { width: 474px; height: 474px; margin: 130px auto 135px; position: relative; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/d307113f-4ce9-46f1-8419-ad09a8a82c45.png_186xaf.png?t=1656405574336") center no-repeat; } .pyln-content .pylj-content .img { position: absolute; top: 85px; left: 85px; } .pyln-content .pylj-content .title { text-align: center; font-size: 36px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; line-height: initial; } .pyln-content .pylj-content .ppln-text { font-size: 18px; font-weight: 400; color: #424242; line-height: 1; } .pyln-content .pylj-content .ppln-pic { width: 70px; height: 70px; border-radius: 50%; background: #F4F4F4; display: flex; align-items: center; justify-content: center; } .pyln-content .pylj-content .ln1 { position: absolute; width: 100%; left: 0; top: -80px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .pyln-content .pylj-content .ln1 .ppln-pic { margin-top: 29px; } .pyln-content .pylj-content .ln2 { position: absolute; width: 100%; left: 380px; top: 58px; display: flex; align-items: center; flex-direction: row; } .pyln-content .pylj-content .ln2 .ppln-pic { margin-right: 10px; } .pyln-content .pylj-content .ln3 { position: absolute; width: 100%; left: 427px; top: 264px; display: flex; align-items: center; flex-direction: row; } .pyln-content .pylj-content .ln3 .ppln-pic { margin-right: 10px; } .pyln-content .pylj-content .ln4 { position: absolute; width: 100%; left: 298px; top: 414px; display: flex; align-items: center; flex-direction: row; } .pyln-content .pylj-content .ln4 .ppln-pic { margin-right: 27px; } .pyln-content .pylj-content .ln5 { position: absolute; width: 100%; right: 313px; top: 414px; display: flex; align-items: center; flex-direction: row; justify-content: end; } .pyln-content .pylj-content .ln5 .ppln-pic { margin-left: 27px; } .pyln-content .pylj-content .ln6 { position: absolute; width: 100%; right: 438px; top: 264px; display: flex; align-items: center; flex-direction: row; justify-content: end; } .pyln-content .pylj-content .ln6 .ppln-pic { margin-left: 27px; } .pyln-content .pylj-content .ln7 { position: absolute; width: 100%; right: 391px; top: 58px; display: flex; align-items: center; flex-direction: row; justify-content: end; } .pyln-content .pylj-content .ln7 .ppln-pic { margin-left: 27px; } .czyfz-part3 { padding: 107px 0 100px; background: #F2F2F2; } .czyfz-part3 #gdt-swiper { padding: 28px 0; margin: 0 80px; } .czyfz-part3 #gdt-swiper .swiper-slide a { display: block; width: 100%; height: 434px; position: relative; } .czyfz-part3 #gdt-swiper .swiper-slide a p { text-align: center; position: absolute; left: 0; bottom: 0; z-index: 99; font-size: 18px; font-weight: 400; color: #FFFFFF; line-height: 1; padding: 30px; } .czyfz-part3 #gdt-swiper .swiper-slide a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .czyfz-part3 #gdt-swiper .swiper-slide-active { position: relative; z-index: 9; } .czyfz-part3 #gdt-swiper .swiper-slide-active a { transform: scale(1.8); } .czyfz-part3 #gdt-swiper .swiper-slide-active a p { transform: scale(0.6); bottom: 15%; left: 0; } .czyfz-part3 .gdt-container { position: relative; } .czyfz-part3 .gdt-container .swiper-button-next, .czyfz-part3 .gdt-container .swiper-button-prev { width: 48px; height: 48px; background: #8B7C93; border-radius: 24px; } .czyfz-part3 .gdt-container .swiper-button-next::after, .czyfz-part3 .gdt-container .swiper-button-prev::after { color: #ffffff; font-size: 16px; } .czyfz-part3 .gdt-container .swiper-button-next:hover, .czyfz-part3 .gdt-container .swiper-button-prev:hover { background: #e3d9d9; } .qxan-content { padding-top: 80px; } .qxan-content .title1 { font-size: 48px; font-weight: 400; color: #424242; line-height: 1; text-align: center; } .qxan-content #qxan-swiper { margin-top: 50px; } .qxan-content #qxan-swiper .swiper-slide { height: 195px; display: flex; align-items: center; justify-content: center; flex-direction: column; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } .qxan-content #qxan-swiper .swiper-slide .dd1 { font-size: 24px; font-weight: 400; color: #333333; line-height: 1; } .qxan-content #qxan-swiper .swiper-slide .dd2 { font-size: 16px; font-weight: 400; color: #333333; line-height: 24px; height: 48px; margin-top: 10px; text-align: center; padding: 0 20px; } .qxan-content .qxan-arrow { display: flex; align-items: center; justify-content: center; margin-top: 80px; } .qxan-content .qxan-arrow .swiper-button-next, .qxan-content .qxan-arrow .swiper-button-prev { width: 48px; height: 48px; background: #8B7C93; border-radius: 24px; position: relative; left: initial; right: initial; top: 0; margin: 0 20px; } .qxan-content .qxan-arrow .swiper-button-next::after, .qxan-content .qxan-arrow .swiper-button-prev::after { color: #ffffff; font-size: 16px; } .qxan-content .qxan-arrow .swiper-button-next:hover, .qxan-content .qxan-arrow .swiper-button-prev:hover { background: #e3d9d9; } .qxan-content .gdxw-container { position: relative; } .qxan-content .gdxw-container .swiper-button-next, .qxan-content .gdxw-container .swiper-button-prev { width: 48px; height: 48px; background: #8B7C93; border-radius: 24px; } .qxan-content .gdxw-container .swiper-button-next::after, .qxan-content .gdxw-container .swiper-button-prev::after { color: #ffffff; font-size: 16px; } .qxan-content .gdxw-container .swiper-button-next:hover, .qxan-content .gdxw-container .swiper-button-prev:hover { background: #e3d9d9; } .qxan-content #xwgd-swiper { margin: 135px 80px 0; } .qxan-content #xwgd-swiper .swiper-slide .part1 li { width: 49%; float: left; overflow: hidden; } .qxan-content #xwgd-swiper .swiper-slide .part1 li:nth-child(2) { float: right; } .qxan-content #xwgd-swiper .swiper-slide .part1 li a { display: block; height: 100%; position: relative; } .qxan-content #xwgd-swiper .swiper-slide .part1 li a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(1, 1) rotate(0deg); /* Firefox */ -webkit-transform: scale(1, 1) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(1, 1) rotate(0deg); /* Opera */ transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .qxan-content #xwgd-swiper .swiper-slide .part1 li a p { text-align: center; width: 100%; position: absolute; left: 0; bottom: 27px; font-size: 16px; font-weight: 400; color: #FFFFFF; } .qxan-content #xwgd-swiper .swiper-slide .part1 li:hover img { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; transform: scale(1.1, 1.1) rotate(0deg); -ms-transform: scale(1.1, 1.1) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(1.1, 1.1) rotate(0deg); /* Firefox */ -webkit-transform: scale(1.1, 1.1) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(1.1, 1.1) rotate(0deg); /* Opera */ } .qxan-content #xwgd-swiper .swiper-slide .part1 li { width: calc((100% - 20px) / 2); height: 400px; float: left; overflow: hidden; } .qxan-content #xwgd-swiper .swiper-slide .part1 li:nth-child(2) { float: right; } .qxan-content #xwgd-swiper .swiper-slide .part1 li a { display: block; position: relative; height: 100%; } .qxan-content #xwgd-swiper .swiper-slide .part1 li a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(1, 1) rotate(0deg); /* Firefox */ -webkit-transform: scale(1, 1) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(1, 1) rotate(0deg); /* Opera */ transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .qxan-content #xwgd-swiper .swiper-slide .part1 li a p { text-align: center; width: 100%; position: absolute; left: 0; bottom: 27px; font-size: 16px; font-weight: 400; color: #FFFFFF; } .qxan-content #xwgd-swiper .swiper-slide .part1 li:hover img { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; transform: scale(1.1, 1.1) rotate(0deg); -ms-transform: scale(1.1, 1.1) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(1.1, 1.1) rotate(0deg); /* Firefox */ -webkit-transform: scale(1.1, 1.1) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(1.1, 1.1) rotate(0deg); /* Opera */ } .qxan-content #xwgd-swiper .swiper-slide .part2 { margin-top: 20px; } .qxan-content #xwgd-swiper .swiper-slide .part2 li { width: calc((100% - 40px) / 3); height: 263px; float: left; } .qxan-content #xwgd-swiper .swiper-slide .part2 li:nth-child(2) { margin: 0 20px; } .qxan-content #xwgd-swiper .swiper-slide .part2 li a { display: block; position: relative; } .qxan-content #xwgd-swiper .swiper-slide .part2 li a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .qxan-content #xwgd-swiper .swiper-slide .part2 li a p { text-align: center; width: 100%; position: absolute; left: 0; bottom: 27px; font-size: 16px; font-weight: 400; color: #FFFFFF; } .ygfc-container { margin-top: 40px; position: relative; } .ygfc-container .title1 { font-size: 48px; font-weight: 400; color: #333333; line-height: 1; text-align: center; } .ygfc-container .swiper-button-next, .ygfc-container .swiper-button-prev { width: 48px; height: 48px; background: #8B7C93; border-radius: 24px; } .ygfc-container .swiper-button-next::after, .ygfc-container .swiper-button-prev::after { color: #ffffff; font-size: 16px; } .ygfc-container .swiper-button-next:hover, .ygfc-container .swiper-button-prev:hover { background: #e3d9d9; } .ygfc-container #ygfc-swiper { padding: 155px 0 335px; margin: 0 80px; } .ygfc-container #ygfc-swiper .swiper-slide { padding-top: 135px; } .ygfc-container #ygfc-swiper .swiper-slide a { display: flex; align-items: center; justify-content: center; flex-direction: column; } .ygfc-container #ygfc-swiper .swiper-slide .pic { overflow: hidden; width: 126px; height: 126px; } .ygfc-container #ygfc-swiper .swiper-slide .pic img:nth-child(2) { display: none; } .ygfc-container #ygfc-swiper .swiper-slide .text { display: none; margin-top: 50px; width: 200%; } .ygfc-container #ygfc-swiper .swiper-slide .text .dd1 { font-size: 24px; font-weight: 400; color: #333333; line-height: 1; text-align: center; } .ygfc-container #ygfc-swiper .swiper-slide .text .dd2 { font-size: 18px; font-weight: 400; color: #333333; line-height: 1; margin-top: 10px; text-align: center; } .ygfc-container #ygfc-swiper .swiper-slide .text .dd3 { font-size: 16px; font-weight: 400; color: #333333; line-height: 30px; opacity: 0.7; margin-top: 15px; text-align: center; } .ygfc-container #ygfc-swiper .swiper-slide-active { padding-top: 0; } .ygfc-container #ygfc-swiper .swiper-slide-active a { width: 330px; position: absolute; left: 50%; margin-left: -165px; top: 0; } .ygfc-container #ygfc-swiper .swiper-slide-active a::after { content: ""; width: 330px; height: 330px; background: #ffffff; border-radius: 50%; box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0; } .ygfc-container #ygfc-swiper .swiper-slide-active a::before { content: ""; width: 280px; height: 280px; border: 1px dotted #F6B837; border-radius: 50%; position: absolute; left: 25px; top: 25px; z-index: 1; } .ygfc-container #ygfc-swiper .swiper-slide-active .pic { width: 222px; height: 310px; position: relative; z-index: 9; top: -30px; } .ygfc-container #ygfc-swiper .swiper-slide-active .pic img:nth-child(1) { display: none; } .ygfc-container #ygfc-swiper .swiper-slide-active .pic img:nth-child(2) { display: block; } .ygfc-container #ygfc-swiper .swiper-slide-active .text { display: block; } .ygfc-container #ygfc-swiper .swiper-slide-active .text li { height: 50%; border-bottom: 1px solid #EBECED; } .ygfc-container #ygfc-swiper .swiper-slide-active .text li .dd1 { font-size: 14px; color: #333333; text-align: center; } .ygfc-container #ygfc-swiper .swiper-slide-active .text li .dd2 { font-size: 28px; font-weight: 400; color: #333333; line-height: 1; padding: 0 20px; text-align: center; } .ygfc-container #ygfc-swiper .swiper-slide-active .text li .dd3 { font-size: 16px; font-weight: 400; color: #333333; line-height: 30px; opacity: 0.7; text-align: center; } @media (max-width: 1400px) { .ygfc-container #ygfc-swiper .swiper-slide { padding-top: 75px; } .ygfc-container #ygfc-swiper .swiper-slide .text { margin-top: -35px; } .ygfc-container #ygfc-swiper .swiper-slide-active a { width: 280px; margin-left: -140px; } .ygfc-container #ygfc-swiper .swiper-slide-active a::after { width: 250px; height: 250px; } .ygfc-container #ygfc-swiper .swiper-slide-active a::before { width: 220px; height: 220px; left: 15px; top: 15px; } .ygfc-container #ygfc-swiper .swiper-slide-active a .pic { width: 190px; height: 310px; position: relative; z-index: 9; top: -42px; left: -15px; } } @media (max-width: 1200px) { .fbt-content .hwdt-bz { left: 10px; bottom: 10px; } .fbt-content .hwdt-bz .dd1, .fbt-content .hwdt-bz .dd2, .fbt-content .hwdt-bz .dd3 { margin-top: 10px; } .fbt-content .hwdt-bz .dd1 { background-size: 22px; padding-left: 30px; line-height: 22px; } .fbt-content .hwdt-bz .dd2, .fbt-content .hwdt-bz .dd3 { padding-left: 30px; margin-top: 10px; background-size: 13px; background-position-x: 3px; } .fbt-content .hwdt-bz .dd2 { margin-top: 5px; } .fbt-content .hwdt-bz .dd4 { padding-left: 30px; } .pyln-content .dd1, .pyln-content .dd3, .qxan-content .title1, .ygfc-container .title1 { font-size: 38px; } } @media (max-width: 996px) { .fbt-content .hwdt-bz .dd1, .fbt-content .hwdt-bz .dd2, .fbt-content .hwdt-bz .dd3 { font-size: 16px; } .fbt-content .hwdt-bz .dd4 { display: none; } .pyln-content .pylj-content { transform: scale(0.8); } .czyfz-part3 #gdt-swiper .swiper-slide a { height: 255px; } .czyfz-part3 #gdt-swiper .swiper-slide .part2 li { height: 130px; } .qxan-content #xwgd-swiper { margin: 70px 80px 0; } .qxan-content #xwgd-swiper .swiper-slide .part1 li { height: 210px; } .ygfc-container #ygfc-swiper { padding-top: 90px; } } @media (max-width: 768px) { .pyln-content .pylj-content { transform: scale(0.6); } .czyfz-part3 #gdt-swiper .swiper-slide-active a { transform: scale(1); } .czyfz-part3 #gdt-swiper .swiper-slide-active a p { transform: scale(1); bottom: 0; left: 0; } } @media (max-width: 640px) { .fbt-content .title { font-size: 32px; padding: 20px; } .fbt-content .hwdt-bz .dd1, .fbt-content .hwdt-bz .dd2, .fbt-content .hwdt-bz .dd3 { font-size: 14px; } .pyln-content .dd1, .pyln-content .dd3, .qxan-content .title1, .ygfc-container .title1 { font-size: 32px; } .qxan-content #xwgd-swiper .swiper-slide .part1 li { height: 100px; } .qxan-content #xwgd-swiper .swiper-slide .part2 li { height: 32px; } .ygfc-container #ygfc-swiper .swiper-slide-active a { width: 100%; margin-left: 0; left: 0; } .ygfc-container #ygfc-swiper .swiper-slide-active a .pic { width: 100%; left: 0; } .ygfc-container #ygfc-swiper .swiper-slide-active a::after, .ygfc-container #ygfc-swiper .swiper-slide-active a::before { display: none; } } @media (max-width: 515px) { .qxan-content { padding-top: 20px; } .pyln-content .pylj-content { transform: scale(0.4); width: auto; } .czyfz-part3 #gdt-swiper .swiper-slide a p { height: 22px !important; line-height: 20px !important; } .bsh-img > img { width: 100%; } } .gpxq-content { padding: 65px 0 105px; } .gpxq-content .gpxq-left { width: 48.6%; height: 395px; padding: 45px 65px; box-sizing: border-box; float: left; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/60db2895-5b1f-433a-8d14-1b7a0ecb6357.jpg") no-repeat center/cover; } .gpxq-content .gpxq-left .dd1 { font-size: 16px; font-weight: 400; color: #FFFFFF; line-height: 1; } .gpxq-content .gpxq-left .dd2 { margin-top: 16px; } .gpxq-content .gpxq-left .dd2 .je { font-size: 48px; font-weight: 500; color: #FFFFFF; line-height: 1; } .gpxq-content .gpxq-left .dd2 .yuan { font-size: 16px; font-weight: 400; color: #FFFFFF; line-height: 1; opacity: 0.7; margin-left: 9px; } .gpxq-content .gpxq-left .dd2 .img { width: 23px; margin-left: 17px; } .gpxq-content .gpxq-left .dd2 .zt { font-size: 20px; font-weight: 500; color: #FFFFFF; line-height: 1; margin-left: 1px; } .gpxq-content .gpxq-left .gpxq-ul { margin-top: 60px; } .gpxq-content .gpxq-left .gpxq-ul li { width: 28%; float: left; position: relative; padding-left: 5%; } .gpxq-content .gpxq-left .gpxq-ul li .p1 { font-size: 16px; font-weight: 400; color: #FFFFFF; line-height: 1; } .gpxq-content .gpxq-left .gpxq-ul li .p2 { font-size: 36px; font-weight: 500; color: #FFFFFF; margin-top: 15px; line-height: 1; } .gpxq-content .gpxq-left .gpxq-ul li::after { content: ""; width: 1px; height: 100%; position: absolute; right: 0; top: 0; background: #FFFFFF; } .gpxq-content .gpxq-left .gpxq-ul li:last-child:after { display: none; } .gpxq-content .gpxq-left .gpxq-ul li:first-child { padding-left: 0; width: 22%; } .gpxq-content .gpxq-left .gpxq-ul li:last-child { width: 22%; } .gpxq-content .gpxq-left .dd3 { font-size: 16px; font-weight: 400; color: #FFFFFF; line-height: 30px; margin-top: 80px; } .gpxq-content .gpxq-right { width: 48.6%; height: 395px; background: #FFFFFF; border: 1px solid #CECFD1; box-sizing: border-box; float: right; } .gpxq-content .gpxq-right .pic { width: 100%; height: 305px; padding: 20px; box-sizing: border-box; text-align: center; } .gpxq-content .gpxq-right .text { display: flex; align-items: center; justify-content: center; margin-top: 28px; } .gpxq-content .gpxq-right .text a { width: 68px; height: 32px; line-height: 32px; background: #FFFFFF; border: 1px solid #CECFD1; text-align: center; font-size: 16px; font-weight: 400; color: #8B7C93; margin: 0 6px; } .gpxq-content .gpxq-right .text a.on { background: linear-gradient(-81deg, #E39D2B 0%, #F7B839 100%); color: #FFFFFF; } .investor-gsgg { padding: 70px 0 95px; background: #F6F7F8; } .investor-gsgg .title { height: 90px; border-bottom: 1px solid #CECFD1; position: relative; } .investor-gsgg .title .dd1 { font-size: 42px; font-weight: 400; color: #424242; line-height: 1; float: left; } .investor-gsgg .title .dd2 { position: absolute; right: 0; bottom: -1px; } .investor-gsgg .title .dd2 a { font-size: 20px; color: #424242; line-height: 1; float: left; margin-left: 70px; padding-bottom: 40px; transition: 0.3s all ease; } .investor-gsgg .title .dd2 a.on, .investor-gsgg .title .dd2 a:hover { color: #424242; font-weight: bold; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/2fc874a8-311f-454c-9653-650b594e4968.png_186xaf.png?t=1656405640589") bottom left repeat-x; } .investor-gsgg .investor-gsgg-ul { margin-top: 8px; } .investor-gsgg .investor-gsgg-ul li { width: 48.6%; background: #FFFFFF; margin-right: 2.8%; margin-top: 40px; float: left; overflow: hidden; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .investor-gsgg .investor-gsgg-ul li a { display: block; padding: 40px 40px 40px 35px; } .investor-gsgg .investor-gsgg-ul li a .pic { width: 54px; height: 54px; float: left; } .investor-gsgg .investor-gsgg-ul li a .pic img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .investor-gsgg .investor-gsgg-ul li a .pic img:nth-child(1) { opacity: 1; transform: translateY(0); } .investor-gsgg .investor-gsgg-ul li a .pic img:nth-child(2) { opacity: 0; transform: translateY(100%); } .investor-gsgg .investor-gsgg-ul li a .text { width: calc(100% - 196px); margin-left: 30px; float: left; } .investor-gsgg .investor-gsgg-ul li a .text .dd1 { font-size: 16px; font-weight: 400; color: #888888; line-height: 1; } .investor-gsgg .investor-gsgg-ul li a .text .dd2 { font-size: 18px; font-weight: bold; color: #424242; margin-top: 18px; } .investor-gsgg .investor-gsgg-ul li a .pic2 { width: 42px; height: 42px; float: right; margin-top: 8px; } .investor-gsgg .investor-gsgg-ul li a .pic2 img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .investor-gsgg .investor-gsgg-ul li a .pic2 img:nth-child(1) { opacity: 1; transform: translateY(0); } .investor-gsgg .investor-gsgg-ul li a .pic2 img:nth-child(2) { opacity: 0; transform: translateY(100%); } .investor-gsgg .investor-gsgg-ul li:nth-child(2n) { margin-right: 0; } .investor-gsgg .investor-gsgg-ul li:hover { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .investor-gsgg .investor-gsgg-ul li:hover a .pic img, .investor-gsgg .investor-gsgg-ul li:hover a .pic2 img { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .investor-gsgg .investor-gsgg-ul li:hover a .pic img:nth-child(1), .investor-gsgg .investor-gsgg-ul li:hover a .pic2 img:nth-child(1) { opacity: 0; transform: translateY(-100%); } .investor-gsgg .investor-gsgg-ul li:hover a .pic img:nth-child(2), .investor-gsgg .investor-gsgg-ul li:hover a .pic2 img:nth-child(2) { opacity: 1; transform: translateY(-100%); } .investor-lxfs { padding: 107px 0 165px; position: relative; } .investor-lxfs .img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .investor-lxfs .title { font-size: 42px; font-weight: 400; color: #FFFFFF; line-height: 1; position: relative; padding-bottom: 30px; } .investor-lxfs .title::after { content: ""; width: 56px; height: 3px; background: #E9B13C; position: absolute; left: 0; bottom: 0; } .investor-lxfs .investor-lxfs-ul { margin-top: 96px; background: #FFFFFF; position: relative; } .investor-lxfs .investor-lxfs-ul li { width: 33.33%; float: left; padding: 52px 0 65px; box-sizing: border-box; } .investor-lxfs .investor-lxfs-ul li .pic { width: 72px; height: 72px; border-radius: 50%; background: #8B7C93; margin: 0 auto; display: flex; align-items: center; justify-content: center; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .investor-lxfs .investor-lxfs-ul li .dd1 { font-size: 18px; font-weight: 400; color: #999999; line-height: 1; margin-top: 22px; text-align: center; } .investor-lxfs .investor-lxfs-ul li .dd2 { font-size: 18px; font-weight: bold; color: #424242; line-height: 26px; margin-top: 40px; text-align: center; padding: 0 15%; } .investor-lxfs .investor-lxfs-ul li:nth-child(2) { border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; } .investor-lxfs .investor-lxfs-ul li:last-child { border-right: none; } .investor-lxfs .investor-lxfs-ul li:hover .pic { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; background: #E9B13C; } .gu-page-iframe { width: 100%; height: 415px; } @media (max-width: 1070px) { .gu-page-iframe { height: 800px; } } @media (max-width: 768px) { .investor-gsgg { padding: 50px 0; } .investor-gsgg .title { padding-bottom: 70px; } .investor-gsgg .title .dd1 { font-size: 36px; } .investor-gsgg .title .dd2 a { padding-bottom: 30px; margin-left: 40px; } .investor-gsgg .investor-gsgg-ul li { width: 100%; margin-right: 0; margin-top: 25px; } .gpxq-content { padding-bottom: 70px; } .investor-lxfs { padding: 70px 0; } .investor-lxfs .title { font-size: 32px; } .investor-lxfs .investor-lxfs-ul { margin-top: 50px; } } @media (max-width: 640px) { .investor-lxfs .investor-lxfs-ul li { width: 100%; border: none !important; } } @media (max-width: 515px) { .gpxq-content-page .gpxq-info-left { padding: 10px; } .gpxq-content-page .gpxq-info-left .gpxq-ul li { padding-left: 10px; } .gu-page-iframe { height: 610px !important; } .gpxq-content { padding-bottom: 20px; } .gpxq-content .gpxq-left { height: auto; } .gpxq-content .gpxq-left .gpxq-ul { margin-top: 15px; } .gpxq-content .gpxq-left .gpxq-ul li { width: 50% !important; margin-top: 20px; padding-left: 10%; } .gpxq-content .gpxq-left .gpxq-ul li:first-child { padding-left: 10%; } .gpxq-content .gpxq-left .gpxq-ul li:nth-child(2):after { display: none; } .gpxq-content .gpxq-left .dd3 { margin-top: 45px; } .gpxq-content .gpxq-right { height: 270px; } .gpxq-content .gpxq-right .pic { height: 270px; } .gpxq-content .gpxq-right .text { margin-top: 10px; } .investor-gsgg .title { height: 60px; padding-bottom: 50px; } .investor-gsgg .title .dd1 { font-size: 30px; } .investor-gsgg .title .dd2 a { margin-left: 15px; } .investor-gsgg .investor-gsgg-ul li a { padding: 20px; } .investor-gsgg .investor-gsgg-ul li a .pic { width: 40px; height: 40px; } .investor-gsgg .investor-gsgg-ul li a .pic2 { width: 35px; height: 35px; } .investor-gsgg .investor-gsgg-ul li a .text { width: calc(100% - 105px); margin-left: 20px; } .investor-gsgg .investor-gsgg-ul li a .text .dd2 { margin-top: 8px; font-size: 16px; } .investor-lxfs .title { font-size: 32px; } .investor-lxfs .investor-lxfs-ul li { padding: 30px 0; } .investor-lxfs .investor-lxfs-ul li .dd2 { margin-top: 20px; } } .qxcp-content { background: #F6F7F8; padding: 60px 0 150px; } .qxcp-content .title { font-size: 42px; font-weight: bold; color: #424242; line-height: 1; position: relative; padding-bottom: 20px; } .qxcp-content .title::after { content: ""; width: 56px; height: 3px; background: #E7A12E; position: absolute; left: 0; bottom: 0; } .qxcp-content .other { margin-top: 70px; } .qxcp-content .qxcp-ul li { width: 22.9%; margin-right: 2.8%; float: left; background: #ffffff; margin-top: 40px; position: relative; } .qxcp-content .qxcp-ul li .pic { padding-bottom: 56%; position: relative; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/ea415f85-2e17-4aba-ae20-b764850d11ec.png_186xaf.png?t=1656405814122") no-repeat; background-size: cover; } .qxcp-content .qxcp-ul li .pic img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; -o-object-fit: cover; object-fit: cover; } .qxcp-content .qxcp-ul li .text { padding: 25px 32px 25px 25px; display: flex; align-items: center; justify-content: space-between; } .qxcp-content .qxcp-ul li .text p { font-size: 18px; font-weight: bold; color: #424242; line-height: 1; float: left; width: calc(100% - 15px); } .qxcp-content .qxcp-ul li .text .cuIcon-back_android { color: #333333; } .qxcp-content .qxcp-ul li a { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding: 1%; box-sizing: border-box; background: rgba(69, 69, 69, 0.8); opacity: 0; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .qxcp-content .qxcp-ul li a .dd1 { font-size: 18px; font-weight: bold; color: #FFFFFF; line-height: 32px; padding-bottom: 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .qxcp-content .qxcp-ul li a .dd2 { font-size: 16px; font-weight: 400; color: #FFFFFF; line-height: 1; opacity: 0.5; margin-top: 25px; } .qxcp-content .qxcp-ul li a .img { margin-top: 25px; } .qxcp-content .qxcp-ul li:hover a { opacity: 1; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .qxcp-content .qxcp-ul li:nth-child(4n) { margin-right: 0; } @media (max-width: 1200px) { .qxcp-content .title { font-size: 34px; } .qxcp-content .qxcp-ul li { width: 32%; margin-right: 2%; margin-top: 3%; } .qxcp-content .qxcp-ul li:nth-child(4n) { margin-right: 2%; } .qxcp-content .qxcp-ul li:nth-child(3n) { margin-right: 0; } } @media (max-width: 768px) { .qxcp-content .qxcp-ul li { width: 49%; } .qxcp-content .qxcp-ul li .text { padding: 15px; } .qxcp-content .qxcp-ul li:nth-child(3n) { margin-right: 2%; } .qxcp-content .qxcp-ul li:nth-child(2n) { margin-right: 0; } } @media (max-width: 414px) { .qxcp-content .qxcp-ul li { width: 100%; margin-right: 0 !important; } } .detail-part1 { margin-top: 100px; } .detail-part1 .pic { width: 45.8%; height: 370px; float: left; } .detail-part1 .pic img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .prod_swi .swiper-slide { overflow: hidden; height: 335px; } .detail-part1 .text { width: 49.5%; float: right; border-left: 1px solid #EBECED; padding-left: 4.5%; } .detail-part1 .text .top { height: 258px; border-bottom: 1px solid #EBECED; } .detail-part1 .text .top .dd1 { font-size: 32px; font-weight: bold; color: #424242; line-height: 1; } .detail-part1 .text .top .dd2 { font-size: 16px; font-weight: 400; color: #78797E; line-height: 24px; margin-top: 30px; margin-bottom: 25px; } .detail-part1 .text .top .dd3 { margin-top: 10px; } .detail-part1 .text .top .dd3 span { display: block; font-size: 16px; font-weight: bold; color: #424242; line-height: 1; width: 100px; float: left; } .detail-part1 .text .top .dd3 p { font-size: 16px; font-weight: 400; color: #78797E; line-height: 1; margin-left: 100px; } .detail-part1 .text .bottom { margin-top: 48px; } .detail-part1 .text .bottom a { width: 177px; height: 60px; background: linear-gradient(270deg, #F7B939 0%, #E29E28 100%); font-size: 20px; font-weight: bold; color: #FFFFFF; display: flex; align-items: center; justify-content: center; margin-right: 20px; float: left; } .detail-part1 .text .bottom a img { margin-right: 10px; } .detail-part1 .text .bottom .dh { float: right; color: #000; font-size: 24px; font-weight: bold; margin-top: 9px; line-height: 42px; } .detail-part1 .text .bottom .dh img { float: left; margin-right: 10px; } .detail-part2 { margin-top: 112px; } .detail-part2 .detail-nav { height: 90px; border-top: 1px solid #CECFD1; border-bottom: 1px solid #CECFD1; } .detail-part2 .detail-nav #nav-swiper { width: 800px; height: 100%; margin: 0 auto; } .detail-part2 .detail-nav #nav-swiper .swiper-slide { display: flex; align-items: center; justify-content: center; } .detail-part2 .detail-nav #nav-swiper .swiper-slide-active a { color: #424242; font-weight: bold; } .detail-part2 .detail-nav #nav-swiper .swiper-slide-active::after { content: ""; width: 100%; height: 4px; background: linear-gradient(90deg, #E39D29 0%, #F7B939 100%); position: absolute; left: 0; bottom: 0; } .detail-part2 .detail-nav a { font-size: 20px; color: #7F818D; position: relative; } .detail-part2 .detail-nav a.on { color: #424242; font-weight: bold; } .detail-part2 .detail-nav a.on::after { content: ""; width: 100%; height: 4px; background: linear-gradient(90deg, #E39D29 0%, #F7B939 100%); position: absolute; left: 0; bottom: 0; } .detail-part2 .cpgs-detail { margin-top: 80px; } .detail-part2 .cpgs-detail .title { font-size: 32px; font-weight: 400; color: #424242; line-height: 1; position: relative; padding-bottom: 18px; } .detail-part2 .cpgs-detail .title::after { content: ""; width: 52px; height: 3px; background: #F7B939; position: absolute; left: 0; bottom: 0; } .detail-part2 .cpgs-detail .cpgs-bt { font-size: 24px; font-weight: 400; color: #424242; line-height: 1; margin-top: 28px; } .detail-part2 .cpgs-detail .cpgs-nr { font-size: 16px; font-weight: 400; color: #78797E; line-height: 30px; padding-left: 26px; position: relative; margin-top: 20px; } .detail-part2 .cpgs-detail .cpgs-nr::after { content: ""; width: 12px; height: 12px; border-radius: 50%; background: #7F818D; position: absolute; left: 0; top: 9px; } .detail-part2 .cpgs-detail .cptd-bt { font-size: 16px; font-weight: 400; color: #78797E; line-height: 30px; margin-top: 24px; } .detail-part2 .cpgs-detail .cptd-ul { padding-top: 15px; } .detail-part2 .cpgs-detail .cptd-ul li { width: 49%; margin-right: 2%; background: #F8F8F8; padding: 20px 90px 20px 30px; margin-top: 20px; float: left; } .detail-part2 .cpgs-detail .cptd-ul li div { float: left; display: flex; align-items: center; width: 142px; } .detail-part2 .cpgs-detail .cptd-ul li img { float: left; margin-right: 20px; } .detail-part2 .cpgs-detail .cptd-ul li span { font-size: 18px; font-weight: bold; color: #424242; display: block; float: left; } .detail-part2 .cpgs-detail .cptd-ul li p { font-size: 18px; color: #424242; display: block; opacity: 0.7; float: left; width: calc(100% - 142px); } .detail-part2 .cpgs-detail .cptd-ul li:nth-child(2n) { margin-right: 0; } .detail-part2 .cpgs-detail .cpxl-ul { margin-top: 60px; } .detail-part2 .cpgs-detail .cpxl-ul li { width: 23.5%; margin-right: 2%; background: #F8F8F8; float: left; } .detail-part2 .cpgs-detail .cpxl-ul li .pic { padding-bottom: 59%; position: relative; } .detail-part2 .cpgs-detail .cpxl-ul li .pic img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; left: 0; top: 0; } .detail-part2 .cpgs-detail .cpxl-ul li .text { width: 100%; height: 60px; line-height: 60px; font-size: 20px; padding: 0 20px; color: #7F818D; } .detail-part2 .cpgs-detail .cpxl-ul li:nth-child(4) { margin-right: 0; } .detail-part3 { padding: 125px 0 150px; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/90a2cf96-e7c4-47ba-97d6-17bdc2c7d986.png_186xaf.png?t=1656405844857") no-repeat; background-size: cover; margin-top: 125px; position: relative; } .detail-part3 .title { font-size: 32px; font-weight: bold; color: #424242; line-height: 1; position: relative; padding-bottom: 18px; } .detail-part3 .title:after { content: ""; width: 52px; height: 3px; background: #F7B939; position: absolute; left: 0; bottom: 0; } .detail-part3 .swiper { margin-top: 55px; } .detail-part3 .swiper .swiper-slide .img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .detail-part3 .swiper .swiper-slide a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-bottom: 6px solid transparent; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: end; padding-bottom: 58px; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .detail-part3 .swiper .swiper-slide a .icon { width: 60px; height: 60px; background: #8B7C93; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .detail-part3 .swiper .swiper-slide a p { font-size: 22px; font-weight: bold; color: #FFFFFF; line-height: 1; margin-top: 20px; } .detail-part3 .swiper .swiper-slide a .more { margin-top: 35px; } .detail-part3 .swiper .swiper-slide a .more img { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .detail-part3 .swiper .swiper-slide a .more img:nth-child(1) { display: block; } .detail-part3 .swiper .swiper-slide a .more img:nth-child(2) { display: none; } .detail-part3 .swiper .swiper-slide:hover a { border-bottom: 6px solid #F5B837; } .detail-part3 .swiper .swiper-slide:hover a .icon { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; background: #F5B837; } .detail-part3 .swiper .swiper-slide:hover a .more img { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .detail-part3 .swiper .swiper-slide:hover a .more img:nth-child(1) { display: none; } .detail-part3 .swiper .swiper-slide:hover a .more img:nth-child(2) { display: block; } .detail-part3 .product-tab { padding: 50px 55px 10px 0; background: #ffffff; position: absolute; left: 40px; top: -45px; z-index: 90; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } .detail-part3 .product-tab a { font-size: 16px; font-weight: 400; color: #78797E; line-height: 22px; padding-left: 41px; position: relative; margin-bottom: 30px; display: block; } .detail-part3 .product-tab a.on, .detail-part3 .product-tab a:hover { font-weight: bold; color: #EFAF33; } .detail-part3 .product-tab a.on:after { content: ""; width: 5px; height: 27px; background: #F5B837; position: absolute; left: -3px; top: 0; } @media (max-width: 1400px) { .detail-part1 .text .bottom { margin-top: 20px; } .detail-part1 .text .bottom .dh { float: left; margin-top: 10px; } .detail-part2 .cpgs-detail .cptd-ul li { padding: 20px; } .detail-part2 .cpgs-detail .cptd-ul li div { width: 132px; } .detail-part2 .cpgs-detail .cptd-ul li div img { margin-right: 10px; } .detail-part2 .cpgs-detail .cptd-ul li p { width: calc(100% - 132px); } } @media (max-width: 1200px) { .detail-part2 .cpgs-detail .title { font-size: 28px; } .detail-part3 { padding: 50px 0; } .detail-part3 .title { font-size: 28px; } } @media (max-width: 996px) { .detail-part1 { margin-top: 50px; } .detail-part1 .pic { width: 100%; float: initial; } .detail-part1 .text { width: 100%; float: initial; padding: 0; border: 0; margin-top: 10px; } .detail-part1 .text .top { height: auto; padding-bottom: 20px; } .detail-part2 { margin-top: 50px; } .detail-part2 .cpgs-detail .cpxl-ul { margin-top: 20px; } .detail-part2 .cpgs-detail .cpxl-ul li { width: 49%; margin-top: 20px; } .detail-part2 .cpgs-detail .cpxl-ul li:nth-child(2n) { margin-right: 0; } .detail-part2 .detail-nav #nav-swiper { width: 80%; } } @media (max-width: 768px) { .detail-part2 .cpgs-detail .cptd-ul li { width: 100%; margin-right: 0; } .detail-part2 .detail-nav { height: 60px; } } @media (max-width: 515px) { .detail-part2 .cpgs-detail .cpxl-ul li { width: 100%; margin-right: 0 !important; } } @media (max-width: 414px) { .detail-part1 .text .bottom a { width: 49%; margin-left: 2%; margin-right: 0 !important; } .detail-part1 .text .bottom a:first-child { margin-left: 0; } } .jkyy-part1 { padding: 85px 0 95px; /* 设置滚动条的样式 */ /* 滚动槽 */ /* 滚动条滑块 */ } .jkyy-part1 .title { margin-bottom: 75px; } .jkyy-part1 .title a { font-weight: bold; color: #7F818D; line-height: 46px; font-size: 42px; display: flex; align-items: center; float: left; } .jkyy-part1 .title a img { height: 46px; margin-right: 25px; } .jkyy-part1 .title a.on { color: #424242; } .jkyy-part1 .title a:first-child { margin-right: 130px; } .jkyy-part1 .text { width: 50%; height: 370px; float: left; font-size: 16px; font-weight: 400; color: #888888; line-height: 24px; position: relative; overflow: auto; } .jkyy-part1 .text .nr { width: 100%; padding-right: 10px; text-align: justify; } /*滚动条*/ .jkyy-part1 .text::-webkit-scrollbar { width: 5px; background: rgba(0,0,0,.1); } /*滚动条轨道*/ .jkyy-part1 .text::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); border-radius: 10px; } /*滚动条轨道上的滚动滑块*/ .jkyy-part1 .text::-webkit-scrollbar-thumb { border-radius: 10px; background: #f6b939; } /*滚动条轨道上的滚动滑块被激活*/ .jkyy-part1 .text::-webkit-scrollbar-thumb:window-inactive { background: #f6b939; } .jkyy-part1 .pic { margin-left: 54%; padding-bottom: 30px; position: relative; } .jkyy-part1 .pic img { width: 100%; height: 370px; -o-object-fit: cover; object-fit: cover; } .fzlc-content { padding-top: 68px; padding-bottom: 197px; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/992180c3-f498-476c-9765-b770be30ab32.png_186xaf.png?t=1656405685722"); background-size: cover; } .fzlc-content .title { font-size: 42px; font-weight: 400; color: #424242; line-height: 1; position: relative; padding-bottom: 30px; } .fzlc-content .title::after { content: ""; width: 56px; height: 3px; background: #E9B13C; position: absolute; left: 0; bottom: 0; } .fzlc-content .fzlc-container { position: relative; } .fzlc-content .fzlc-container #fzlc-swiper { margin: 0 80px; margin-top: 70px; position: relative; } .fzlc-content .fzlc-container #fzlc-swiper .swiper-slide { display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; } .fzlc-content .fzlc-container #fzlc-swiper .swiper-slide .dd1 { height: 120px; font-size: 36px; font-weight: 500; color: #8B7C93; line-height: 1; display: flex; align-items: end; } .fzlc-content .fzlc-container #fzlc-swiper .swiper-slide .icon { width: 24px; height: 24px; background: #F3F4F6; border: 1px solid #8B7C93; border-radius: 50%; margin: 30px 0; position: relative; z-index: 9; } .fzlc-content .fzlc-container #fzlc-swiper .swiper-slide .icon::after { content: ""; width: 12px; height: 12px; background: #8B7C93; border-radius: 50%; position: absolute; left: 50%; margin-left: -6px; top: 50%; margin-top: -6px; } .fzlc-content .fzlc-container #fzlc-swiper .swiper-slide .dd2 { width: 100%; height: 120px; background: #ffffff; font-size: 16px; color: #424242; padding: 20px; box-sizing: border-box; position: relative; display: flex; align-items: center; justify-content: center; border-radius: 10px; } .fzlc-content .fzlc-container #fzlc-swiper .swiper-slide .dd2 i { width: 0; height: 0; border-top: 10px solid transparent; border-right: 10px dashed transparent; border-bottom: 10px dashed #ffffff; border-left: 10px dashed transparent; position: absolute; top: -20px; left: 50%; margin-left: -10px; } .fzlc-content .fzlc-container #fzlc-swiper .swiper-slide::after { content: ""; width: 100%; height: 1px; background: #989898; opacity: 0.4; position: absolute; top: 50%; left: 0; } .fzlc-content .fzlc-container #fzlc-swiper .swiper-slide-active .dd1 { color: #E29E29; } .fzlc-content .fzlc-container #fzlc-swiper .swiper-slide-active .icon { border: 5px solid #E8E1D2; } .fzlc-content .fzlc-container #fzlc-swiper .swiper-slide-active .icon::after { background: #E29E29; } .fzlc-content .fzlc-container #fzlc-swiper .swiper-slide-active .dd2 { background: #E29E29; color: #FFFFFF; } .fzlc-content .fzlc-container #fzlc-swiper .swiper-slide-active .dd2 i { border-bottom: 10px dashed #E29E29; } .fzlc-content .fzlc-container #fzlc-swiper .swiper-slide-active:nth-child(2n) .dd2 i { border-top: 10px dashed #E29E29; } .fzlc-content .fzlc-container #fzlc-swiper .swiper-slide:nth-child(2n) .dd1 { display: flex; align-items: start; } .fzlc-content .fzlc-container #fzlc-swiper .swiper-slide:nth-child(2n) .dd2 i { border-top: 10px solid #ffffff; border-right: 10px dashed transparent; border-bottom: 10px dashed transparent; border-left: 10px dashed transparent; bottom: -20px; top: initial; } .fzlc-content .fzlc-container .swiper-button-next, .fzlc-content .fzlc-container .swiper-button-prev { width: 48px; height: 48px; background: #8B7C93; border-radius: 24px; z-index: 99; } .fzlc-content .fzlc-container .swiper-button-next::after, .fzlc-content .fzlc-container .swiper-button-prev::after { color: #ffffff; font-size: 16px; } .fzlc-content .fzlc-container .swiper-button-next:hover, .fzlc-content .fzlc-container .swiper-button-prev:hover { background: #ffffff; } .fzlc-content .fzlc-container .swiper-button-next:hover::after, .fzlc-content .fzlc-container .swiper-button-prev:hover::after { color: #8B7C93; } .ryzz-content { padding: 90px 0 100px; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/39a8f049-b16b-4ba4-9e4b-da7544147c6d.png_186xaf.png?t=1656405741708"); background-size: cover; } .ryzz-content .title { font-size: 42px; font-weight: 400; color: #424242; line-height: 1; position: relative; padding-bottom: 30px; } .ryzz-content .title::after { content: ""; width: 56px; height: 3px; background: #E9B13C; position: absolute; left: 0; bottom: 0; } .ryzz-content .ryzz-container { position: relative; margin: 0 auto; margin-top: 90px; } .ryzz-content .ryzz-container #ryzz-swiper { margin: 0 80px; } .ryzz-content .ryzz-container #ryzz-swiper .swiper-slide { width: 420px; height: 324px; background: #FFFFFF; box-shadow: 0px 8px 34px 1px rgba(53, 57, 77, 0.1); padding: 0 40px; transform: scale(0.9); } .ryzz-content .ryzz-container #ryzz-swiper .swiper-slide a { display: block; } .ryzz-content .ryzz-container #ryzz-swiper .swiper-slide .pic { height: 246px; border-bottom: 1px solid #F1F1F1; display: flex; align-items: center; justify-content: center; padding: 25px; box-sizing: border-box; overflow: hidden; } .ryzz-content .ryzz-container #ryzz-swiper .swiper-slide .pic img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(1, 1) rotate(0deg); /* Firefox */ -webkit-transform: scale(1, 1) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(1, 1) rotate(0deg); /* Opera */ transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .ryzz-content .ryzz-container #ryzz-swiper .swiper-slide .text { font-size: 16px; font-weight: 400; color: #424242; line-height: 1; padding: 30px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; display: flex; align-items: center; justify-content: space-between; } .ryzz-content .ryzz-container #ryzz-swiper .swiper-slide .text .more { width: 23px; height: 23px; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/5a3ab24b-b689-4431-bed4-e6c2c344e95f.png_186xaf.png?t=1656320864459") no-repeat center; background-size: contain !important; margin-left: 10px; } .ryzz-content .ryzz-container #ryzz-swiper .swiper-slide.swiper-slide-duplicate-prev, .ryzz-content .ryzz-container #ryzz-swiper .swiper-slide.swiper-slide-duplicate-next { opacity: 0; } .ryzz-content .ryzz-container #ryzz-swiper .swiper-slide:hover .pic img { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; transform: scale(1.1, 1.1) rotate(0deg); -ms-transform: scale(1.1, 1.1) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(1.1, 1.1) rotate(0deg); /* Firefox */ -webkit-transform: scale(1.1, 1.1) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(1.1, 1.1) rotate(0deg); /* Opera */ } .ryzz-content .ryzz-container #ryzz-swiper .swiper-slide:hover .text .more { background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/c0738d2f-4724-465f-af59-fc7761e93230.png_186xaf.png?t=1656320864458") no-repeat center; } .ryzz-content .ryzz-container #ryzz-swiper .swiper-slide-active, .ryzz-content .ryzz-container #ryzz-swiper .swiper-slide-duplicate-active { transform: scale(0.9); } .ryzz-content .ryzz-container #ryzz-swiper .swiper-pagination { width: 100% !important; position: relative; bottom: auto; margin-top: 50px; } .ryzz-content .ryzz-container #ryzz-swiper .swiper-pagination .swiper-pagination-bullet-active { background: #F6B939; } .ryzz-content .ryzz-container .swiper-button-next, .ryzz-content .ryzz-container .swiper-button-prev { width: 48px; height: 48px; background: #8B7C93; border-radius: 24px; } .ryzz-content .ryzz-container .swiper-button-next::after, .ryzz-content .ryzz-container .swiper-button-prev::after { color: #ffffff; font-size: 16px; } .ryzz-content .ryzz-container .swiper-button-next:hover, .ryzz-content .ryzz-container .swiper-button-prev:hover { background: #ffffff; } .ryzz-content .ryzz-container .swiper-button-next:hover::after, .ryzz-content .ryzz-container .swiper-button-prev:hover::after { color: #8B7C93; } .pzbz-content { background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/175b97a8-20ac-495d-87e4-83f48a124399.png_186xaf.png?t=1656405765476"); background-size: cover; padding: 85px 0 100px; } .pzbz-content .title { height: 90px; border-bottom: 1px solid #CECFD1; position: relative; } .pzbz-content .title .dd1 { font-size: 42px; font-weight: 400; color: #424242; line-height: 1; float: left; } .pzbz-content .title .dd2 { position: absolute; right: 0; bottom: -1px; } .pzbz-content .title .dd2 a { font-size: 20px; color: #424242; line-height: 1; float: left; margin-left: 70px; padding-bottom: 40px; transition: 0.3s all ease; } .pzbz-content .title .dd2 a.on, .pzbz-content .title .dd2 a:hover { color: #424242; font-weight: bold; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/2fc874a8-311f-454c-9653-650b594e4968.png_186xaf.png?t=1656405640589") bottom left repeat-x; } .pzbz-content .dd-txrz { font-size: 20px; font-weight: 400; color: #424242; line-height: 1; position: relative; padding-bottom: 30px; margin-top: 45px; } .pzbz-content .dd-txrz::after { content: ""; width: 56px; height: 3px; background: #E9B13C; position: absolute; left: 0; bottom: 0; } .pzbz-content .dd-js { font-size: 18px; font-weight: 400; color: #72747E; line-height: 32px; margin-top: 20px; } .pzbz-content .txrz-container { position: relative; margin: 0 auto; } .pzbz-content .txrz-container .tab-container { position: relative; display: none; } .pzbz-content .txrz-container #txrz-swiper, .pzbz-content .txrz-container #jcsb-swiper { margin: 90px 80px 0; } .pzbz-content .txrz-container #txrz-swiper .swiper-slide, .pzbz-content .txrz-container #jcsb-swiper .swiper-slide { background: #ffffff; } .pzbz-content .txrz-container #txrz-swiper .swiper-slide .pic, .pzbz-content .txrz-container #jcsb-swiper .swiper-slide .pic { width: 100%; height: 365px; background: url("https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/9b697029-4117-4e7d-868e-d596d015909b.png_186xaf.png?t=1656405868791") no-repeat; background-size: cover; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; } .pzbz-content .txrz-container #txrz-swiper .swiper-slide .pic .img, .pzbz-content .txrz-container #jcsb-swiper .swiper-slide .pic .img { width: 172px; height: 248px; -o-object-fit: contain; object-fit: contain; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(1, 1) rotate(0deg); /* Firefox */ -webkit-transform: scale(1, 1) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(1, 1) rotate(0deg); /* Opera */ } .pzbz-content .txrz-container #txrz-swiper .swiper-slide .pic .icon, .pzbz-content .txrz-container #jcsb-swiper .swiper-slide .pic .icon { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: #D0D0D0; position: absolute; right: 15px; top: 15px; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .pzbz-content .txrz-container #txrz-swiper .swiper-slide .text, .pzbz-content .txrz-container #jcsb-swiper .swiper-slide .text, .pzbz-content .txrz-container #zlzs-swiper .swiper-slide .text { height: 70px; line-height: 70px; padding: 0 20px; text-align: center; font-size: 16px; font-weight: 400; color: #424242; background:#fff; display: flex; align-items: center; } .pzbz-content .txrz-container #txrz-swiper .swiper-slide.swiper-slide-duplicate-prev, .pzbz-content .txrz-container #txrz-swiper .swiper-slide.swiper-slide-duplicate-next, .pzbz-content .txrz-container #jcsb-swiper .swiper-slide.swiper-slide-duplicate-prev, .pzbz-content .txrz-container #jcsb-swiper .swiper-slide.swiper-slide-duplicate-next { opacity: 0; } .pzbz-content .txrz-container #txrz-swiper .swiper-slide:hover .pic .img, .pzbz-content .txrz-container #jcsb-swiper .swiper-slide:hover .pic .img { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; transform: scale(1.1, 1.1) rotate(0deg); -ms-transform: scale(1.1, 1.1) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(1.1, 1.1) rotate(0deg); /* Firefox */ -webkit-transform: scale(1.1, 1.1) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(1.1, 1.1) rotate(0deg); /* Opera */ } .pzbz-content .txrz-container #txrz-swiper .swiper-slide:hover .pic .icon, .pzbz-content .txrz-container #jcsb-swiper .swiper-slide:hover .pic .icon { background: #8B7C93; } .pzbz-content .txrz-container #txrz-swiper .swiper-pagination, .pzbz-content .txrz-container #jcsb-swiper .swiper-pagination { width: 100% !important; position: relative; bottom: auto; margin-top: 50px; } .pzbz-content .txrz-container #txrz-swiper .swiper-pagination .swiper-pagination-bullet-active, .pzbz-content .txrz-container #jcsb-swiper .swiper-pagination .swiper-pagination-bullet-active { background: #F6B939; } .pzbz-content .txrz-container #jcsb-swiper .swiper-slide .pic { background: none; height: 255px; display: flex; align-items: center; justify-content: center; } .pzbz-content .txrz-container #jcsb-swiper .swiper-slide .pic .img { max-width: 100%; max-height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .pzbz-content .txrz-container .swiper-button-next, .pzbz-content .txrz-container .swiper-button-prev { width: 48px; height: 48px; background: #8B7C93; border-radius: 24px; top: 60%; } .pzbz-content .txrz-container .swiper-button-next::after, .pzbz-content .txrz-container .swiper-button-prev::after { color: #ffffff; font-size: 16px; } .pzbz-content .txrz-container .swiper-button-next:hover, .pzbz-content .txrz-container .swiper-button-prev:hover { background: #ffffff; } .pzbz-content .txrz-container .swiper-button-next:hover::after, .pzbz-content .txrz-container .swiper-button-prev:hover::after { color: #8B7C93; } .jszc-content { padding: 98px 0; } .jszc-content .title { font-size: 42px; font-weight: 400; color: #424242; line-height: 1; position: relative; padding-bottom: 30px; } .jszc-content .title::after { content: ""; width: 56px; height: 3px; background: #E9B13C; position: absolute; left: 0; bottom: 0; } .jszc-content .jszc-js { display: flex; align-items: center; justify-content: space-between; margin-top: 25px; } .jszc-content .jszc-js .dd1 { float: left; font-size: 18px; font-weight: 400; color: #72747E; line-height: 32px; width: 69%; } .jszc-content .jszc-js .jszx-btn { width: 220px; height: 60px; background: linear-gradient(270deg, #F7B939 0%, #E29E28 100%); font-size: 18px; font-weight: 400; color: #FFFFFF; display: flex; align-items: center; justify-content: center; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .jszc-content .jszc-js .jszx-btn:hover { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; background: linear-gradient(270deg, #f1a916 1%, #cf8609 100%); } .jszc-content .jszc-js .jszx-btn img { width: 17px; margin-right: 15px; } .jszc-content #jszc-swiper { margin-top: 85px; } .jszc-content #jszc-swiper .swiper-slide a { display: block; height: 435px; position: relative; } .jszc-content #jszc-swiper .swiper-slide a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .jszc-content #jszc-swiper .swiper-slide a .dd1 { font-size: 72px; font-weight: 500; color: #FFFFFF; line-height: 32px; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.33); position: absolute; top: 46px; left: 46px; } .jszc-content #jszc-swiper .swiper-slide a .dd2 { font-size: 20px; font-weight: bold; color: #FFFFFF; line-height: 32px; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.33); padding: 0 50px; position: absolute; left: 0; bottom: 45px; } .jszc-content #jszc-swiper .swiper-button-next, .jszc-content #jszc-swiper .swiper-button-prev { width: 48px; height: 48px; background: #8B7C93; border-radius: 24px; float: left; left: initial; right: initial; top: 0; margin-top: 65px; position: relative; margin-right: 15px; } .jszc-content #jszc-swiper .swiper-button-next::after, .jszc-content #jszc-swiper .swiper-button-prev::after { color: #ffffff; font-size: 16px; } .jszc-content #jszc-swiper .swiper-button-next:hover, .jszc-content #jszc-swiper .swiper-button-prev:hover { background: #ffffff; box-shadow: 0px 0px 24px 0px rgba(53, 57, 77, 0.11); } .jszc-content #jszc-swiper .swiper-button-next:hover::after, .jszc-content #jszc-swiper .swiper-button-prev:hover::after { color: #8B7C93; } .zlzs-swiper .swiper-slide { padding: 33px; background: #F4F4F4; } .zlzs-swiper .swiper-slide a { overflow: hidden; height: auto !important; padding-bottom: 143%; } .zlzs-swiper .swiper-slide a img { transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(1, 1) rotate(0deg); /* Firefox */ -webkit-transform: scale(1, 1) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(1, 1) rotate(0deg); /* Opera */ transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; position: absolute; left: 0; bottom: 0; } .zlzs-swiper .swiper-slide:hover img { transform: scale(1.1, 1.1) rotate(0deg); -ms-transform: scale(1.1, 1.1) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(1.1, 1.1) rotate(0deg); /* Firefox */ -webkit-transform: scale(1.1, 1.1) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(1.1, 1.1) rotate(0deg); /* Opera */ transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .hzhb-content { padding: 90px 0 105px; background: #FAFAFA; } .hzhb-content .title { font-size: 42px; font-weight: 400; color: #424242; line-height: 1; position: relative; padding-bottom: 30px; } .hzhb-content .title::after { content: ""; width: 56px; height: 3px; background: #E9B13C; position: absolute; left: 0; bottom: 0; } .hzhb-content .hzhb-container { margin-top: 50px; position: relative; } .hzhb-content .hzhb-container #hzhb-swiper { margin-top: 55px; height: 270px; margin: 0 80px; } .hzhb-content .hzhb-container #hzhb-swiper .swiper-slide { text-align: center; font-size: 18px; background: #fff; height: calc((100% - 30px) / 2); /* Center slide text vertically */ display: flex; justify-content: center; align-items: center; overflow: hidden; } .hzhb-content .hzhb-container #hzhb-swiper .swiper-slide a { display: flex; height: 120px; align-items: center; justify-content: center; overflow: hidden; } .hzhb-content .hzhb-container #hzhb-swiper .swiper-slide a img { max-width: 100%; max-height: 100%; -o-object-fit: cover; object-fit: cover; transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(1, 1) rotate(0deg); /* Firefox */ -webkit-transform: scale(1, 1) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(1, 1) rotate(0deg); /* Opera */ transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .hzhb-content .hzhb-container #hzhb-swiper .swiper-slide a:hover { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; transform: scale(1.1, 1.1) rotate(0deg); -ms-transform: scale(1.1, 1.1) rotate(0deg); /* Internet Explorer */ -moz-transform: scale(1.1, 1.1) rotate(0deg); /* Firefox */ -webkit-transform: scale(1.1, 1.1) rotate(0deg); /* Safari 和 Chrome */ -o-transform: scale(1.1, 1.1) rotate(0deg); /* Opera */ } .hzhb-content .hzhb-container #hzhb-swiper .swiper-pagination { width: 100% !important; position: relative; bottom: auto; margin-top: 50px; } .hzhb-content .hzhb-container #hzhb-swiper .swiper-pagination .swiper-pagination-bullet-active { background: #F6B939; } .hzhb-content .hzhb-container .swiper-button-next, .hzhb-content .hzhb-container .swiper-button-prev { width: 48px; height: 48px; background: #8B7C93; border-radius: 24px; } .hzhb-content .hzhb-container .swiper-button-next::after, .hzhb-content .hzhb-container .swiper-button-prev::after { color: #ffffff; font-size: 16px; } .hzhb-content .hzhb-container .swiper-button-next:hover, .hzhb-content .hzhb-container .swiper-button-prev:hover { background: #ffffff; } .hzhb-content .hzhb-container .swiper-button-next:hover::after, .hzhb-content .hzhb-container .swiper-button-prev:hover::after { color: #8B7C93; } @media (max-width: 996px) { .fzlc-content { padding-bottom: 100px; } .ryzz-content { padding: 50px 0; } .ryzz-content .ryzz-container { margin-top: 40px; } .ryzz-content .ryzz-container #ryzz-swiper .swiper-slide { transform: scale(1); padding: 0 20px; } .ryzz-content .ryzz-container #ryzz-swiper .swiper-slide .pic { padding: 10px; } .jszc-content .jszc-js { display: block; } .jszc-content .jszc-js .dd1 { width: 100%; } .jszc-content .jszc-js #jszc-swiper { margin-top: 40px; } .jkyy-part1 { margin-bottom: 40px; } .jkyy-part1 .title a { font-size: 32px; } .jkyy-part1 .title a img { height: 35px; margin-right: 20px; } .jkyy-part1 .title a:first-child { margin-right: 50px; } .pzbz-content .title .dd1 { font-size: 32px; } .fzlc-content .title, .ryzz-content .title, .pzbz-content .dd-txrz, .jszc-content .title, .hzhb-content .title { font-size: 32px; } .pzbz-content .title { height: 60px; } .pzbz-content .title .dd2 a { padding-bottom: 25px; } } @media (max-width: 768px) { .jkyy-part1 .text { width: 100%; float: none; height: auto; } .jkyy-part1 .pic { margin-left: 0; margin-top: 20px; padding-bottom: 0; } .jkyy-part1 .pic img { position: static; height: auto; } .jkyy-part1 .title { margin-bottom: 40px; } .jkyy-part1 .title a:first-child { margin-right: 15px; } } @media (max-width: 515px) { .jkyy-part1 .title a { font-size: 24px; } .jkyy-part1 .title a img { height: 30px; margin-right: 10px; } } .lxsq-content { padding-top: 80px; background: #F8F8F8; } .lxsq-content .title { font-size: 42px; font-weight: 400; color: #424242; line-height: 1; } .lxsq-content .map { padding-top: 170px; position: relative; } .lxsq-content .map #map { width: 100%; height: 595px; } .lxsq-content .map .map-content { height: 220px; background: #ffffff; position: absolute; left: 50%; margin-left: -720px; top: 63px; z-index: 99; } .lxsq-content .map .map-content .map-left { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 31%; height: 100%; float: left; box-sizing: border-box; } .lxsq-content .map .map-content .map-left .title { font-size: 28px; font-weight: 400; color: #424242; line-height: 1; padding: 0 20px; } .lxsq-content .map .map-content .map-left .share { width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 45px; } .lxsq-content .map .map-content .map-left .share a { display: block; margin: 0 5%; width: 28px; height: 22px; position: relative; } .lxsq-content .map .map-content .map-left .share a img { position: absolute; left: 0; top: 0; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .lxsq-content .map .map-content .map-left .share a img:nth-child(1) { opacity: 1; transform: translateY(0); } .lxsq-content .map .map-content .map-left .share a img:nth-child(2) { opacity: 0; transform: translateY(100%); } .lxsq-content .map .map-content .map-left .share a:nth-child(3) { width: 22px; height: 25px; } .lxsq-content .map .map-content .map-left .share a:hover img { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .lxsq-content .map .map-content .map-left .share a:hover img:nth-child(1) { opacity: 0; transform: translateY(-22px); } .lxsq-content .map .map-content .map-left .share a:hover img:nth-child(2) { opacity: 1; transform: translateY(0); } .lxsq-content .map .map-content .map-right { width: 23%; height: 100%; padding-left: 39px; float: left; box-sizing: border-box; border-left: 1px solid #EBECED; display: flex; align-items: normal; flex-direction: column; justify-content: center; } .lxsq-content .map .map-content .map-right .dh-icon { width: 42px; height: 42px; line-height: 42px; border-radius: 50%; background: #F6B837; display: flex; align-items: center; justify-content: center; } .lxsq-content .map .map-content .map-right .dd1 { font-size: 18px; font-weight: bold; color: #424242; line-height: 1; margin-top: 40px; } .lxsq-content .map .map-content .map-right .dd2 { font-size: 18px; font-weight: 400; color: #424242; line-height: 1; margin-top: 20px; } .lxsq-content .lxfs-info { background: #ffffff; margin: 90px 0 105px; } .lxsq-content .lxfs-info .lxfs-info-ul { border-bottom: 1px solid #EBECED; padding: 63px 0 45px; } .lxsq-content .lxfs-info .lxfs-info-ul li { width: 33.33%; float: left; border-left: 1px solid #EBECED; box-sizing: border-box; padding-left: 40px; } .lxsq-content .lxfs-info .lxfs-info-ul li .title { font-size: 32px; font-weight: 400; color: #424242; line-height: 1; position: relative; padding-bottom: 27px; } .lxsq-content .lxfs-info .lxfs-info-ul li .title::after { content: ""; width: 36px; height: 3px; background: #F7B939; position: absolute; left: 0; bottom: 0; } .lxsq-content .lxfs-info .lxfs-info-ul li .dh { background: url(https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/d1991b8f-668f-44a4-9766-4b7f8d7e0784.png_186xaf.png?t=1656318155095) left 6px no-repeat; padding-left: 45px; font-size: 18px; font-weight: 400; color: #78797E; line-height: 32px; margin-top: 30px; } .lxsq-content .lxfs-info .lxfs-info-ul li:first-child { border-left: none; } .lxsq-content .lxfs-info .lxfs-info-ul:last-child { border-bottom: none; } .lyzx-content { background: url(https://omo-oss-image.thefastimg.com/portal-saas/ngc202206090003/cms/image/178a714d-4349-40d5-be51-fbf00d09e2bf.png_186xaf.png?t=1656318727004) no-repeat; background-size: cover; padding: 75px 0 95px; } .lyzx-content .title .dd1 { font-size: 42px; font-family: Microsoft YaHei; font-weight: 400; color: #424242; line-height: 1; float: left; position: relative; padding-bottom: 30px; } .lyzx-content .title .dd1:after { content: ""; width: 52px; height: 3px; background: #F7B939; position: absolute; left: 0; bottom: 0; } .lyzx-content .title .dd2 { float: right; } .lyzx-content .title .dd2 span { font-size: 16px; font-weight: 400; color: #78797E; line-height: 1; float: left; margin-top: 18px; } .lyzx-content .title .dd2 img { float: left; margin: 0 10px; } .lyzx-content .title .dd2 p { font-size: 32px; font-weight: 500; color: #424242; line-height: 1; float: left; margin-top: 11px; } .lyzx-content .lyzx-form .lyzx-ul { margin-top: 55px; } .lyzx-content .lyzx-form .lyzx-ul li { width: 32%; margin-left: 2%; float: left; } .lyzx-content .lyzx-form .lyzx-ul li p { font-size: 18px; font-weight: 400; color: #424242; line-height: 1; } .lyzx-content .lyzx-form .lyzx-ul li input { background: #FFFFFF; border: 1px solid #DDDDDD; height: 68px; line-height: 68px; padding: 0 28px; font-size: 16px; margin-top: 19px; width: 100%; } .lyzx-content .lyzx-form .lyzx-ul li input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #78797E; } .lyzx-content .lyzx-form .lyzx-ul li input::-moz-placeholder { /* Firefox 19+ */ color: #78797E; } .lyzx-content .lyzx-form .lyzx-ul li input:-ms-input-placeholder { /* IE 10+ */ color: #78797E; } .lyzx-content .lyzx-form .lyzx-ul li input:-moz-placeholder { /* Firefox 18- */ color: #78797E; } .lyzx-content .lyzx-form .lyzx-ul li:first-child { margin-left: 0; } .lyzx-content .lyzx-form .form-textarea { margin-top: 39px; } .lyzx-content .lyzx-form .form-textarea p { font-size: 18px; font-weight: 400; color: #424242; line-height: 1; } .lyzx-content .lyzx-form .form-textarea textarea { width: 100%; height: 200px; background: #FFFFFF; border: 1px solid #DDDDDD; margin-top: 19px; font-size: 16px; font-family: Microsoft YaHei; padding: 28px; box-sizing: border-box; resize: none; } .lyzx-content .lyzx-form .form-textarea textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #78797E; } .lyzx-content .lyzx-form .form-textarea textarea::-moz-placeholder { /* Firefox 19+ */ color: #78797E; } .lyzx-content .lyzx-form .form-textarea textarea:-ms-input-placeholder { /* IE 10+ */ color: #78797E; } .lyzx-content .lyzx-form .form-textarea textarea:-moz-placeholder { /* Firefox 18- */ color: #78797E; } .lyzx-content .lyzx-form .tj-btn { width: 220px; height: 60px; background: linear-gradient(270deg, #F7B939 0%, #E29E28 100%); margin: 55px auto 0; font-size: 18px; font-weight: 400; color: #FFFFFF; display: flex; align-items: center; justify-content: center; transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; } .lyzx-content .lyzx-form .tj-btn:hover { transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -o-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -ms-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -moz-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; -webkit-transition: all 0.3s cubic-bezier(0.82, 0.82, 0.82, 0.82) 0s; background: linear-gradient(270deg, #f1a916 1%, #cf8609 100%); } @media (max-width: 1566px) { .lxsq-content .map .map-content { margin-left: -683px; } } @media (max-width: 1400px) { .lxsq-content .map .map-content { margin-left: -585px; } } @media (max-width: 1200px) { .lxsq-content .title { font-size: 38px; } .lxsq-content .map .map-content { left: 2%; margin-left: 0; } .lxsq-content .map .map-content .map-left .share { margin-top: 15px; } .lxsq-content .map .map-content .map-right { padding-left: 15px; } .lxsq-content .lxfs-info .lxfs-info-ul { padding: 45px 0; } .lxsq-content .lxfs-info .lxfs-info-ul li { padding-left: 25px; } .lxsq-content .lxfs-info .lxfs-info-ul li .title { font-size: 26px; } .lxsq-content .lxfs-info .lxfs-info-ul li .dh { margin-top: 15px; } .lyzx-content .title .dd1 { font-size: 30px; } .lyzx-content .title .dd2 p { font-size: 28px; } } @media (max-width: 768px) { .wp, .wp-sm, .wp-xs, .wp-14{ max-width: 92%; } .w1440{ max-width: 92%; } .wp, .wp-sm, .wp-xs, .wp-1440{ max-width: 92%; } .lxsq-content { padding-top: 40px; } .lxsq-content .lxfs-info { padding-top: 20px; } .lxsq-content .lxfs-info .lxfs-info-ul { padding: 0; border: none; } .lxsq-content .lxfs-info .lxfs-info-ul li { width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #EBECED; border-left: none !important; } .lxsq-content .lxfs-info .lxfs-info-ul li .dh { padding-left: 30px; } .lxsq-content .lxfs-info .lxfs-info-ul li .title { padding-bottom: 20px; } .lxsq-content .map { padding-top: 25px; } .lxsq-content .map #map { width: 100%; height: 255px; } .lxsq-content .map .map-content { position: relative; height: auto; padding-bottom: 30px; top: 30px; } .lxsq-content .map .map-content .map-left { width: 100%; height: auto; padding: 10px 0; } .lxsq-content .map .map-content .map-left .share { margin-top: 20px; } .lxsq-content .map .map-content .map-right { width: 33.33%; } .lxsq-content .map .map-content .map-right .dd1, .lxsq-content .map .map-content .map-right .dd2 { margin-top: 15px; } } @media (max-width: 640px) { .development-history-page{ padding-top:24px; } .development-history-page .year-content{ margin-top: 20px; } .text-lg{ font-size:14px !important; } .development-history-page .year-page { margin-top: 20px; } .lxsq-content .map .map-content .map-right { width: 100%; margin-top: 20px; } .lxsq-content .map .map-content .map-right:first-child { margin-top: 0; } .lyzx-content .title .dd1 { float: initial; display: block; } .lyzx-content .title .dd2 { float: initial; width: 100%; } .lyzx-content .lyzx-form .lyzx-ul li { width: 49%; } .lyzx-content .lyzx-form .lyzx-ul li:nth-child(3) { margin-top: 20px; margin-left: 0; } } @media (max-width: 515px) { .lyzx-content { padding: 40px 0; } .lyzx-content .title .dd1 { padding-bottom: 20px; } .lyzx-content .title .dd2 span { display: block; float: initial; } .lyzx-content .title .dd2 img { margin-top: 10px; margin-left: 0; } .lyzx-content .title .dd2 p { margin-top: 21px; } .lyzx-content .lyzx-form .lyzx-ul { margin-top: 30px; } .lyzx-content .lyzx-form .lyzx-ul li { width: 100%; margin-left: 0 !important; } .lyzx-content .lyzx-form .lyzx-ul li:nth-child(2) { margin-top: 20px; } }/*# sourceMappingURL=normailze.css.map */