* { box-sizing: border-box !important; font-family:"Microsoft Yahei"!important; word-break: break-word !important; } .pl_service3 .service_item:hover{ width:280px; } @font-face { font-family: "SourceHanSansSC-Regular"; src: url(https://omo-oss-file.thefastfile.com/portal-saas/new2022040615132701243/cms/file/6d427701-cecc-4ef3-bd90-15715486d67c.otf); } @font-face { font-family: 'wy_iconfont'; /* Project id 2650718 */ src: url('//at.alicdn.com/t/font_2650718_qqr679ivdn.woff2?t=1652168511343') format('woff2'), url('//at.alicdn.com/t/font_2650718_qqr679ivdn.woff?t=1652168511343') format('woff'), url('//at.alicdn.com/t/font_2650718_qqr679ivdn.ttf?t=1652168511343') format('truetype'); } .wy_iconfont{ font-family: 'wy_iconfont'!important; font-style:normal!important; } body{ overflow-x: hidden !important; } a { cursor: pointer; text-decoration: none !important; } a:focus, a:active, a:hover, a:visited { outline: none !important; text-decoration: none !important; } /* scrollbar css */ /* width */ ::-webkit-scrollbar { width: 5px; } /* Track */ ::-webkit-scrollbar-track { background: #d7d7d7; border-radius: 6px; } /* Handle */ ::-webkit-scrollbar-thumb { background: #888; border-radius: 6px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: var(--wy_Color); } /*end*/ /*文字*/ :root { --wy_FS_BannerBig: 48px; --wy_FSOne: 40px; --wy_FSTwo: 30px; --wy_FSThree: 26px; --wy_FSFour: 20px; --wy_FSFive: 18px; --wy_FSSix: 16px; --wy_Color: #00b1f5; } @media only screen and (max-width:1440px) and (min-width:1025px) { :root { --wy_FSOne: 34px; --wy_FSTwo:30px; --wy_FSThree: 22px; --wy_FSFour: 18px; --wy_FSFive: 16px; --wy_FSSix: 14px; } } @media only screen and (max-width:1024px) and (min-width:769px) { :root { --wy_FSOne:28px; --wy_FSTwo: 24px; --wy_FSThree: 20px; --wy_FSFour: 18px; --wy_FSFive: 16px; --wy_FSSix: 14px; } } /*phone*/ @media only screen and (max-width:768px) { :root { --wy_FS_BannerBig: 30px; --wy_FSOne: 26px; --wy_FSTwo: 22px; --wy_FSThree: 20px; --wy_FSFour: 18px; --wy_FSFive: 16px; --wy_FSSix: 14px; } #c_grid-116273709439191{ height:111px; } } h1 span, h1 * { font-size: var(--wy_FSOne) !important; } h2 span, h2 * { font-size: var(--wy_FSTwo) !important; } h3 span { font-size: var(--wy_FSThree) !important; } h4 span, h4 * { font-size: var(--wy_FSFour) !important; } h5 span, h5 * { font-size: var(--wy_FSFive) !important; } h6 span, h6 * { font-size: var(--wy_FSSix) !important; } h1, h2, h3, h4, h5, h6 { font-weight: normal !important; margin-bottom:0; } /*Flex弹性布局*/ .wy_flex { display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 老版本语法: Firefox (buggy) */ display: -ms-flexbox; /* 混合版本语法: IE 10 */ display: -webkit-flex; /* 新版本语法: Chrome 21+ */ display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */ -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -moz-flex-wrap: nowrap; flex-wrap: nowrap; } .wy_flexWrap { display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 老版本语法: Firefox (buggy) */ display: -ms-flexbox; /* 混合版本语法: IE 10 */ display: -webkit-flex; /* 新版本语法: Chrome 21+ */ display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; } .wy_flexJbetween { -webkit-box-pack: justify; -moz-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; } .wy_flexJend { -webkit-box-pack: end; -moz-justify-content: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end; } .wy_flexJcenter { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .wy_flexAend { -webkit-align-items: flex-end; align-items: flex-end; } .wy_flexAcenter { -webkit-box-align: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; } /*end*/ /*波浪動畫*/ @keyframes move_wave { 0% { transform: translateX(0) translateZ(0) scaleY(1) } 50% { transform: translateX(-25%) translateZ(0) scaleY(0.55) } 100% { transform: translateX(-50%) translateZ(0) scaleY(1) } } .waveBox{ position: absolute; width: 100%; overflow: hidden; height:300px; bottom: 0; z-index:10; opacity:1; } .wave { position: absolute; left: 0; width: 200%; height: 100%; background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2021112609503888733/cms/image/0ef938bd-3436-4c66-9402-da0cf1f39080.png); transform-origin: center bottom; animation:move_wave 10s linear infinite; } /*风格样式*/ .s_button2{ background-color:var(--wy_Color); border-color:var(--wy_Color); } .s_button2:hover{ color:var(--wy_Color); background-color:transparent; border-color:var(--wy_Color); } .s_button3{ color:#fff; position:relative; } .s_button3:before{ content:""; position:absolute; bottom:5px; left:50%; transform:translateX(-50%); width:0px; height:2px; background:#00b1f5; transition:all .5s; } .s_button3:hover{ background:transparent; } .s_button3:hover:before{ width:100%; } .s_button4:before, .s_button4:after, .s_button4 span:before, .s_button4 span:after{ display: block; position: absolute; background: var(--wy_Color); content:''; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .s_button4:before{ right: 0; bottom: 0; width: 0; height: 1px; } .s_button4:after{ left: 0; bottom: 0; width: 1px; height: 0; } .s_button4 span:before{ left: 0; top: 0; width: 0; height: 1px; } .s_button4 span:after{ right: 0; top: 0; width: 1px; height: 0; } .s_button4:hover:before{ width:100%; } .s_button4:hover:after{ height:100%; width:1px; background:var(--wy_Color); } .s_button4:hover span:before{ width:100%; } .s_button4:hover span:after{ height:100%; } /*通用样式*/ @media only screen and (min-width: 769px){ .wy_Pchide{ display:none; } .wy_Mohide{ display:block; } } @media only screen and (max-width: 768px){ .wy_Pchide{ display:block; } .wy_Mohide{ display:none; } .wy_CateList{ position: fixed!important; left: 100%; top: 0; z-index: 999; background: #fff; width: 100%; height: 100vh; display: block !important; } } .wy_Cate{ width:100%; height:45px; line-height:45px; text-align:center; font-size:14px; color:#fff; background:var(--wy_Color); } .wy_backBtn { background: #f5f5f5; text-align: right; padding: 6px 14px; color: #000; font-size: 24px; } /*end*/ /*面包屑*/ .p_breadcrumb .p_breadcrumbItem *{ color:#666; font-size:14px; } /*分类高亮*/ .s_button3 span{ font-size:14px!important; } .s_button3.wy_Click:before{ width:100%; } /*内页banner*/ .e_bannerA-2 .p_info{ width:94%!important; max-width:1200px; } .e_bannerA-2 .p_subtitle{ font-size: var(--wy_FSSix)!important; color: #666!important; text-transform:uppercase; } .e_bannerA-2 .p_btitle{ font-size:var(--wy_FS_BannerBig); color:#fff; } .e_bannerA-2 .p_summary{ font-size:var(--wy_FSSix); color:#666; } .e_bannerA-2 .banner_line{ width:2px!important; height:40px; background:#fff; margin:30px auto; -webkit-animation: scroll-icon 2.8s infinite cubic-bezier(0.65, 0.05, 0.36, 1); animation: scroll-icon 2.8s infinite cubic-bezier(0.65, 0.05, 0.36, 1); } @keyframes scroll-icon{ 0% { -webkit-transform:translateY(-12px); transform: translateY(-12px); opacity: 0; } 30%, 70% { opacity: 1; } 100% { -webkit-transform: translateY(12px); transform: translateY(12px); opacity: 0; } } /*首页标题*/ .home_title{ width:100%; position:relative; padding:0px; } .title_cn{ font-size:var(--wy_FSTwo); color:#333; line-height:var(--wy_FSTwo); margin-bottom:30px; } .title_summary{ color:#999; font-size:14px; } /*end*/ /*头部*/ .L_TopLang { position: relative; height: 22px; line-height: 22px; display: flex; align-items: center; width: 96px; justify-content: center; font-size: 13px; color:#fff; margin:0 0 0 auto; border:1px solid #bfbfbf; cursor:pointer; } .caret{ display: inline-block; width: 0; height: 0; margin-bottom: 2px; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; opacity: .5; } .L_TopLangBtn { cursor: pointer; } .L_TopLangCon { background:#fff; position: absolute; right:-1px; top: 120px; opacity: 0; visibility: hidden; transition: all 0.5s ease; padding:5px 0px; border:1px solid rgba(0,0,0,.15); z-index:99; } .L_TopLangCon:before { content: ''; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); background: transparent; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #dc1e32; width: 10px; height: 10px; display:none; } .L_TopLangCon a { width: 150px; padding:0 20px; display: block; line-height: 32px; color: #333; } .L_TopLang:hover .L_TopLangCon { top: 22px; opacity: 1; transition: all 0.5s ease; visibility: visible; } .L_TopLangCon a:hover { background:var(--wy_Color); color:#fff; }