* { box-sizing: border-box !important; font-family:'Microsoft YaHei',"Arial"!important; word-break: break-word !important; } @font-face { font-family: 'wy_iconfont'; /* Project id 2650718 */ src: url('//at.alicdn.com/t/font_2650718_kiurzxna36m.woff2?t=1645426801148') format('woff2'), url('//at.alicdn.com/t/font_2650718_kiurzxna36m.woff?t=1645426801148') format('woff'), url('//at.alicdn.com/t/font_2650718_kiurzxna36m.ttf?t=1645426801148') format('truetype'); } @font-face { font-family: "tyt_en"; src: url(https://omo-oss-file.thefastfile.com/portal-saas/new2022032116525357319/cms/file/6b999ae8-f2a2-48d9-9b1d-7bef4a552942.woff2); } .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: 44px; --wy_FSOne: 40px; --wy_FSTwo: 32px; --wy_FSThree: 28px; --wy_FSFour: 24px; --wy_FSFive: 18px; --wy_FSSix: 16px; --wy_Color: #00a59f; } @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:30px; --wy_FSTwo: 28px; --wy_FSThree: 20px; --wy_FSFour: 18px; --wy_FSFive: 16px; --wy_FSSix: 14px; } /*导航*/ .L_nav .header1>.header-left h1{ width:150px; } .L_nav .header1>.header-left nav.fr{ width:calc(100% - 150px); } } /*phone*/ @media only screen and (max-width:768px) { :root { --wy_FS_BannerBig: 30px; --wy_FSOne: 28px; --wy_FSTwo: 24px; --wy_FSThree: 20px; --wy_FSFour: 18px; --wy_FSFive: 16px; --wy_FSSix: 14px; } } 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_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{ justify-content:flex-end; } .p_breadcrumb .p_breadcrumbItem *{ color:#a6a6a7; font-size:14px; } /*分类高亮*/ .s_button3 span{ font-size:14px!important; } .s_button3.wy_Click{ background:var(--wy_Color); } .s_button3.wy_Click *{ color:#fff; } /*内页banner*/ .e_bannerA-2 .p_info{ width:94%!important; max-width:1560px; text-align:center!important; top:55%!important; } .e_bannerA-2 .p_subtitle{ font-size:var(--wy_FSTwo)!important; color:#fff!important; text-transform:uppercase; font-family: "tyt_en"!important; } .e_bannerA-2 .p_subtitle *{ font-family: "tyt_en"!important; } .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); } .e_bannerA-2 .swiper-slide{ overflow:hidden; } .e_bannerA-2 .p_img img{ animation: scale_img 30s linear infinite; } @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; } } @keyframes scale_img { 0% { transform: scale(1); } 50%{ transform:scale(1.1); } 100% { transform:scale(1.15); } }