@import url(pscroll.css); /*Qu*/ .o_big { overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; position: relative; display: block; } .o_big_text { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; width: 100%; z-index: 1; pointer-events: none; box-sizing: border-box; } .o_big_text h1 { color: #fff !important; margin: 0 auto; font-size: 60px; margin-bottom: 20px; font-weight: bold; display: block; width: auto; max-width: 90%; } .o_big_text p { color: #fff; font-size: 18px; margin: 0; margin-top: 10px; line-height: 1.6; text-align: center; max-width: 90%; } .o_big img { width: 100%; filter: Alpha(Opacity=0); min-height: 120px; } .postions { height: 41px; line-height: 41px; overflow: hidden; background: #f1f1f1; color: #919191; font-size: 12px; } .postions a { color: #919191; } /*Ru*/ /*QRu7h_*/ .pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden} .pages .pagination {display:inline-block;margin:0 auto;padding:0} .pages .pagination .page-item,.pages .pagination .page-num{color:#555; padding: 5px 12px; display:block; border-radius: 2px; border: 1px solid #ddd;float: left;margin: 0 5px;} .pages .pagination .page-num-current{ background:#333; color:#fff; border:#333 1px solid} @media only screen and (max-width:768px){ .pages .pagination .page-num {display: none;} } /*lxNNT*/ .product_a { overflow: hidden; padding-top: 3%; text-align: center; margin-bottom: 2%; } .product_a a { display: inline-block; height: 56px; line-height: 56px; background-color: #f0f0f0; width: 160px; font-size: 14px; color: #444444; margin-left: 0.5%; margin-right: 0.5%; margin-bottom: 2%; transition: all 0.3s; } .product_a a:hover { background-color: #409EFF; color: #fff; filter: Alpha(Opacity=80); opacity: 0.8; } .product_a a.csel { background-color: #409EFF; color: #fff; } .product_ul { overflow: hidden; padding-bottom: 20px; padding-top: 8px; } .product_ul ul { display: flex; flex-wrap: wrap; } .product_ul ul li { float: left; width: 32.1%; margin-left: 0.5%; margin-right: 1%; overflow: hidden; margin-bottom: 1.5%; text-align: center; background-color: #fff; } .product_ul ul li .product_b { border: 1px solid #e8e8e8; padding-bottom: 36px; } .product_ul ul li:nth-child(3n+0) { margin-right: 0; } .product_ul ul li img { display: inline-block; width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; vertical-align: middle; } .product_ul ul li .imgs { width: 100%; overflow: hidden; } .product_ul ul li h2 { font-weight: normal; color: #333333; line-height: 36px; height: 36px; text-align: center; overflow: hidden; padding-left: 2%; padding-right: 2%; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s; margin-bottom: 1%; } .product_ul ul li p { line-height: 20px; height: 40px; overflow: hidden; color: #929292; font-size: 14px; padding-left: 2%; padding-right: 2%; max-width: 350px; margin: 0 auto; } .product_ul ul li em { display: block; color: #ee697e; font-size: 14px; margin-top: 10px; line-height: 20px; height: 20px; overflow: hidden; } .product_ul ul li label { display: block; color: #333; font-size: 14px; line-height: 20px; height: 20px; overflow: hidden; margin-top: 5px; } .product_ul ul li:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .product_ul ul li:hover { -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.1); box-shadow: 0 5px 20px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); transition: all 0.3s; } .product_ul ul li:hover h2 { color: #00a1e9; } .product_ul ul li:hover .product_b { border: 1px solid #fff; } /*lQSR`*/ .news_bg { overflow: hidden; padding-top: 3%; } .news_con { overflow: hidden; } .news_con ul li { overflow: hidden; margin-bottom: 2%; padding-bottom: 2%; border-bottom: 1px solid #cccccc; display: block; } .news_con ul li:last-child { border-bottom: 0; margin-bottom: 0; } .news_con ul li .imgs { width: 19%; float: left; display: inline; overflow: hidden; } .news_con ul li .imgs img { width: 100%;/* -webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);transition-duration: 0.3s;transition-timing-function: ease-out;transition-property: opacity, transform, filter;*/ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .news_con ul li:hover .imgs img {/*-webkit-transform: scale(1.2) rotate(4deg); transform: scale(1.2) rotate(4deg);*/ -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .news_con ul li .i_about_r { float: right; display: inline; line-height: 22px; width: 78%; overflow: hidden; } .news_con ul li .i_about_r h3 { line-height: 22px; height: 22px; overflow: hidden; font-size: 18px; color: #333; font-weight: normal; margin-bottom: 1%; } .news_con ul li .i_about_r label { display: block; color: #999999; font-size: 14px; height: 20px; line-height: 20px; padding-left: 19px; margin-bottom: 1%; } .news_con ul li .i_about_r .p { max-height: 48px; overflow: hidden; font-size: 14px; color: #7b7b7b; line-height: 24px; } .news_con ul li .i_about_r .news_more { margin-top: 2%; width: 106px; text-align: center; float: left; height: 34px; line-height: 34px; background-color: #f5f5f5; border: 1px solid #bababa; color: #828282; font-size: 13px; transition: all 0.3s; } .news_con ul li:hover .i_about_r .news_more { background-color: #409EFF; color: #fff; border: 1px solid #409EFF; } .news_con ul li:hover .i_about_r h3 { color: #409EFF; } /*lQSR`~*/ .about_x { overflow: hidden; line-height: 30px; font-size: 14px; color: #666666; } .about_x img { margin-bottom: 15px; max-width: 100%; height: auto !important; } .about_x .show_t { line-height: 36px; font-size: 24px; color: #333; text-align: center; margin-bottom: 15px; font-weight: normal; } .about_x .con_line { height: 40px; line-height: 40px; font-size: 12px; color: #999999; border-bottom: 1px dashed #cccccc; text-align: center; } .about_x .con_id { line-height: 30px; overflow: hidden; white-space: normal; word-break: break-all; padding-top: 20px; text-align: left; padding-bottom: 40px; } /* sQNbNezQ[ꁚ[IN^@\N\O(uNQ[:S */ .about_x .con_id .about-rich { max-width: 900px; /* eW[:SW[^te:N 1000px */ margin: 0 auto; padding: 10px 0 40px; text-align: center; color: #132A3E; word-break: normal; /* v con_id v break-all MQpeW[/elxb */ } .about_x .con_id .about-rich p { margin: 0 0 14px; font-size: 18px; /* S 14px X'Y~ NRKNN */ line-height: 1.9; color: #132A3E; } .about_x .con_id .about-rich .about-lead { margin-bottom: 22px; } .about_x .con_id .about-rich .about-section-title { margin: 26px 0 18px; font-size: 34px; /* S 26px X'Y~ NRKNN */ font-weight: 600; letter-spacing: 1px; color: #132A3E; } /* KPI NR&^eR~ */ .about_x .con_id .about-rich .about-kpi-grid { display: flex; justify-content: center; align-items: stretch; gap: 0; margin: 18px auto 28px; flex-wrap: nowrap; } .about_x .con_id .about-rich .about-kpi-item { position: relative; padding: 12px 42px; min-width: 220px; text-align: center; } .about_x .con_id .about-rich .about-kpi-item:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 18px; height: calc(100% - 36px); width: 2px; background: rgba(0, 161, 233, 0.85); transform: rotate(14deg); transform-origin: center; } .about_x .con_id .about-rich .about-kpi-value { font-size: 54px; /* S 40px X'Y~ NRKNN */ line-height: 1.1; font-weight: 700; color: #132A3E; white-space: nowrap; } .about_x .con_id .about-rich .about-kpi-sub { margin-top: 6px; font-size: 16px; /* S 12px X'Y~ NRKNN */ line-height: 1.5; color: rgba(19, 42, 62, 0.85); } /* $NRNRaSGr */ .about_x .con_id .about-biz-section { max-width: 1500px; margin: 0 auto; } .about_x .con_id .about-biz-section .about-biz-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 112px; /* S 56px R P */ margin-top: 60px; /* S 30px N NeeW[ݍR P */ text-align: left; justify-content: center; } .about_x .con_id .about-biz-section .about-biz-card { max-width: 630px; margin: 0 auto; } .about_x .con_id .about-biz-section .about-biz-card img { display: block; width: 630px; max-width: 100%; height: 350px !important; /* v .about_x img v height:auto !important */ object-fit: cover; margin: 0; } .about_x .con_id .about-biz-section .about-biz-title { margin-top: 12px; font-size: 24px; /* S 18px QX'Y~ NRKNN */ color: #132A3E; } /* c */ .about_x .con_id .about-biz-section .about-cta { display: flex; justify-content: center; margin-top: 52px; } .about_x .con_id .about-biz-section .about-cta a { display: inline-block; background: #F47B20; color: #fff; padding: 10px 36px; border-radius: 999px; font-size: 18px; /* S 14px X'Y~ NRKNN */ line-height: 22px; transition: background 0.2s ease; } .about_x .con_id .about-rich .about-cta a:hover { background: #E56F18; } /* ReNxS!jWW */ .about-innovation-bg { background-color: #0b2b3d; color: #ffffff; padding: 80px 0 90px; } .about-innovation-inner { max-width: 1500px; /* N NeVGr:SW[^N */ margin: 0 auto; text-align: center; padding: 0 20px; box-sizing: border-box; } .about-innovation-title { font-size: 40px; margin: 0 0 28px; font-weight: 600; } .about-innovation-intro { max-width: 1500px; margin: 0 auto 60px; font-size: 18px; line-height: 1.9; } .about-innovation-grid { display: flex; justify-content: space-between; gap: 40px; margin-top: 10px; flex-wrap: wrap; } .about-innovation-item { flex: 1 1 0; min-width: 260px; max-width: 360px; margin: 0 auto; text-align: center; } .about-innovation-item .ai-icon { width: 60px; height: 60px; border-radius: 50%; border: 2px solid #ffffff; margin: 0 auto 20px; } .about-innovation-item h3 { font-size: 24px; margin: 0 0 18px; } .about-innovation-item p { font-size: 16px; line-height: 1.9; margin: 0; } /* XT]NlQSN