/*@charset "utf-8";*/ /* CSS Document */ /*-- 提倡互联网共享,同时应尊重原创作者,网站制作属: lijia xiong --*/ /*QQ:897232289*/ /*html5*/ /*单行超出省略*/ .space-over { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*多行超出省略*/ .space-list-over { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .html_page { position: relative; z-index: 9; width: 100vw; } svg { width: 100%; } /*插件样式*/ .bsTop { width: 10.8333vw !important; } .bsFrameDiv div { width: 10.8333vw !important; height: 10.8333vw !important; display: -webkit-flex !important; display: -ms-flex !important; display: flex !important; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .bsFrameDiv img { margin: 0 !important; } .bshare-custom { display: -webkit-flex !important; display: -ms-flex !important; display: flex !important; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; font-size: 0.8333vw; color: #b2b2b2; } .bshare-custom.icon-medium-plus a { padding-left: 0 !important; color: #999999; margin: 0 0 0 1.1458333vw !important; width: 2.08333vw !important; height: 2.08333vw !important; display: -webkit-flex !important; display: -ms-flex !important; display: flex !important; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; outline: none; -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1); transition: all .5s cubic-bezier(.165, .84, .44, 1); } .bshare-custom a:hover { text-decoration: none !important; opacity: 1; color: #36adad; } .BMap_Marker img { width: auto; display: inline-block; } .BMap_bubble_content img { width: auto; display: inline-block; } .nicescroll-cursors { border: none !important; } .nicescroll-rails { padding: 1.041666vw 0; cursor: pointer !important; } /*默认样式*/ article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block } .Manrope-Light { font-family: "Manrope-Light", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important; } .Manrope-Regular { font-family: "Manrope-Regular", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important; } .Manrope-Medium { font-family: "Manrope-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important; } .Manrope-Bold { font-family: "Manrope-Bold", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important; } .Manrope-ExtraBold { font-family: "Manrope-ExtraBold", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important; } .Manrope-SemiBold { font-family: "Manrope-SemiBold", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important; } .Impact { text-transform: uppercase; font-family: "condensed", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important; } @font-face { font-family: "condensed"; src: url(../fonts/condensed.TTF); } @font-face { font-family: "Manrope-Light"; src: url(../fonts/Manrope-Light.ttf); } @font-face { font-family: "Manrope-Regular"; src: url(../fonts/Manrope-Regular.ttf); } @font-face { font-family: "Manrope-Medium"; src: url(../fonts/Manrope-Medium.ttf); } @font-face { font-family: "Manrope-Bold"; src: url(../fonts/Manrope-Bold.ttf); } @font-face { font-family: "Manrope-Bold"; src: url(../fonts/Manrope-Bold.ttf); } @font-face { font-family: "Manrope-ExtraBold"; src: url(../fonts/Manrope-ExtraBold.ttf); } @font-face { font-family: "Manrope-SemiBold"; src: url(../fonts/Manrope-SemiBold.ttf); } * { margin: 0; padding: 0; box-sizing: border-box; word-wrap: break-word !important; word-break: normal !important; } body { overflow: hidden; } html, body { font-family: "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important; background: #fff; font-size: 0.7291666vw; color: #333; margin: 0 auto; -webkit-overflow-scrolling: touch; } /*#ascrail2000 {*/ /* height: calc(100vh - 1.041666vw) !important;*/ /* top: 0.5208333vw!important;*/ /* right: 0.15625vw!important;*/ /* overflow: hidden!important;*/ /*}*/ .BMap_cpyCtrl { display: none; } .anchorBL { display: none; } .body_flex { position: fixed; } .body_show { overflow: auto; overflow-x: hidden; } img { border: none; display: block; width: 100%; } i { font-style: normal; } div { display: block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } table { border-collapse: collapse; } a { display: inline-block; text-decoration: none; color: #000; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } h1, h2, h3, h4, h5 { font-weight: normal; } video { outline: none; } a:focus { outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } li { list-style: none; } input, select, button, textarea { vertical-align: middle; border-radius: 0; outline: none; background: none; border: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; font-family: "Microsoft YaHei", 微软雅黑, Arial, Helvetica, sans-serif; } select::-ms-expand { display: none; } textarea { resize: none; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"] { -moz-appearance: textfield; } textarea { resize: vertical; } /*清除浮动*/ .clear:after { content: ""; width: 0; height: 0; clear: both; display: block; } /*input高亮*/ .salient-input { padding: 0.36458333vw 0 0.36458333vw 0.26041666vw; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s } .salient-input:focus { border-color: #4faad6; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0.41666vw rgba(10, 201, 245, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0.41666vw rgba(10, 201, 245, .6); } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #8c8c8c; } input:-moz-placeholder, textarea:-moz-placeholder { color: #8c8c8c; } input::-moz-placeholder, textarea::-moz-placeholder { color: #8c8c8c; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #8c8c8c; } .cover { position: relative; height: 0; overflow: hidden; } .cover img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; } .flex { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .swiper-animation { opacity: 0; } .banner_box .swiper-slide { background: #fff; overflow: hidden; } /*!*滚动条整体部分,可以设置宽度等*!*/ /*::-webkit-scrollbar {*/ /*}*/ /*!*滚动条两端的按钮*!*/ /*::-webkit-scrollbar-button {*/ /*}*/ /*!*外层轨道*!*/ /*::-webkit-scrollbar-track {*/ /*}*/ /*!*内层滚动槽*!*/ /*::-webkit-scrollbar-track-piece {*/ /*}*/ /*!*滚动的滑块*!*/ /*::-webkit-scrollbar-thumb {*/ /*}*/ /*!*边角*!*/ /*::-webkit-scrollbar-corner {*/ /*}*/ /*!*定义右下角拖动块的样式*!*/ /*::-webkit-resizer {*/ /*}*/ .loading_wrap { position: fixed; left: 0; top: 0; z-index: 999999; width: 100%; height: 100%; -webkit-align-items: center; align-items: center; background: #ffffff; } .loading_box { width: 100%; -webkit-justify-content: center; justify-content: center; } .loading_logo_wrap { width: 16.7708333vw; margin-bottom: 1.6666vw; position: relative; } .loading_logo_box { position: absolute; left: 0; bottom: 0; width: 0; height: 100%; overflow: hidden; } .loading_logo_box svg { position: absolute; bottom: 0; left: 0; width: 16.7708333vw; height: 100%; } .loading_logo_default .logo_blue, .loading_logo_default .logo_green { fill: #b8b8b8; } .loading_line_box { width: 100%; height: 1px; background: #b8b8b8; position: relative; } .loading_line_after { position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #0047bb; } .loading_text { text-align: center; font-size: 1.1458333vw; line-height: 1.7708333vw; margin-top: 1.5625vw; color: #b8b8b8; } .loading_logo_box .logo_green { fill: #31b700; } .loading_logo_box .logo_blue { fill: #0047bb; } .loading_animate .loading_content { opacity: 0; pointer-events: none; -webkit-transition: all .8s cubic-bezier(0.43, 0.195, 0.02, 1); transition: all .8s cubic-bezier(0.43, 0.195, 0.02, 1); } .loading_animate { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all .8s cubic-bezier(0.43, 0.195, 0.02, 1); transition: all .8s cubic-bezier(0.43, 0.195, 0.02, 1); -webkit-transition-delay: 300ms; transition-delay: 300ms; } .content_center { padding: 0 5.208333vw; } .header_wrap { position: fixed; left: 0; top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; z-index: 999; width: 100%; -webkit-transition: all .6s ease; transition: all .6s ease; } .header_wrap:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 0; background: #ffffff; -webkit-box-shadow: 0 0 0.26041666vw rgba(0, 0, 0, .1); box-shadow: 0 0 0.26041666vw rgba(0, 0, 0, .1); -webkit-transition: all .6s ease; transition: all .6s ease; } .header_box { width: 100%; padding: 1.25vw 0; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; position: relative; z-index: 9; } .header_logo_box { position: relative; z-index: 9; } .header_logo_box a { width: 8.4375vw; height: 1.9791666vw; } .header_logo_box .logo_blue { fill: #fff; -webkit-transition: all .6s ease; transition: all .6s ease; } .header_logo_box .logo_green { fill: #31b700; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_page_swiper { height: 100vh; } .about_page_swiper { height: 100vh; } .index_banner_wrap { height: 100vh; } .index_banner_swiper { height: 100%; } .index_banner_content { height: 100%; } .index_banner_img { height: 100%; } .index_banner_big { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-align-items: center; align-items: center; z-index: 9; } .index_banner_read { width: 100%; padding: 0 14.0625vw; margin-bottom: 5vw; } .index_banner_en { font-size: 1.9791666vw; line-height: 2.6041666vw; color: #ffffff; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_banner_cn { font-size: 1.71875vw; line-height: 2.6041666vw; color: #fff; margin-bottom: 0.5208333vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_page_content { height: 100%; } .about_page_content { height: 100%; } .index_page_slide { overflow: hidden; } .about_page_slide:last-child { height: 20.36458333vw; background: #0047bb; } .index_page_slide:last-child { height:20.36458333vw; background: #0047bb; } .index_banner_text { font-size: 1.30208333vw; line-height: 2.34375vw; color: #ffffff; width: 24.4791666vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_banner_min { font-size: 1.09375vw; line-height: 1.9791666vw; color: #ffffff; width: 25.5208333vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_banner_line { width: 2.34375vw; height: 0.15625vw; margin-top: 1.041666vw; background: #37ae35; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_banner_swiper .swiper-slide-active .index_banner_en { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s ease; transition: all .8s ease; } .index_banner_swiper .swiper-slide-active .index_banner_cn { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: 100ms; transition-delay: 100ms; } .index_banner_swiper .swiper-slide-active .index_banner_text { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: 100ms; transition-delay: 100ms; } .index_banner_swiper .swiper-slide-active .index_banner_min { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: 200ms; transition-delay: 200ms; } .index_banner_swiper .swiper-slide-active .index_banner_content2 .index_banner_line { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: 200ms; transition-delay: 200ms; } .index_banner_swiper .swiper-slide-active .index_banner_content3 .index_banner_line { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: 300ms; transition-delay: 300ms; } .header_nav_item { margin: 0 2.8125vw; display: block; position: relative; } .header_nav_item:last-child { margin: 0 0 0 2.8125vw; } .header_nav_link { display: block; font-size: 0.88541666vw; line-height: 1.6666vw; height: 1.6666vw; color: #fff; position: relative; -webkit-transition: all .6s ease; transition: all .6s ease; z-index: 9; } .header_nav_link:after { content: ""; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; width: 0; height: 0.1041666vw; background: #fff; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_banner_pagination { position: absolute; left: 0; bottom: 2.34375vw !important; z-index: 9; width: 100%; -webkit-justify-content: center; justify-content: center; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); -webkit-transition: all .6s ease; transition: all .6s ease; } .index_banner_show { opacity: 1; -webkit-transform: none; transform: none; pointer-events: auto; } .index_banner_pagination .swiper-pagination-bullet { width: 0.625vw; height: 0.625vw; margin: 0 !important; background: none; outline: none; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; opacity: 1; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_banner_pagination .swiper-pagination-bullet:after { content: ""; width: calc(100% - 0.3125vw); height: 0.3125vw; background: #fff; -webkit-border-radius: 0.15625vw; border-radius: 0.15625vw; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_banner_pagination .swiper-pagination-bullet-active { width: 2.6041666vw; } .index_banner_pagination .swiper-pagination-bullet-active:after { background: #37ae35; } .index_about_wrap { height: 100%; position: relative; } .index_about_back { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; } .index_about_box { position: relative; height: 100%; width: 100%; z-index: 2; -webkit-align-items: center; align-items: center; } .index_about_content { width: 100%; } .index_business_content { width: 100%; margin-top: 4.1666vw; } .index_pro_content { width: 100%; } .web_center { padding: 0 8.8541666vw; } .index_about_big { width: 100%; -webkit-align-items: center; align-items: center; } .index_about_photo { width: 46.8354%; } .index_about_img { position: relative; padding-bottom: 59.13396%; } .index_about_animate { overflow: hidden; height: 0; width: 100%; position: absolute; left: 0; top: 0; } .index_about_current { padding-bottom: 59.13396%; width: 100%; position: relative; } .index_about_images { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .index_about_images img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; -webkit-border-radius: 1.041666vw; border-radius: 1.041666vw; } .index_about_read { width: 53.165%; padding-left: 3.38541666vw; } .index_about_tit_en { font-size: 2.1875vw; line-height: 2.1875vw; color: #37ae35; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_about_tit_box { -webkit-align-items: center; align-items: center; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_about_tit_cn { font-size: 1.71875vw; line-height: 2.1875vw; color: #0047bb; } .index_about_tit_label { width: 1.875vw; margin-left: 0.26041666vw; } .index_about_tit_label svg { fill: #0047bb; } .index_about_details { opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_about_text { font-size: 0.83333vw; line-height: 1.70208333vw; color: #808080; margin-top: 1.5625vw; } .index_about_button { margin-top: 2.34375vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_about_btn_text { font-size: 0.88541666vw; line-height: 1.5625vw; color: #0047bb; } .index_about_button a { -webkit-align-items: center; align-items: center; position: relative; } .index_about_button a:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #0047bb; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_about_button a:hover:after { width: 100%; } .index_about_btn_icon { width: 0.41666vw; height: 0.41666vw; position: relative; margin-left: 0.15625vw; } .index_about_btn_icon:after { content: ""; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-right: 0.15625vw solid #0047bb; border-bottom: 0.15625vw solid #0047bb; box-sizing: border-box; -webkit-transform-origin: center; transform-origin: center; } .index_business_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .index_about_content { width: 100%; } .index_public_head { -webkit-justify-content: center; justify-content: center; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_public_en { font-size: 2.1875vw; line-height: 2.5vw; color: #666666; text-transform: uppercase; font-family: Arial, "Microsoft YaHei", 微软雅黑, Helvetica, sans-serif; } .index_public_cn { font-size: 1.9791666vw; line-height: 2.1875vw; color: #666666; margin-left: 1.5625vw; font-weight: bold; } .index_public_line { width: 2.91666vw; height: 0.15625vw; background: #0047bb; margin: 1.041666vw auto; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_public_title { font-size: 1.30208333vw; line-height: 1.875vw; color: #808080; font-weight: bold; text-align: center; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_public_text { font-size: 0.98958333vw; line-height: 1.61458333vw; color: #999999; text-align: center; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_business_item_back { position: absolute; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_business_item_back img { height: 110%; width: auto; } .index_business_item_icon { width: 5.208333vw; font-size: 4.583333vw; color: #fff; -webkit-justify-content: center; justify-content: center; } .index_business_item_en { font-size: 1.30208333vw; line-height: 1.5625vw; color: #fff; } .index_business_item_cn { font-size: 1.82291666vw; line-height: 1.5625vw; margin-top: 0.5208333vw; font-weight: bold; color: #fff; } .index_business_item_box { width: 9.493671%; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_business_item_box a { padding: 7.8125vw 1.30208333vw; position: relative; display: block; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_business_item_content { position: relative; z-index: 2; -webkit-align-items: center; align-items: center; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_business_item_read { opacity: 0; } .index_business_item_position { width: 100%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .index_business_item_box:nth-child(2n+1) a { background: #37ae35; } .index_business_item_box:nth-child(2n) a { background: #0047bb; } .index_business_item_box:nth-child(2n+1) .index_business_item_back { right: 0; } .index_business_item_box:nth-child(2n) .index_business_item_back { left: 0; } .index_business_item_box:nth-child(2n+1) .index_business_item_read { padding-left: 2.08333vw; text-align: left; } .index_business_item_box:nth-child(2n) .index_business_item_read { padding-right: 2.08333vw; text-align: right; } .index_business_item_active { width: 90.506329%; } .index_business_item_active a { padding: 7.8125vw 5.46875vw; background: rgba(255, 255, 255, 0); } .index_business_item_active .index_business_item_back { opacity: 1; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_business_item_active .index_business_item_read { opacity: 1; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: .3s; transition-delay: .3s; } .index_business_item_box:nth-child(2n+1).index_business_item_active .index_business_item_position { padding-left: 7.291666vw; } .index_business_item_box:nth-child(2n).index_business_item_active .index_business_item_position { padding-right: 7.291666vw; } .index_business_item_box:nth-child(2n+1) .index_business_item_content { -webkit-justify-content: flex-start; justify-content: flex-start; } .index_business_item_box:nth-child(2n) .index_business_item_content { -webkit-justify-content: flex-end; justify-content: flex-end; } .index_business_list { overflow: hidden; margin-top: 6.25vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_pro_wrap { width: 100%; height: 100%; position: relative; } .index_pro_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .index_pro_big { margin-top: 6.25vw; position: relative; } .index_pro_item_head { padding: 0.67708333vw 1.041666vw; background: #0047bb; position: relative; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_pro_item_head:after { content: ""; position: absolute; right: 0; -webkit-transform: translateX(98%); transform: translateX(98%); top: 0; border-bottom: 2.23958333vw solid transparent; border-top: 2.23958333vw solid transparent; border-left: 0.67708333vw solid #0047bb; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_pro_item_cn { font-size: 1.51041666vw; line-height: 1.5625vw; color: #fff; font-family: "Arial", "Manrope-Regular", "Microsoft YaHei", 微软雅黑, "Helvetica", "sans-serif" !important; } .index_pro_item_en { font-size: 1.30208333vw; line-height: 1.5625vw; color: #fff; font-family: "Arial", "Manrope-Regular", "Microsoft YaHei", 微软雅黑, "Helvetica", "sans-serif" !important; } .index_pro_item_img { padding-bottom: 77.24867%; } .index_pro_item_img img { -webkit-transition: all .6s ease; transition: all .6s ease; } .index_pro_swiper { opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_pro_item_box { padding-right: 1.041666vw; } .index_pro_item_box a { display: block; } .index_pro_item_box a:hover .index_pro_item_head { background: #31b700; } .index_pro_item_box a:hover .index_pro_item_img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .index_pro_item_box a:hover .index_pro_item_head:after { border-bottom: 2.23958333vw solid transparent; border-top: 2.23958333vw solid transparent; border-left: 0.67708333vw solid #31b700; } .index_pro_big { position: relative; } .index_pro_button { position: absolute; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-justify-content: space-between; justify-content: space-between; } .index_pro_btn { width: 1.1458333vw; cursor: pointer; outline: none; position: relative; } .index_pro_btn svg { fill: none; stroke: #999; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.083px; fill-rule: evenodd; opacity: 0.7; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_pro_btn:hover svg { stroke: #31b700; } .index_pro_prev { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; left: 0; } .index_pro_next { -webkit-transform: translateX(100%) rotate(180deg); transform: translateX(100%) rotate(180deg); opacity: 0; right: 0; } .index_news_wrap { width: 100%; height: 100%; position: relative; } .index_news_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .index_news_content { width: 100%; padding: 0 14.0625vw; } .index_news_head { position: relative; width: 100%; } .index_news_nav { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .index_news_li { padding-right: 1.82291666vw; position: relative; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_news_li:after { content: ""; position: absolute; bottom: 0; left: 0; height: 0.15625vw; width: 100%; background: #cccccc; } .index_news_li:last-child { padding: 0; } .index_news_li a { font-size: 0.88541666vw; line-height: 1.875vw; color: #999999; position: relative; z-index: 9; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_news_li a:after { content: ""; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 0.15625vw; width: 0; background: #0047bb; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_news_active a { color: #666666; } .index_news_active a:after { width: 100%; } .index_news_back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .index_news_back img { position: absolute; width: 100%; bottom: 0; } .about_page_swiper .swiper-wrapper, .index_page_swiper .swiper-wrapper { -webkit-transition: .8s cubic-bezier(.85, .07, .24, .85); transition: .8s cubic-bezier(.85, .07, .24, .85); } .index_news_item_img a { display: block; padding-bottom: 59.681093%; } .index_news_item_img a img { -webkit-transition: all .6s ease; transition: all .6s ease; } .index_news_item_read { background: #f2f2f2; padding: 1.5625vw 2.34375vw; } .index_news_item_label { font-size: 0.88541666vw; line-height: 1.5625vw; color: #0047bb; font-weight: bold; margin-bottom: 0.5208333vw; } .index_news_item_tit a { max-width: 100%; font-size: 1.09375vw; line-height: 1.875vw; color: #000000; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .index_news_item_text { font-size: 0.625vw; line-height: 1.3541666vw; margin-top: 0.5208333vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #666666; } .index_news_item_foot { margin-top: 1.5625vw; position: relative; font-family: Arial, "Microsoft YaHei", 微软雅黑, Helvetica, sans-serif; } .index_news_item_foot:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #cccccc; } .index_news_item_btn a { font-size: 0.7291666vw; line-height: 1.25vw; color: #0047bb; } .index_news_item_time { font-size: 0.7291666vw; line-height: 1.25vw; color: #666666; } .index_news_item_foot { -webkit-justify-content: space-between; justify-content: space-between; } .index_news_swiper { opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_news_item_box { -webkit-border-radius: 0.5208333vw; border-radius: 0.5208333vw; overflow: hidden; } .index_news_item_box:hover .index_news_item_img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .index_news_big { margin-top: 4.1666vw; } .index_news_more_button { -webkit-justify-content: flex-end; justify-content: flex-end; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_news_more_btn { margin-top: 0.5208333vw; } .index_news_more_text { font-size: 0.88541666vw; line-height: 1.5625vw; color: #999999; } .index_news_more_btn a { -webkit-align-items: center; align-items: center; } .index_news_more_icon { width: 0.41666vw; height: 0.41666vw; position: relative; margin-left: 0.15625vw; } .index_news_more_icon:after { content: ""; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-right: 0.15625vw solid #999999; border-bottom: 0.15625vw solid #999999; box-sizing: border-box; -webkit-transform-origin: center; transform-origin: center; } .footer_wrap { background: #0047bb; padding: 4.58333vw 0 0 0; } .footer_bq_box a, .footer_content a { position: relative; } .footer_bq_box a:after, .footer_content a:after { content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 1px; background: #fff; -webkit-transition: all .6s ease; transition: all .6s ease; } .footer_bq_box a:hover, .footer_content a:hover { color: #fff; } .footer_bq_box a:hover:after, .footer_content a:hover:after { left: 0; width: 100%; } .footer_logo_box { width: 8.4375vw; height: 1.9791666vw; } .footer_logo_box .logo_green { fill: #37ae35; } .footer_logo_box .logo_blue { fill: #fff; } .footer_address_item_title { font-size: 0.88541666vw; line-height: 1.5625vw; font-weight: bold; color: #fff; } .footer_address_item_text a, .footer_address_item_text { font-size: 0.88541666vw; line-height: 1.5625vw; color: #fff; } .footer_address_item_text { padding-left: 0.78125vw; } .footer_address_item_icon { font-size: 0.83333vw; line-height: 1.5625vw; color: #fff; } .footer_content { -webkit-justify-content: space-between; justify-content: space-between; } .footer_big { width: 87.2093%; -webkit-justify-content: space-between; justify-content: space-between; align-items: flex-end; padding-bottom: 1.8vw; position: relative; } .footer_big:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #fff; } .footer_address_item_box { margin-right: 2.6041666vw; } .footer_address_item_box:last-child { margin-right: 0; } .footer_ewm_box { width: 7.848837%; } .footer_ewm_img { padding-bottom: 100%; } .footer_nav_title { font-size: 1.09375vw; line-height: 1.5625vw; margin-bottom: 0.625vw; font-weight: bold; color: #fff; } .footer_nav_label a { font-size: 0.88541666vw; line-height: 1.3541666vw; color: #fff; } .footer_nav_item_box { width: 100%; } .footer_nav_label { margin-right: 1.30208333vw; } .footer_nav_label:last-child { margin-right: 0; } .footer_bq_wrap { -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; padding: 1.82291666vw 0; } .footer_share_icon { width: 2.08333vw; height: 2.08333vw; margin-left: 2.6041666vw; } .footer_share_icon:first-child { margin-left: 0; } .footer_share_icon a { display: block; font-size: 0.98958333vw; line-height: 2.08333vw; text-align: center; color: #cccccc; position: relative; -webkit-transition: all .6s ease; transition: all .6s ease; } .footer_share_icon a:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; -webkit-border: 0.1041666vw solid #cccccc; border: 0.1041666vw solid #cccccc; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all .6s ease; transition: all .6s ease; } .footer_share_icon a:hover { color: #fff; } .footer_share_icon a:hover:after { -webkit-border: 0.1041666vw solid #fff; border: 0.1041666vw solid #fff; } .footer_bq_item_box { margin-right: 1.041666vw; } .footer_bq_item_box:last-child { margin-right: 0; } .footer_bq_item_box a, .footer_bq_item_box { font-size: 0.625vw; color: #ffffff; } .header_nav_active .header_nav_link:after { width: 100%; } .header_nav_default .header_nav_link:after { width: 0; } .header_nav_hover .header_nav_link:after { width: 100%; } .header_black .header_nav_hover .header_nav_link { color: #0047bb; } .header_black .header_nav_active .header_nav_link { color: #0047bb; } .header_black .header_nav_active .header_nav_link:after { background: #0047bb; } .header_black .header_nav_default .header_nav_link { color: #999999; } .header_black .header_nav_hover .header_nav_link { color: #0047bb; } .header_black .header_nav_hover .header_nav_link:after { background: #0047bb; } .header_black .logo_blue { fill: #0047bb; } .header_black .header_nav_link { color: #999999; } .header_white .logo_blue { fill: #0047bb; } .header_white .header_nav_link { color: #999999; } .header_white:after { height: 100%; } .header_white .header_nav_active .header_nav_link { color: #0047bb; } .header_white .header_nav_active .header_nav_link:after { background: #0047bb; } .header_white .header_nav_default .header_nav_link { color: #999999; } .header_white .header_nav_hover .header_nav_link { color: #0047bb; } .header_white .header_nav_hover .header_nav_link:after { background: #0047bb; } .about_introduce_wrap { height: 100%; } .about_introduce_head { height: 74.444444%; position: relative; } .about_introduce_foot { height: 25.555556%; -webkit-align-items: center; align-items: center; } .about_foot_content { width: 100%; padding: 0 14.0625vw; } .about_foot_tips { width: 22.463768%; } .about_foot_title { opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .about_foot_read { width: 77.536232%; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); font-size: 0.83333vw; line-height: 1.30208333vw; color: #999999; } .about_introduce_photo { height: 100%; } .about_introduce_img { height: 100%; } .about_introduce_content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-align-items: center; align-items: center; } .about_introduce_content:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #fff; } .about_introduce_read { padding: 0 14.0625vw; width: 100%; margin-top: 6vw; position: relative; z-index: 9; } .about_introduce_en { font-size: 1.9791666vw; line-height: 2.6041666vw; color: #ffffff; -webkit-text-shadow: 0.5208333vw 0.3125vw 2.3958333vw rgba(101, 136, 200, 1); text-shadow: 0.5208333vw 0.3125vw 2.3958333vw rgba(101, 136, 200, 1); opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .about_introduce_cn { font-size: 1.71875vw; line-height: 2.6041666vw; color: #fff; margin-bottom: 0.5208333vw; -webkit-text-shadow: 0.5208333vw 0.3125vw 2.3958333vw rgba(37, 54, 98, 1); text-shadow: 0.5208333vw 0.3125vw 2.3958333vw rgba(37, 54, 98, 1); opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_honor_item_tips { -webkit-justify-content: center; justify-content: center; } .about_introduce_line { height: 0.15625vw; width: 2.6041666vw; background: #fff; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .about_foot_en { font-size: 2.1875vw; line-height: 2.1875vw; color: #37ae35; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .about_foot_cn { font-size: 1.71875vw; line-height: 2.1875vw; color: #0047bb; } .about_foot_label { width: 1.875vw; margin-left: 0.26041666vw; } .about_foot_label svg { fill: #0047bb; } .about_culture_wrap { height: 100%; position: relative; } .about_culture_back { height: 100%; } .about_culture_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-align-items: center; align-items: center; } .about_culture_read { width: 100%; padding: 0 14.0625vw; } .about_culture_list { margin-top: 7.8125vw; } .about_culture_item_box { width: 33.3333%; padding: 3.125vw 1.041666vw 0 1.041666vw; -webkit-transition: all .6s ease; transition: all .6s ease; } .about_culture_item_active { -webkit-transform: translateY(-5.208333vw); transform: translateY(-5.208333vw); } .about_culture_item_read { opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .about_culture_item_icon { font-size: 4.791666vw; line-height: 5.208333vw; color: #0047bb; text-align: center; -webkit-transition: all .6s ease; transition: all .6s ease; } .about_culture_item_title { font-size: 1.71875vw; line-height: 2.6041666vw; font-weight: bold; text-align: center; color: #0047bb; -webkit-transition: all .6s ease; transition: all .6s ease; } .about_culture_item_en { font-size: 0.88541666vw; line-height: 1.5625vw; text-align: center; color: #0047bb; text-transform: uppercase; -webkit-transition: all .6s ease; transition: all .6s ease; font-family: "Arial", "Manrope-Regular", "Microsoft YaHei", 微软雅黑, "Helvetica", "sans-serif" !important; } .about_culture_item_text { font-size: 0.88541666vw; line-height: 1.25vw; margin-top: 0.5208333vw; text-align: center; color: #999999; opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; } .about_culture_item_active .about_culture_item_icon { color: #59bc57; } .about_culture_item_active .about_culture_item_title { color: #59bc57; } .about_culture_item_active .about_culture_item_en { color: #59bc57; } .about_culture_item_active .about_culture_item_text { opacity: 1; } .about_message_wrap { height: 100%; position: relative; } .about_message_back { height: 100%; } .about_message_box { height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: 9; } .about_message_head { position: absolute; left: 0; top: 15%; width: 100%; z-index: 10; padding: 0 5.208333vw; } .about_message_content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; } .about_message_item_icon { width: 0.7291666vw; height: 0.7291666vw; -webkit-transform: translateY(-0.46875vw) translateX(-0.1041666vw); transform: translateY(-0.46875vw) translateX(-0.1041666vw); } .about_message_item_label { background: #0047bb; -webkit-border-radius: 100%; border-radius: 100%; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); } .about_message_item_svg { width: calc(100% - 0.7291666vw); } .about_message_item_svg svg { fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.042px; fill-rule: evenodd; } .about_message_item_read { position: absolute; bottom: 2.6041666vw; left: -2.34375vw; -webkit-transform: translateY(100%); transform: translateY(100%); } .about_message_item_box { position: absolute; } .about_message_title_icon { font-size: 1.5625vw; line-height: 2.6041666vw; width: 2.34375vw; color: #0047bb; } .about_message_title_text { font-size: 1.30208333vw; line-height: 2.6041666vw; font-weight: bold; color: #0047bb; width: calc(100% - 2.34375vw); } .about_message_item_text { padding: 0.5208333vw 0 0 2.34375vw; font-size: 0.83333vw; line-height: 1.25vw; text-align: justify; color: #b2b2b2; opacity: 0; pointer-events: none; -webkit-transform: translateX(2.083333vw); transform: translateX(2.083333vw); } .about_message_item_box:nth-child(1) { width: 37.8125%; } .about_message_item_box:nth-child(2) { width: 46.3541666%; } .about_message_item_box:nth-child(1) .about_message_item_read { width: 67%; } .about_message_item_box:nth-child(2) .about_message_item_read { width: 60%; } .about_message_item_box:nth-child(1) { right: 50.1%; top: 62.5%; } .about_message_item_box:nth-child(2) { right: 12.1%; top: 20%; } .about_message_item_box:nth-child(2) .about_message_title_icon { color: #31b700; } .about_message_item_box:nth-child(2) .about_message_title_text { color: #31b700; } .about_message_item_box:nth-child(2) .about_message_item_icon .about_message_item_label { background: #37ae35; } .about_message_item_box:nth-child(1) .about_message_item_svg svg { stroke: #0047bb; stroke-dasharray: 715; stroke-dashoffset: -715; } .about_message_item_box:nth-child(2) .about_message_item_svg svg { stroke: #37ae35; stroke-dasharray: 877; stroke-dashoffset: -877; } .about_message_item_title { opacity: 0; pointer-events: none; -webkit-transform: translateX(2.083333vw); transform: translateX(2.083333vw); } .about_company_wrap { height: 100%; } .about_company_back { height: 100%; } .about_company_content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-align-items: center; align-items: center; } .about_company_read { width: 100%; } .about_company_item_read { opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .about_company_item_text { opacity: 0; -webkit-transition: all .8s ease; transition: all .8s ease; } .about_company_item_text h3 { font-size: 1.09375vw; line-height: 1.5625vw; } .about_company_item_text, .about_company_item_text p { font-size: 0.88541666vw; line-height: 1.5625vw; color: #999999; text-align: center; } .about_company_item_head { -webkit-align-items: center; align-items: center; position: relative; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .about_company_item_tips { position: absolute; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-justify-content: space-between; justify-content: space-between; opacity: 0; pointer-events: none; -webkit-transition: all .8s ease; transition: all .8s ease; } .about_company_item_icon { -webkit-align-items: center; align-items: center; } .about_company_item_icon:nth-child(2) { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .about_company_item_label { width: 0.3125vw; height: 0.3125vw; margin-right: 0.625vw; -webkit-border-radius: 100%; border-radius: 100%; background: rgba(86, 121, 239, 1); } .about_company_item_label:nth-child(1) { opacity: .6; } .about_company_item_label:nth-child(2) { opacity: .8; width: 0.41666vw; height: 0.41666vw; } .about_company_item_label:nth-child(3) { opacity: 1; width: 0.5208333vw; height: 0.5208333vw; } .about_company_item_title { width: 100%; font-size: 10.41666vw; line-height: 19.2708333vw; color: #0047bb; font-weight: bold; text-align: center; -webkit-transition: all .8s ease; transition: all .8s ease; font-family: "Arial", "Manrope-Regular", "Microsoft YaHei", 微软雅黑, "Helvetica", "sans-serif" !important; } .about_company_item_box { filter: blur(0.5208333vw); -webkit-transition: all .8s ease; transition: all .8s ease; } .about_company_swiper .swiper-wrapper { -webkit-transition: all .8s ease; transition: all .8s ease; } .about_company_swiper .swiper-slide-active .about_company_item_title { font-size: 15.625vw; } .about_company_swiper .swiper-slide-active .about_company_item_box { filter: blur(0); } .about_company_swiper .swiper-slide-active .about_company_item_tips { opacity: 1; } .about_company_swiper .swiper-slide-active .about_company_item_text { opacity: 1; } .about_company_tab { position: relative; } .about_company_button { position: absolute; top: 0; left: 0; width: 100%; z-index: 9; height: 19.2708333vw; -webkit-align-items: center; align-items: center; pointer-events: none; } .about_company_btn_box { width: 100%; padding: 0 3.125vw; -webkit-justify-content: space-between; justify-content: space-between; } .about_company_btn_item { font-size: 3.541666vw; color: #fff; cursor: pointer; outline: none; pointer-events: none; -webkit-text-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .2); text-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .2); } .about_company_btn_prev { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); margin-left: 1.041666vw; opacity: 0; } .about_company_btn_next { margin-right: 1.041666vw;; opacity: 0; } .pro_banner_wrap { position: relative; height: 100vh; overflow: hidden; } .pro_banner_back { height: 100%; } .pro_banner_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; } .pro_banner_photo { position: absolute; left: 50%; top: 22%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 69%; } .pro_banner_img { width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .pro_banner_head { padding: 0 9.895833vw; margin-top: 7.291666vw; position: relative; z-index: 9; } .pro_banner_title { font-size: 1.9791666vw; line-height: 2.6041666vw; font-weight: bold; color: #0047bb; text-align: center; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .pro_banner_line { width: 2.91666vw; height: 0.15625vw; background: #31b700; margin: 1.041666vw auto; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .pro_banner_text { font-size: 0.9375vw; line-height: 1.5625vw; color: #b2b2b2; text-align: center; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .pro_banner_list { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 9; height: 3.125vw; } .pro_banner_content { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; } .pro_banner_animate .pro_banner_fixed { position: fixed; top: 4.4791666vw; left: 0; width: 100%; z-index: 9; } .pro_banner_fixed { padding: 0 9.895833vw; } .pro_banner_item_box { width: 50%; font-size: 1.30208333vw; line-height: 3.125vw; color: #ffffff; background: #cccccc; text-align: center; cursor: pointer; -webkit-transition: all .6s ease; transition: all .6s ease; } .pro_banner_item_active { background: #31b700; color: #fff; } .pro_banner_item_box:nth-child(2n).pro_banner_item_active { background: #0047bb; } .pro_page_item_tips { font-size: 1.09375vw; line-height: 1.5625vw; color: #999999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pro_page_item_title { font-size: 1.92708333vw; line-height: 2.6041666vw; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pro_page_item_after { width: 2.91666vw; height: 0.15625vw; background: #0047bb; margin: 0.5208333vw 0; } .pro_page_item_text { font-size: 0.88541666vw; line-height: 1.30208333vw; color: #999999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .pro_page_item_btn { width: 6.3541666vw; margin-top: 0.78125vw; position: relative; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .pro_page_item_btn:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #0047bb; box-sizing: border-box; -webkit-transition: all .6s ease; transition: all .6s ease; } .pro_page_item_btn:before { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #0047bb; -webkit-transition: all .6s ease; transition: all .6s ease; } .pro_page_swiper .swiper-slide .pro_page_list { pointer-events: none; } .pro_page_swiper .swiper-slide-active .pro_page_list { pointer-events: auto; } .pro_page_item_box a:hover .pro_page_item_btn .pro_page_item_label { color: #fff; } .pro_page_item_box a:hover .pro_page_item_btn:before { width: 100%; } .pro_page_item_box a:hover .pro_page_item_icon:after { border-right: 0.15625vw solid #fff; border-bottom: 0.15625vw solid #fff; } .pro_page_item_label { font-size: 1.09375vw; line-height: 1.875vw; color: #1b4a9e; position: relative; z-index: 9; -webkit-transition: all .6s ease; transition: all .6s ease; } .pro_page_item_icon { width: 0.41666vw; height: 0.41666vw; position: relative; z-index: 9; margin-left: 0.15625vw; } .pro_page_item_icon:after { content: ""; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-right: 0.15625vw solid #0047bb; border-bottom: 0.15625vw solid #0047bb; box-sizing: border-box; -webkit-transform-origin: center; transform-origin: center; -webkit-transition: all .6s ease; transition: all .6s ease; } .pro_page_wrap { background: #f2f2f2; padding: 0 9.895833vw; } .pro_page_box { padding: 2.6041666vw 0 9.375vw 0; } .pro_page_item_box a { background: #fff; -webkit-border-radius: 2.34375vw; border-radius: 2.34375vw; padding: 0 2.6041666vw; -webkit-align-items: center; align-items: center; } .pro_page_item_photo { width: 42.013422%; margin-top: -3.125vw; pointer-events: none; } .pro_page_item_content { width: 57.986578%; padding: 0 6.25vw; } .pro_page_item_box { margin-top: 3.125vw; opacity: 0; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .pro_page_item_box:nth-child(2n) .pro_page_item_content { text-align: right; } .pro_page_item_box:nth-child(2n) .pro_page_item_button { -webkit-justify-content: flex-end; justify-content: flex-end; } .pro_page_item_box:nth-child(2n) .pro_page_item_line { -webkit-justify-content: flex-end; justify-content: flex-end; } .header_active .logo_blue { fill: #0047bb; } .header_active .header_nav_link { color: #999999; } .header_active:after { height: 100%; } .header_active .header_nav_hover .header_nav_link { color: #0047bb; } .header_active .header_nav_hover .header_nav_link:after { background: #0047bb; } .header_active .header_nav_active .header_nav_link { color: #0047bb; } .header_active .header_nav_active .header_nav_link:after { background: #0047bb; } .pro_details_banner { height: 100vh; position: relative; } .pro_details_img { height: 100%; position: relative; z-index: 1; } .pro_details_content { position: absolute; top: 50%; left: 0; width: 100%; z-index: 9; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .pro_details_title { font-size: 2.1875vw; line-height: 2.8125vw; color: #ffffff; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .pro_details_en { font-size: 1.9791666vw; line-height: 2.6041666vw; color: #ffffff; font-family: "CONDENSED", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .pro_details_text { font-size: 1.7708333vw; line-height: 2.3958333vw; color: #ffffff; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .pro_details_line { width: 2.34375vw; height: 0.15625vw; background: #fff; margin: 1.041666vw auto 0; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .pro_details_big { position: relative; min-height: 100vh; overflow: hidden; } .pro_details_back { position: absolute; left: 0; top: 0; width: 100%; } .pro_details_read_wrap { position: relative; z-index: 9; padding: 0 9.895833vw; } .pro_details_read_wrap .pro_details_nav_box { margin-top: 1.82291666vw; } .pro_details_nav_box a, .pro_details_nav_box { font-size: 0.90375vw; line-height: 1.6666vw; color: #999999; } .pro_details_read_content { padding: 2.08333vw 0 4.1666vw 0; } .pro_details_read_photo { width: 48.311688%; margin: 0 auto; } .pro_details_tips_box { text-align: center; } .pro_details_tips_en { font-size: 1.09375vw; line-height: 1.6666vw; color: #999999; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .pro_details_tips_title { font-size: 1.9791666vw; line-height: 2.6041666vw; font-weight: bold; color: #333333; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .pro_details_tips_line { width: 2.91666vw; height: 0.15625vw; margin: 1.041666vw auto; background: #0047bb; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .pro_details_tips_text { font-size: 0.88541666vw; line-height: 1.30208333vw; color: #999999; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .pro_summary_wrap { padding: 2.6041666vw 9.895833vw; } .index_public_black .index_public_line { background: #999999; } .pro_summary_list { padding: 0 6.25vw; margin-top: 4.1666vw; } .pro_summary_item_box { position: relative; width: 16.666667%; } .pro_summary_item_box:last-child .pro_summary_item_icon:after { display: none; } .pro_summary_item_icon { font-size: 4.42708333vw; line-height: 4.6875vw; text-align: center; color: #1b4a9e; margin-bottom: 1.041666vw; position: relative; } .pro_summary_item_icon:after { content: ""; position: absolute; right: 0; top: 15%; height: 70%; width: 0.1041666vw; background: #0047bb; } .pro_summary_item_icon.icon-a2 { font-size: 3.8vw; } .pro_summary_item_icon.icon-a3 { font-size: 3.6vw; } .pro_summary_item_icon.icon-a5 { font-size: 4vw; } .pro_summary_item_icon.icon-a6 { font-size: 3.5vw; } .pro_summary_item_text { font-size: 0.78125vw; line-height: 1.3541666vw; color: #999999; text-align: center; padding: 0 1.82291666vw; } .pro_test_wrap { padding: 2.6041666vw 9.895833vw; } .pro_test_list { padding: 0 6.25vw; margin-top: 2.6041666vw; } .pro_test_item_box { width: 46%; margin: 0 8% 1.875vw 0; padding: 0 1.041666vw; } .pro_test_item_box:nth-child(2n) { margin: 0 0 1.875vw 0; } .pro_test_item_label { font-size: 1.12625vw; line-height: 3.4375vw; color: #808080; background: #e8e8e8; text-align: center; -webkit-border-radius: 1.71875vw; border-radius: 1.71875vw; } .pro_data_box { padding: 0 6.25vw; margin-top: 2.6041666vw; } .pro_data_bjq, .pro_data_bjq p { font-size: 0.78125vw; line-height: 1.3541666vw; color: #999999; } .pro_data_bjq table, .pro_data_bjq h1, .pro_data_bjq h2, .pro_data_bjq h3, .pro_data_bjq h4, .pro_data_bjq p { opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .news_details_bjq table, .news_details_bjq h1, .news_details_bjq h2, .news_details_bjq h3, .news_details_bjq h4, .news_details_bjq p { opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .pro_data_bjq img { padding: 1.3541666vw 0; width: auto; max-width: 100%; display: inline-block; } .pro_tata_wrap { padding: 2.6041666vw 9.895833vw; } .pro_related_wrap { padding: 0 9.895833vw; background: #ecf0f6; } .pro_related_box { padding: 4.1666vw 0 8.8541666vw 0; } .pro_related_head { text-align: center; } .pro_related_en { font-size: 0.88541666vw; line-height: 1.458333vw; color: #1b4a9e; text-transform: uppercase; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .pro_related_title { font-size: 1.9791666vw; line-height: 2.6041666vw; color: #1b4a9e; margin-bottom: 0.78125vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .pro_related_line { width: 2.91666vw; height: 0.15625vw; background: #1b4a9e; margin: 0 auto; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .pro_related_list { margin-top: 2.6041666vw; } .pro_related_item_box { width: 31.94805%; margin: 0 2.077925% 0 0; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .pro_related_item_box:nth-child(3n) { margin: 0; } .pro_related_item_box a { background: #fff; -webkit-align-items: center; align-items: center; padding: 2.08333vw 0; -webkit-border-radius: 1.041666vw; border-radius: 1.041666vw; } .pro_related_photo { width: 40%; } .pro_related_content { width: 50%; padding: 0 1.041666vw 0 0; } .pro_related_item_en { font-size: 0.625vw; line-height: 1.1458333vw; color: #999999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pro_related_item_cn { font-size: 1.09375vw; line-height: 1.3541666vw; font-weight: bold; color: #333333; margin-bottom: 0.5208333vw; } .pro_related_item_line { width: 1.458333vw; height: 0.1041666vw; background: #0047bb; } .news_page_banner_box { height: 100vh; position: relative; } .news_page_banner_img { height: 100%; } .news_page_banner_content { position: absolute; left: 0; top: 48%; width: 100%; padding: 0 14.58333vw; z-index: 9; } .news_page_banner_en { font-size: 1.9791666vw; line-height: 2.6041666vw; color: #fff; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .news_page_banner_cn { font-size: 1.7708333vw; line-height: 2.3958333vw; color: #fff; margin-bottom: 0.78125vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .news_page_banner_line { width: 2.6041666vw; height: 0.15625vw; background: #fff; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .news_content_box { padding: 4.1666vw 9.895833vw; } .news_content_nav_wrap { -webkit-justify-content: center; justify-content: center; } .news_content_nav_box { position: relative; -webkit-justify-content: center; justify-content: center; } .news_content_nav_box:after { content: ""; position: absolute; bottom: 0; height: 0.15625vw; width: 100%; background: #cccccc; } .news_content_nav_item { margin: 0 2.08333vw; position: relative; z-index: 2; } .news_content_nav_item:first-child { margin: 0 2.08333vw 0 0; } .news_content_nav_item:last-child { margin: 0 0 0 2.08333vw; } .news_content_nav_item a { font-size: 1.041666vw; line-height: 3.125vw; color: #999999; padding: 0 0.78125vw; position: relative; -webkit-transition: all .6s ease; transition: all .6s ease; } .news_content_nav_item a:after { content: ""; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; height: 0.15625vw; width: 0; background: #0047bb; -webkit-transition: all .6s ease; transition: all .6s ease; } .news_content_nav_active a { color: #0047bb; } .news_content_nav_active a:after { width: 100%; } .news_content_nav_default a { color: #999999; } .news_content_nav_default a:after { width: 0; } .news_content_nav_hover a { color: #0047bb; } .news_content_nav_hover a:after { width: 100%; } .news_content_list { margin: 5.208333vw 0 3.125vw 0; } .news_content_item_box { width: 32.2727%; margin: 0 1.59095% 1.59095% 0; } .news_content_item_box:nth-child(3n) { margin: 0 0 1.59095% 0; } .news_content_item_box a { display: block; -webkit-border-radius: 0.5208333vw; border-radius: 0.5208333vw; overflow: hidden; } .news_content_item_img { padding-bottom: 59.681093%; } .news_content_item_img img { -webkit-transition: all .6s ease; transition: all .6s ease; } .news_content_item_box a:hover .news_content_item_img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .news_content_item_read { background: #f2f2f2; padding: 1.5625vw 2.6041666vw; } .news_content_item_title { font-size: 0.99375vw; line-height: 1.458333vw; color: #333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: bold; } .news_content_item_time { font-size: 0.795vw; line-height: 1.541666vw; margin-top: 0.26041666vw; color: #999999; } .news_content_pagination { -webkit-justify-content: center; justify-content: center; } .news_content_pagination a { line-height: 2.08333vw; color: #cccccc; font-size: 0.9375vw; padding: 0 1.1458333vw; position: relative; } .news_content_pagination .news_content_pagination_btn { font-size: 0.625vw; padding: 0 1.041666vw; } .news_content_pagination a:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #cccccc; border-right: none; box-sizing: border-box; z-index: -1; } .news_content_pagination a:last-child:after { border-right: 1px solid #cccccc; } .news_content_pagination .news_content_pagination_current { color: #fff; } .news_content_pagination .news_content_pagination_current:after { border-right: 1px solid #37ae35; background: #37ae35; } .news_details_content { padding: 0 16.666vw; } .news_details_pagination { padding: 1.82291666vw 0; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } .news_details_btn_text { font-size: 0.90375vw; line-height: 1.6666vw; color: #0047bb; } .news_details_button a { -webkit-align-items: center; align-items: center; position: relative; } .news_details_button a:after { content: ""; height: 1px; width: 100%; position: absolute; bottom: 0; left: 0; background: #0047bb; } .news_details_btn_icon { width: 0.41666vw; height: 0.41666vw; position: relative; margin-left: 0.26041666vw; } .news_details_btn_icon:after { content: ""; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-right: 0.15625vw solid #0047bb; border-bottom: 0.15625vw solid #0047bb; box-sizing: border-box; -webkit-transform-origin: center; transform-origin: center; } .news_details_title { font-size: 1.8875vw; line-height: 2.8125vw; color: #666666; text-align: center; font-weight: bold; } .news_details_line { width: 2.91666vw; height: 0.15625vw; background: #999999; margin: 0.78125vw auto 0; } .news_details_bjq { margin-top: 3.6458333vw; } .news_details_bjq, .news_details_bjq p { font-size: 0.88541666vw; line-height: 2.6041666vw; color: #666666; } .news_details_bjq img { width: auto; max-width: 100%; padding: 1.30208333vw 0; display: inline-block; } .news_details_read { padding: 6.25vw 0 5.208333vw 0; } .news_details_list { margin-top: 5.208333vw; } .news_details_item_tips { font-size: 1.10208333vw; line-height: 2.5vw; color: #1b4a9e; width: 5.208333vw; } .news_details_item_read { -webkit-align-items: center; align-items: center; width: calc(100% - 5.208333vw); } .news_details_item_label { font-size: 1.10208333vw; line-height: 2.5vw; color: #0047bb; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news_details_item_icon { width: 0.41666vw; height: 0.41666vw; position: relative; margin-left: 0.26041666vw; } .news_details_item_icon:after { content: ""; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-right: 0.15625vw solid #0047bb; border-bottom: 0.15625vw solid #0047bb; box-sizing: border-box; -webkit-transform-origin: center; transform-origin: center; } .news_details_item_box a { max-width: 100%; } .news_details_item_label { width: calc(100% - 0.67708333vw); } .contact_page_wap_box { width: 50%; } .contact_page_wap_content { position: relative; width: 100%; padding-bottom: 78.8541666%; /*padding-bottom: 118.28215%;*/ } .contact_page_content { position: relative; } .contact_page_content:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #fff; z-index: 9; -webkit-transition: all 2s ease; transition: all 2s ease; } .contact_page_swiper { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .contact_wap_box { height: 100%; } .contact_page_wap_read { width: 50%; } .contact_page_wap_list { height: 100%; } .contact_wap_item_box { height: 50%; /*height: 33.333333%;*/ -webkit-align-items: center; align-items: center; padding: 0 5.98958333vw; background: #ecf0f6; } .contact_wap_item_en { font-size: 1.9791666vw; line-height: 2.6041666vw; color: #333333; -webkit-transition: all .6s ease; transition: all .6s ease; } .contact_wap_item_title { font-size: 1.7708333vw; line-height: 1.7708333vw; color: #333333; -webkit-transition: all .6s ease; transition: all .6s ease; } .contact_wap_item_head { padding-left: 2.08333vw; margin-bottom: 1.041666vw; } .contact_wap_item_line { width: 2.6041666vw; height: 0.15625vw; background: #333333; margin-top: 0.78125vw; -webkit-transition: all .6s ease; transition: all .6s ease; } .contact_wap_item_address { -webkit-align-items: flex-start; align-items: flex-start; width: 50%; } .contact_wap_item_icon { width: 2.08333vw; font-size: 1.875vw; color: #313333; -webkit-transition: all .6s ease; transition: all .6s ease; } .contact_wap_item_tips { width: calc(100% - 2.08333vw); } .contact_wap_item_label { font-size: 0.83333vw; line-height: 0.9375vw; color: #808080; -webkit-transition: all .6s ease; transition: all .6s ease; } .contact_wap_item_text a, .contact_wap_item_text { font-size: 0.83333vw; line-height: 0.9375vw; color: #333333; -webkit-transition: all .6s ease; transition: all .6s ease; } .contact_wap_item_min { font-size: 0.625vw; line-height: 0.8vw; } .contact_address_tab { position: relative; padding: 0.78125vw 0; } .contact_address_tab:last-child:after { display: none; } .contact_address_tab:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #666666; -webkit-transition: all .6s ease; transition: all .6s ease; } .contact_page_wrap { padding-bottom: 4.6875vw; } .contact_wap_item_active { background: #0047bb; } .contact_wap_item_active .contact_wap_item_line { background: #fff; } .contact_wap_item_active .contact_address_tab:after { background: #fff; } .contact_wap_item_active .contact_wap_item_en, .contact_wap_item_active .contact_wap_item_title, .contact_wap_item_active .contact_wap_item_icon, .contact_wap_item_active .contact_wap_item_text a, .contact_wap_item_active .contact_wap_item_text, .contact_wap_item_active .contact_wap_item_label { color: #fff; } .contact_wap_item_center { width: 100%; } .contact_address_list { width: 50%; position: relative; } .contact_address_item_box { width: 50%; padding: 1.041666vw 1.041666vw 0.5208333vw 1.041666vw; position: relative; } .contact_address_cn_list .contact_address_item_box:nth-child(2n) { padding: 1.041666vw 3.6458333vw 0.5208333vw 1.041666vw; } .contact_address_en_list .contact_address_item_box:nth-child(2n+1) { padding: 1.041666vw 1.041666vw 0.5208333vw 3.6458333vw; } .contact_address_cn_list .contact_address_item_box:nth-child(2n):before { content: ""; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 2.6041666vw; width: 1px; background: #999999; } .contact_address_item_box:after { content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 100%; background: #999999; } .contact_address_wrap { padding: 6.25vw 0 5.208333vw 0; } .contact_address_box { padding: 0 9.895833vw; } .contact_address_en { font-size: 1.9791666vw; line-height: 2.6041666vw; text-align: center; color: #333333; } .contact_address_cn { font-size: 1.7708333vw; line-height: 2.3958333vw; color: #333333; text-align: center; } .contact_address_line { width: 2.6041666vw; height: 0.15625vw; background: #333333; margin: 0.78125vw auto 0; } .contact_address_big { margin-top: 4.1666vw; } .contact_address_item_icon { font-size: 1.875vw; width: 2.34375vw; color: #313333; } .contact_address_item_icon.icon-a-17 { font-size: 1.3541666vw; } .contact_address_item_icon.icon-a-06 { font-size: 1.6666vw; } .contact_address_item_icon.icon-a-18 { font-size: 1.5625vw; } .contact_address_item_read { width: calc(100% - 2.34375vw); } .contact_address_item_title { font-size: 0.88541666vw; line-height: 1.30208333vw; color: #808080; } .contact_address_item_text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .contact_address_item_text a, .contact_address_item_text { font-size: 0.88541666vw; line-height: 1.30208333vw; min-height: 2.6041666vw; max-height: 3.90625vw; color: #333333; -webkit-transition: all .6s ease; transition: all .6s ease; } .contact_address_item_text a { position: relative; } .contact_address_item_text a:hover { color: #000; } .contact_address_item_min { font-size: 0.67708333vw; line-height: 0.83333vw; color: #333333; } .contact_address_bq { -webkit-justify-content: space-between; justify-content: space-between; padding: 0.78125vw 0; } .contact_address_label { font-size: 0.88541666vw; line-height: 1.5625vw; color: #b2b2b2; } .contact_address_content { margin-bottom: 5.208333vw; } .contact_address_content:last-child { margin-bottom: 0; } .join_page_wrap { padding: 4.1666vw 0; } .join_page_box { padding: 0 9.895833vw; } .join_post_head { background: #0047bb; } .join_post_label { line-height: 3.6458333vw; font-size: 1.10208333vw; font-weight: bold; color: #ffffff; text-align: center; } .join_post_wrap { margin-top: 4.1666vw; } .join_post_item_label:nth-child(1), .join_post_label:nth-child(1) { width: 16%; padding-left: 3.125vw; text-align: left; } .join_post_item_label:nth-child(1) { } .join_post_item_label:nth-child(2), .join_post_label:nth-child(2) { margin-left: 6%; width: 8%; } .join_post_item_label:nth-child(3), .join_post_label:nth-child(3) { margin-left: 2.5%; width: 16%; } .join_post_item_label:nth-child(4), .join_post_label:nth-child(4) { margin-left: 2.5%; width: 11%; } .join_post_item_label:nth-child(5), .join_post_label:nth-child(5) { margin-left: 2.5%; width: 16%; } .join_post_item_label:nth-child(6), .join_post_label:nth-child(6) { margin-left: 2.5%; width: 11%; } .join_post_item_label { font-size: 1.10208333vw; line-height: 3.6458333vw; color: #666666; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .join_post_item_btn { -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .join_post_btn_text { color: #37ae35; } .join_post_btn_icon { width: 0.625vw; height: 0.625vw; position: relative; margin-left: 0.5208333vw; -webkit-transition: all .6s ease; transition: all .6s ease; } .join_post_btn_icon:after { content: ""; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-right: 0.26041666vw solid #37ae35; border-bottom: 0.26041666vw solid #37ae35; box-sizing: border-box; -webkit-transform-origin: center; transform-origin: center; } .join_post_item_head { background: #f7f7f7; -webkit-transition: all .6s ease; transition: all .6s ease; cursor: pointer; } .join_post_item_box { -webkit-box-shadow: 1px 0 0.26041666vw rgba(53, 72, 53, .2); box-shadow: 1px 0 0.26041666vw rgba(53, 72, 53, .2); margin-top: 1.3541666vw; } .join_post_item_bjq { padding: 1.5625vw 3.125vw; } .join_post_item_bjq h2 { font-size: 1.30208333vw; line-height: 2.08333vw; color: #808080; } .join_post_item_bjq, .join_post_item_bjq p { font-size: 0.88541666vw; line-height: 1.458333vw; color: #808080; } .join_post_item_content { height: 0; overflow: hidden; -webkit-ransition: all .6s ease; transition: all .6s ease; } .join_post_item_active .join_post_btn_icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .join_post_item_active .join_post_item_head { background: #d9d9d9; } .index_platform_wrap { height: 100%; width: 100%; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .index_platform_circle_wrap { width: 37.5%; } .index_platform_circle_box { position: relative; padding-bottom: 100%; height: 0; } .index_platform_circle_icon { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .index_platform_circle_svg { fill: #fff; fill-opacity: 0; stroke-width: 0.15625vw; stroke: #0047bb; stroke-dasharray: 314.15927%; stroke-dashoffset: 314.15927%; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .index_platform_circle_content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; z-index: 9; } .index_platform_circle_head { width: 51.3888%; position: relative; z-index: 9; -webkit-transform: scale(0); transform: scale(0); opacity: 0; } .platform_circle_jt_wrap { width: 136.1111%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -16%; z-index: 2; } .platform_circle_jt_box { width: 100%; -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transform-origin: bottom center; transform-origin: bottom center; } .platform_circle_head_back { padding-bottom: 100%; } .platform_circle_read { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-align-items: center; align-items: center; } .platform_circle_label { font-size: 2.8125vw; line-height: 3.6458333vw; color: #0047bb; text-align: center; } .platform_circle_bold { font-weight: bold; } .platform_circle_en { margin-top: 0.5208333vw; font-size: 1.61458333vw; line-height: 1.875vw; color: #0047bb; text-align: center; } .platform_circle_center { width: 100%; } .platform_circle_white_wrap { position: absolute; left: 50%; width: 71.38888%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .platform_circle_white_box { padding-bottom: 100%; background: rgba(232, 232, 232, .4); -webkit-border-radius: 100%; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); opacity: 0; } .index_platform_circle_list { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; } .platform_circle_item_box { position: absolute; width: 100%; } .platform_circle_item_box:nth-child(1) { left: -5%; top: 30%; } .platform_circle_item_box:nth-child(2) { left: 1%; top: 69%; } .platform_circle_item_box:nth-child(3) { left: 44%; top: 92%; } .platform_circle_item_box:nth-child(4) { left: 85%; top: 69%; } .platform_circle_item_box:nth-child(5) { left: 90%; top: 30%; } .platform_circle_item_icon { width: 15.83333%; position: relative; -webkit-transform: scale(0); transform: scale(0); opacity: 0; } .platform_circle_item_number { position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); text-align: center; font-weight: bold; font-size: 2.6041666vw; color: #0047bb; } .platform_circle_item_read { position: absolute; left: -2.08333vw; top: 1.30208333vw; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .platform_circle_item_box:nth-child(3) .platform_circle_item_read { top: 60%; } .platform_circle_item_box:nth-child(4) .platform_circle_item_read { width: 14.58333vw; left: 15.83333%; -webkit-transform: translateX(2.08333vw); transform: translateX(2.08333vw); } .platform_circle_item_box:nth-child(5) .platform_circle_item_read { width: 14.58333vw; left: 15.83333%; -webkit-transform: translateX(2.08333vw); transform: translateX(2.08333vw); } .platform_circle_item_text { font-size: 1.09375vw; line-height: 1.875vw; color: #636363; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .platform_circle_item_box:nth-child(1) .platform_circle_item_text { text-align: right; } .platform_circle_item_box:nth-child(2) .platform_circle_item_text { text-align: right; } .platform_circle_item_box:nth-child(3) .platform_circle_item_text { text-align: right; } .index_honor_wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .index_honor_box { width: 100%; position: relative; z-index: 9; padding: 0 5.208333vw; } .index_honor_back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .index_honor_big { width: 41.2790697%; margin-top: 2.6041666vw; } .index_honor_jb { width: 30.28169%; margin: 0.78125vw auto 0; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_honor_item_box { width: 33.3333%; -webkit-justify-content: center; justify-content: center; } .index_honor_item_read { max-width: 100%; } .index_honor_list { background-image: -webkit-linear-gradient(left, #caa664 15%, #e3d17e 40%, #956b33); background-image: linear-gradient(left, #caa664 15%, #e3d17e 40%, #956b33); -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_honor_item_label { font-size: 4.0625vw; line-height: 4.1666vw; font-weight: bold; } .index_honor_text { font-size: 1.458333vw; line-height: 2.08333vw; text-align: center; } .index_honor_content { margin-top: 7.8125vw; position: relative; } .index_honor_certificates_box { width: 74.825581%; position: absolute; right: -10%; top: 0; } .index_honor_certificates_img { opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_honor_head .index_public_line { background: #31b700; } .about_quality_wrap { height: 100vh; position: relative; -webkit-align-items: center; align-items: center; } .about_quality_back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .about_quality_box { position: relative; z-index: 9; width: 100%; margin-top: 4.1666vw; } .about_quality_head .index_public_line { background: #31b700; } .about_quality_list { -webkit-justify-content: center; justify-content: center; width: 100%; margin-top: 2.6041666vw; } .about_quality_item_box { width: 15.78125%; margin: 0 1.82291666vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .about_quality_item_img { padding-bottom: 134.9834%; } .about_quality_item_read { text-align: center; margin-top: 1.041666vw; } .about_quality_item_en { font-size: 0.98958333vw; line-height: 1.458333vw; color: #a2a2a2; } .about_quality_item_cn { font-size: 0.98958333vw; line-height: 1.458333vw; color: #a2a2a2; } .about_project_wrap { height: 100vh; position: relative; -webkit-align-items: center; align-items: center; } .about_project_box { position: relative; z-index: 9; width: 100%; margin-top: 3.125vw; } .about_project_content { width: 81.7708333%; margin: 2.08333vw auto 0; } .about_project_big { padding-bottom: 34.458598%; position: relative; } .about_project_animate { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; } .about_project_item_box { position: absolute; -webkit-transform: scale(.4); transform: scale(.4); opacity: 0; } .about_project_item_box:nth-child(1) { width: 13.75796%; left: 0; bottom: 16.635859%; } .about_project_item_box:nth-child(2) { width: 15.41401%; left: 13.37579%; top: 17.560073%; } .about_project_item_box:nth-child(3) { width: 15.41401%; left: 28.025477%; bottom: 16.635859%; } .about_project_item_box:nth-child(4) { width: 15.41401%; top: 17.560073%; left: 42.292993%; } .about_project_item_box:nth-child(5) { width: 15.41401%; bottom: 16.635859%; left: 56.560509%; } .about_project_item_box:nth-child(6) { width: 15.41401%; top: 17.560073%; left: 70.955414%; } .about_project_item_box:nth-child(7) { width: 13.75796%; bottom: 16.635859%; right: 0; } .about_project_item_box:nth-child(1) .about_project_item_text, .about_project_item_box:nth-child(7) .about_project_item_text { font-size: 2.291666vw; line-height: 2.6041666vw; } .about_project_item_box:nth-child(2) .about_project_item_text, .about_project_item_box:nth-child(3) .about_project_item_text, .about_project_item_box:nth-child(4) .about_project_item_text, .about_project_item_box:nth-child(5) .about_project_item_text, .about_project_item_box:nth-child(6) .about_project_item_text { font-size: 1.5625vw; line-height: 2.08333vw; } .about_project_item_text { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; color: #fff; font-weight: bold; } .about_line_animate { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .about_line_item_box { position: absolute; width: 14.77707%; opacity: 0; } .about_line_item_box:nth-child(1) { left: 7.006369%; bottom: 0; } .about_line_item_box:nth-child(2) { width: 14.77707%; top: 0; left: 21.2%; } .about_line_item_box:nth-child(3) { bottom: 0; left: 35.4%; } .about_line_item_box:nth-child(4) { top: -1%; left: 49.8%; } .about_line_item_box:nth-child(5) { bottom: 0; left: 64.4%; } .about_line_item_box:nth-child(6) { top: 0; left: 78.8%; } .about_text_animate { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; } .about_text_item_box { position: absolute; width: 7.643312%; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .about_text_item_title { -webkit-justify-content: center; justify-content: center; -webkit-align-items: flex-end; align-items: flex-end; } .about_text_item_text { text-align: center; font-size: 0.83333vw; line-height: 1.5625vw; color: #727170; } .about_text_item_max { font-size: 1.458333vw; line-height: 1.5625vw; font-weight: bold; } .about_text_item_min { font-size: 0.78125vw; line-height: 1.1458333vw; color: #727170; } .about_text_item_box:nth-child(1) { left: 24.5%; top: 3%; } .about_text_item_box:nth-child(2) { left: 39%; bottom: 4%; } .about_text_item_box:nth-child(3) { left: 53%; top: 3%; } .about_text_item_box:nth-child(4) { left: 67.5%; bottom: 4%; } .about_text_item_box:nth-child(5) { left: 82%; top: 3%; } .about_text_item_box:nth-child(1) .about_text_item_max { color: #205688; } .about_text_item_box:nth-child(2) .about_text_item_max { color: #0f677f; } .about_text_item_box:nth-child(3) .about_text_item_max { color: #187574; } .about_text_item_box:nth-child(4) .about_text_item_max { color: #278267; } .about_text_item_box:nth-child(5) .about_text_item_max { color: #318e57; } .about_team_wrap { height: 100vh; position: relative; -webkit-align-items: center; align-items: center; } .about_team_box { width: 100%; position: relative; z-index: 9; margin-top: 2vw; } .about_team_head .index_public_line { background: #fff; } .about_team_head .index_public_cn, .about_team_head .index_public_en { color: #fff; } .about_team_back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: radial-gradient(circle, #0257ec 60%, #0334a7 100%); } .header_down_wrap { position: fixed; left: 0; top: 0; width: 100%; height: 0; overflow: hidden; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-box-shadow: 0 0 0.26041666vw rgba(0, 0, 0, .1); box-shadow: 0 0 0.26041666vw rgba(0, 0, 0, .1); } .header_down_box { background: #fff; padding: 6.7708333vw 0 5.208333vw 0; } .header_down_content { padding: 0 5.208333vw 0 16.666vw; } .header_down_big { -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; } .header_down_photo { width: 18.667%; } .header_down_img { padding-bottom: 62.63345%; } .header_down_read { width: 51.46666%; } .header_down_nav_title { font-size:1.458333vw; line-height:2.1875vw; color: #333333; font-weight: bold; padding-right: 1.82291666vw; position: relative; -webkit-transition: all .6s ease; transition: all .6s ease; margin-bottom: 0.7291666vw; } /*.header_down_nav_title:after {*/ /* content: "";*/ /* position: absolute;*/ /* left: 0;*/ /* bottom: 0;*/ /* width: 0;*/ /* height: 2px;*/ /* background: #37ae35;*/ /* -webkit-transition: all .6s ease;*/ /* transition: all .6s ease;*/ /*}*/ /*.header_down_nav_active {*/ /* color: #333333;*/ /*}*/ /*.header_down_nav_active:after {*/ /* width: 100%;*/ /* left: 0;*/ /*}*/ .header_down_nav_li { margin-bottom: 5.5208333vw; } .header_down_nav_li:last-child { margin-bottom: 0; } .header_down_nav_li a { -webkit-align-items: center; align-items: center; position: relative; } .header_down_nav_icon { width: 0.5208333vw; height: 0.5208333vw; position: relative; margin-left: 0.5208333vw; } .header_down_nav_icon:after { content: ""; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-right: 0.15625vw solid #37ae35; border-bottom: 0.15625vw solid #37ae35; box-sizing: border-box; -webkit-transform-origin: center; transform-origin: center; } .header_down_nav_box { position: relative; max-width: 30%; } .header_down_nav_list { position: relative; padding: 1.82291666vw 1.30208333vw 5.208333vw 1.30208333vw; } .header_down_nav_list:after { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #b3b3b3; } .header_down_nav_list:before { content: ""; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #b3b3b3; } .header_down_nav_content { width: 100%; } .header_down_nav_tab { padding: 0 2.08333vw; width: 50%; position: relative; } .header_down_nav_tab:last-child { padding: 0 0 0 2.08333vw; } .header_down_nav_tab:first-child { padding: 0 2.08333vw 0 0; } .header_down_nav_tab:before { content: ""; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #b3b3b3; } .header_down_nav_tab:last-child:before { display: none; } .header_down_nav_link { margin-bottom: 0.7291666vw; } .header_down_nav_link:last-child { margin-bottom: 0; } .header_down_nav_link a { -webkit-align-items: center; align-items: center; } .header_down_nav_ul { width: 100%; } .header_down_link_title { font-size: 0.98958333vw; line-height: 1.6666vw; color: #999999; position: relative; -webkit-transition: all .6s ease; transition: all .6s ease; max-width: calc(100% - 2vw); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .header_down_link_title:after { content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 0.1041666vw; background: #37ae35; -webkit-transition: all .6s ease; transition: all .6s ease; } .header_down_link_icon { width: 0.5208333vw; height: 0.5208333vw; position: relative; margin-left: 0.5208333vw; -webkit-transform: translateX(-0.5208333vw); transform: translateX(-0.5208333vw); opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; } .header_down_nav_current .header_down_link_title { color: #333333; } .header_down_nav_current .header_down_link_title:after { width: 100%; left: 0; } .header_down_nav_current .header_down_link_icon { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } .header_down_link_icon:after { content: ""; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-right: 0.15625vw solid #37ae35; border-bottom: 0.15625vw solid #37ae35; box-sizing: border-box; -webkit-transform-origin: center; transform-origin: center; } .header_down_nav_swiper .swiper-slide { background: #fff; } .header_hover_black .header_nav_hover .header_nav_link { color: #0047bb; } .header_hover_black .header_nav_active .header_nav_link { color: #0047bb; } .header_hover_black .header_nav_active .header_nav_link:after { background: #0047bb; } .header_hover_black .header_nav_default .header_nav_link { color: #999999; } .header_hover_black .header_nav_hover .header_nav_link { color: #0047bb; } .header_hover_black .header_nav_hover .header_nav_link:after { background: #0047bb; } .header_hover_black .logo_blue { fill: #0047bb; } .header_hover_black .header_nav_link { color: #999999; } .solution_page_banner_content { position: absolute; left: 0; top: 36%; width: 100%; padding: 0 9.8958333vw; z-index: 9; } .solution_page_banner_cn { font-size: 2.6041666vw; line-height: 3.2291666vw; font-weight: bold; color: #fff; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .solution_page_banner_en { font-size: 1.9791666vw; line-height: 2.6041666vw; margin-bottom: 0.78125vw; color: #fff; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .solution_page_content { padding: 7.291666vw 0; } .solution_page_big { padding: 0 9.8958333vw; } .solution_page_title { text-align: center; font-size: 1.927083vw; line-height: 2.8125vw; color: #666666; font-weight: bold; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .solution_page_line { width: 2.91666vw; height: 0.15625vw; background: #999999; margin: 0.78125vw auto; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .solution_page_text { text-align: center; font-size: 1.31875vw; line-height: 2.34375vw; color: #808080; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .solution_page_bjq { padding: 0 4.6875vw; margin-top: 4.16666vw; } .solution_page_bjq, .solution_page_bjq p { font-size: 0.885417vw; line-height: 2.6041666vw; color: #666666; } .solution_page_bjq table, .solution_page_bjq h1, .solution_page_bjq h2, .solution_page_bjq h3, .solution_page_bjq h4, .solution_page_bjq p { opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .solution_page_bjq h2 { text-align: center; font-size: 1.92708333vw; line-height: 2.8125vw; color: #666666; font-weight: bold; } .solution_page_bjq h3 { width: 2.91666vw; height: 0.15625vw; background: #999999; margin: 0.78125vw auto; } .solution_page_bjq h4 { width: 22%; background: #e8e8e8; font-weight: bold; border-radius: 1.40625vw; margin: 0.5208333vw 0; } .solution_page_bjq img { padding: 1.30208333vw 0; max-width: 100%; width: auto; display: inline-block; } .header_show { opacity: 1; -webkit-transform: none; transform: none; } .team_wap_content { width: 76%; margin: 2.6041666vw auto 0; position: relative; } .team_wap_list { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .team_wap_item_box { position: absolute; -webkit-transform: scale(0); transform: scale(0); opacity: 0; pointer-events: none; } .team_wap_item_box:nth-child(1) { left: -2%; top: 40%; width: 5.158968%; } .team_wap_item_box:nth-child(2) { left: 11%; top: 32%; width: 2.819436%; } .team_wap_item_box:nth-child(3) { left: 67%; top: 26.8%; width: 2.9994%; } .team_wap_item_box:nth-child(4) { left: 88%; top: 35.8%; width: 5.69886%; } .team_wap_item_box:nth-child(5) { left: 14%; top: 35.8%; width: 5.518896%; } .team_wap_item_box:nth-child(6) { left: 18%; top: 57.2%; width: 7.19856%; } .team_wap_item_box:nth-child(7) { left: 29%; top: 28.2%; width: 2.219556%; } .team_wap_item_box:nth-child(8) { left: 79%; top: 29.2%; width: 3.35932%; } .team_wap_item_box:nth-child(9) { left: 75%; top: 50%; width: 10.19796%; } .team_wap_back { position: relative; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .team_read_list { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; } .team_tips_item_box { position: absolute; -webkit-align-items: center; align-items: center; opacity: 0; pointer-events: none; -webkit-transform: translateY(1vw); transform: translateY(1vw); } .team_tips_item_box:nth-child(1) { left: -3%; top: 33%; text-align: center; } .team_tips_item_box:nth-child(2) { left: 8%; top: 23%; } .team_tips_item_box:nth-child(3) { left: 90%; top: 30%; text-align: center; } .team_tips_item_box:nth-child(4) { left: 17%; top: 68%; } .team_tips_item_box:nth-child(5) { left: 77.8%; top: 21%; text-align: center; } .team_tips_item_box:nth-child(6) { left: 73.8%; top: 69%; } .team_tips_item_box:nth-child(7) { left: 62.8%; top: 18%; text-align: center; } .team_tips_item_box:nth-child(1) .team_tips_item_tips, .team_tips_item_box:nth-child(3) .team_tips_item_tips, .team_tips_item_box:nth-child(5) .team_tips_item_tips { -webkit-justify-content: center; justify-content: center; } .team_tips_item_read { margin-left: 0; } .team_tips_item_en { font-size: 0.8333vw; line-height: 1.1458333vw; color: #fff; text-transform: uppercase; } .team_tips_item_cn { font-size: 0.67708333vw; line-height: 1.1458333vw; margin-left: 0.5208333vw; color: #fff; } .team_tips_item_text { font-size: 0.625vw; line-height: 1.1458333vw; color: #fff; } .team_promise_box { position: absolute; bottom: -11%; right: 6%; } .team_tips_item_icon { margin-right: 0.5208333vw; } .team_promise_title { font-size: 1.30208333vw; line-height: 1.5625vw; color: #fff; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .team_promise_item_box { -webkit-align-items: center; align-items: center; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .team_promise_icon { width: 1.5625vw; } .team_promise_icon svg { fill: #31b700; } .team_promise_text { margin-left: 0.41666vw; } .team_promise_label { font-size: 0.83333vw; line-height: 1.458333vw; color: #fff; align-items: flex-end; } .team_promise_max { font-size: 1.6666vw; line-height: 2.08333vw; font-weight: bold; color: #fff; } /*首页-第1页*/ .index_page_current .index_about_content .index_about_animate { height: 100%; -webkit-transition: all 1s cubic-bezier(0.5, 0.2, 0.01, 1); transition: all 1s cubic-bezier(0.5, 0.2, 0.01, 1); } .index_page_current .index_about_content .index_about_tit_en { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 100ms; transition-delay: 100ms; } .index_page_current .index_about_content .index_about_tit_box { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 200ms; transition-delay: 200ms; } .index_page_current .index_about_content .index_about_details { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 300ms; transition-delay: 300ms; } .index_page_current .index_about_content .index_about_button { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 400ms; transition-delay: 400ms; } /*首页-第2页*/ .index_page_current .index_business_content .index_public_head { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; } .index_page_current .index_business_content .index_public_line { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 100ms; transition-delay: 100ms; } .index_page_current .index_business_content .index_public_text { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 200ms; transition-delay: 200ms; } .index_page_current .index_business_content .index_business_list { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 300ms; transition-delay: 300ms; } /*首页-第3页*/ .index_page_current .index_pro_content .index_public_head { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; } .index_page_current .index_pro_content .index_public_text { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 100ms; transition-delay: 100ms; } .index_page_current .index_pro_content .index_pro_swiper { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 200ms; transition-delay: 200ms; } .index_page_current .index_pro_content .index_pro_prev { left: -2.3958333vw; opacity: 1; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 300ms; transition-delay: 300ms; } .index_page_current .index_pro_content .index_pro_next { right: -1.71875vw; opacity: 1; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 300ms; transition-delay: 300ms; } /*首页-第4页*/ .index_page_current .index_news_content .index_public_head { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; } .index_page_current .index_news_content .index_news_li { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; } .index_page_current .index_news_content .index_news_swiper { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 100ms; transition-delay: 100ms; } .index_page_current .index_news_content .index_news_more_button { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 200ms; transition-delay: 200ms; } /*首页-END---------------------------------*/ .SolutionBannerShow .solution_page_banner_cn { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 300ms; transition-delay: 300ms; } .SolutionBannerShow .solution_page_banner_en { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 400ms; transition-delay: 400ms; } .SolutionBannerShow .news_page_banner_line { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 500ms; transition-delay: 500ms; } .SolutionHeadShow .solution_page_title { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; } .SolutionHeadShow .solution_page_line { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 100ms; transition-delay: 100ms; } .SolutionHeadShow .solution_page_text { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 200ms; transition-delay: 200ms; } .solution_page_bjq .SolutionContentShow { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; } .ProBannerShow .pro_banner_title { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 300ms; transition-delay: 300ms; } .ProBannerShow .pro_banner_line { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 400ms; transition-delay: 400ms; } .ProBannerShow .pro_banner_text { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 500ms; transition-delay: 500ms; } .ProBannerShow .pro_banner_img { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 600ms; transition-delay: 600ms; } .ProBannerShow .pro_banner_content { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 700ms; transition-delay: 700ms; } .pro_banner_animate .pro_banner_content { -webkit-transition: none; transition: none; -webkit-transition-delay: 0s; transition-delay: 0s; } .ProItemShow { -webkit-transform: none; transform: none; opacity: 1; -webkit-transition: all 1s ease; transition: all 1s ease; } .ProDetailsBannerShow .pro_details_title { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 300ms; transition-delay: 300ms; } .ProDetailsBannerShow .pro_details_en { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 400ms; transition-delay: 400ms; } .ProDetailsBannerShow .pro_details_text { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 500ms; transition-delay: 500ms; } .ProDetailsBannerShow .pro_details_line { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 600ms; transition-delay: 600ms; } .ProDetailsTipsShow .pro_details_tips_en { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; } .ProDetailsTipsShow .pro_details_tips_title { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 100ms; transition-delay: 100ms; } .ProDetailsTipsShow .pro_details_tips_line { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 200ms; transition-delay: 200ms; } .ProDetailsTipsShow .pro_details_tips_text { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 300ms; transition-delay: 300ms; } .pro_data_bjq .ProDataShow { transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; } .ProRelatedHeadShow .pro_related_en { transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; } .ProRelatedHeadShow .pro_related_title { transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 100ms; transition-delay: 100ms; } .ProRelatedHeadShow .pro_related_line { transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 200ms; transition-delay: 200ms; } .ProRelatedItemShow { transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; } .NewBannerShow .news_page_banner_en { transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 300ms; transition-delay: 300ms; } .NewBannerShow .news_page_banner_cn { transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 400ms; transition-delay: 400ms; } .NewBannerShow .news_page_banner_line { transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 500ms; transition-delay: 500ms; } .news_details_bjq .NewContentShow { transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; } .ContactWapShow:after { height: 0; } /*关于我们-第1页*/ .about_page_current .about_introduce_wrap .about_introduce_content:after { height: 0; -webkit-transition: all 1s ease; transition: all 1s ease; } .about_page_current .about_introduce_wrap .about_introduce_en { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 500ms; transition-delay: 500ms; } .about_page_current .about_introduce_wrap .about_introduce_cn { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 600ms; transition-delay: 600ms; } .about_page_current .about_introduce_wrap .about_introduce_line { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 700ms; transition-delay: 700ms; } .about_page_current .about_introduce_wrap .about_foot_en { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 800ms; transition-delay: 800ms; } .about_page_current .about_introduce_wrap .about_foot_title { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 900ms; transition-delay: 900ms; } .about_page_current .about_introduce_wrap .about_foot_read { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 900ms; transition-delay: 900ms; } /*关于我们-第2页*/ .about_page_current .about_culture_wrap .index_public_head { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s ease; transition: all 1s ease; } .about_page_current .about_culture_wrap .index_public_line { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 100ms; transition-delay: 100ms; } .about_page_current .about_culture_wrap .about_culture_item_read { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 200ms; transition-delay: 200ms; } /*关于我们-第3页*/ .about_page_current .about_message_wrap .index_public_head { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; } .about_page_current .about_message_wrap .index_public_line { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 100ms; transition-delay: 100ms; } .about_page_current .about_message_wrap .index_public_text { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 200ms; transition-delay: 200ms; } .about_page_current .about_message_wrap .about_message_item_box:nth-child(1) .about_message_item_label { -webkit-transform: none; transform: none; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 300ms; transition-delay: 300ms; } .about_page_current .about_message_wrap .about_message_item_box:nth-child(1) .about_message_item_svg svg { stroke-dashoffset: 0; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 300ms; transition-delay: 300ms; } .about_page_current .about_message_wrap .about_message_item_box:nth-child(1) .about_message_item_title { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 800ms; transition-delay: 800ms; } .about_page_current .about_message_wrap .about_message_item_box:nth-child(1) .about_message_item_text { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 900ms; transition-delay: 900ms; } .about_page_current .about_message_wrap .about_message_item_box:nth-child(2) .about_message_item_label { -webkit-transform: none; transform: none; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 1200ms; transition-delay: 1200ms; } .about_page_current .about_message_wrap .about_message_item_box:nth-child(2) .about_message_item_svg svg { stroke-dashoffset: 0; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 1300ms; transition-delay: 1300ms; } .about_page_current .about_message_wrap .about_message_item_box:nth-child(2) .about_message_item_title { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 1700ms; transition-delay: 1700ms; } .about_page_current .about_message_wrap .about_message_item_box:nth-child(2) .about_message_item_text { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 1800ms; transition-delay: 1800ms; } /*关于我们-第4页*/ .about_page_current .about_company_wrap .index_public_head { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s ease; transition: all 1s ease; } .about_page_current .about_company_wrap .index_public_line { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 100ms; transition-delay: 100ms; } .about_page_current .about_company_wrap .about_company_item_head { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 200ms; transition-delay: 200ms; } .about_page_current .about_company_wrap .about_company_item_read { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 300ms; transition-delay: 300ms; } .about_page_current .about_company_wrap .about_company_btn_item { opacity: 1; pointer-events: auto; margin: 0; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 400ms; transition-delay: 400ms; } /*关于我们-第5页*/ .about_page_current .index_business_content .index_public_head { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 100ms; transition-delay: 100ms; } .about_page_current .index_business_content .index_public_line { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 200ms; transition-delay: 200ms; } .about_page_current .index_business_content .index_public_text { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 300ms; transition-delay: 300ms; } .about_page_current .index_business_content .index_business_list { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 400ms; transition-delay: 400ms; } /*关于我们-第6页*/ .about_page_current .index_platform_wrap .index_platform_circle_svg { stroke-dashoffset: 0; -webkit-transition: all 1s ease; transition: all 1s ease; } .about_page_current .index_platform_wrap .index_platform_circle_head { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 300ms; transition-delay: 300ms; } .about_page_current .index_platform_wrap .platform_circle_white_box { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 400ms; transition-delay: 400ms; } .about_page_current .index_platform_wrap .platform_circle_jt_box { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 700ms; transition-delay: 700ms; } .about_page_current .index_platform_wrap .platform_circle_item_box:nth-child(1) .platform_circle_item_icon { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 800ms; transition-delay: 800ms; } .about_page_current .index_platform_wrap .platform_circle_item_box:nth-child(1) .platform_circle_item_text { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 900ms; transition-delay: 900ms; } .about_page_current .index_platform_wrap .platform_circle_item_box:nth-child(2) .platform_circle_item_icon { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1000ms; transition-delay: 1000ms; } .about_page_current .index_platform_wrap .platform_circle_item_box:nth-child(2) .platform_circle_item_text { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1100ms; transition-delay: 1100ms; } .about_page_current .index_platform_wrap .platform_circle_item_box:nth-child(3) .platform_circle_item_icon { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1200ms; transition-delay: 1200ms; } .about_page_current .index_platform_wrap .platform_circle_item_box:nth-child(3) .platform_circle_item_text { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1300ms; transition-delay: 1300ms; } .about_page_current .index_platform_wrap .platform_circle_item_box:nth-child(4) .platform_circle_item_icon { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1400ms; transition-delay: 1400ms; } .about_page_current .index_platform_wrap .platform_circle_item_box:nth-child(4) .platform_circle_item_text { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1500ms; transition-delay: 1500ms; } .about_page_current .index_platform_wrap .platform_circle_item_box:nth-child(5) .platform_circle_item_icon { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1600ms; transition-delay: 1600ms; } .about_page_current .index_platform_wrap .platform_circle_item_box:nth-child(5) .platform_circle_item_text { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1700ms; transition-delay: 1700ms; } /*关于我们-第7页*/ .about_page_current .index_honor_wrap .index_public_head { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; } .about_page_current .index_honor_wrap .index_public_line { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 100ms; transition-delay: 100ms; } .about_page_current .index_honor_wrap .index_honor_list { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 200ms; transition-delay: 200ms; } .about_page_current .index_honor_wrap .index_honor_jb { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 300ms; transition-delay: 300ms; } .about_page_current .index_honor_wrap .index_honor_certificates_img { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 300ms; transition-delay: 300ms; } /*关于我们-第8页*/ .about_page_current .about_quality_wrap .index_public_head { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; } .about_page_current .about_quality_wrap .index_public_line { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 100ms; transition-delay: 100ms; } .about_page_current .about_quality_wrap .index_public_text { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 200ms; transition-delay: 200ms; } .about_page_current .about_quality_wrap .about_quality_item_box { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 300ms; transition-delay: 300ms; } /*关于我们-第9页*/ .about_page_current .about_project_wrap .index_public_head { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; } .about_page_current .about_project_wrap .index_public_line { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 100ms; transition-delay: 100ms; } .about_page_current .about_project_wrap .index_public_title { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 200ms; transition-delay: 200ms; } .about_page_current .about_project_wrap .index_public_text { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 300ms; transition-delay: 300ms; } .about_page_current .about_project_wrap .about_project_item_box:nth-child(1) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 400ms; transition-delay: 400ms; } .about_page_current .about_project_wrap .about_line_item_box:nth-child(1) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 600ms; transition-delay: 600ms; } .about_page_current .about_project_wrap .about_project_item_box:nth-child(2) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1800ms; transition-delay: 800ms; } .about_page_current .about_project_wrap .about_line_item_box:nth-child(2) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1000ms; transition-delay: 1000ms; } .about_page_current .about_project_wrap .about_text_item_box:nth-child(1) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1100ms; transition-delay: 1100ms; } .about_page_current .about_project_wrap .about_project_item_box:nth-child(3) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1200ms; transition-delay: 1200ms; } .about_page_current .about_project_wrap .about_line_item_box:nth-child(3) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1400ms; transition-delay: 1400ms; } .about_page_current .about_project_wrap .about_text_item_box:nth-child(2) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1500ms; transition-delay: 1500ms; } .about_page_current .about_project_wrap .about_project_item_box:nth-child(4) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1600ms; transition-delay: 1600ms; } .about_page_current .about_project_wrap .about_line_item_box:nth-child(4) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1800ms; transition-delay: 1800ms; } .about_page_current .about_project_wrap .about_text_item_box:nth-child(3) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1900ms; transition-delay: 1900ms; } .about_page_current .about_project_wrap .about_project_item_box:nth-child(5) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 2000ms; transition-delay: 2000ms; } .about_page_current .about_project_wrap .about_line_item_box:nth-child(5) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 2200ms; transition-delay: 2200ms; } .about_page_current .about_project_wrap .about_text_item_box:nth-child(4) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 2300ms; transition-delay: 2300ms; } .about_page_current .about_project_wrap .about_project_item_box:nth-child(6) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 2400ms; transition-delay: 2400ms; } .about_page_current .about_project_wrap .about_line_item_box:nth-child(6) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 2600ms; transition-delay: 2600ms; } .about_page_current .about_project_wrap .about_text_item_box:nth-child(5) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 2700ms; transition-delay: 2700ms; } .about_page_current .about_project_wrap .about_project_item_box:nth-child(7) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 2800ms; transition-delay: 2800ms; } /*关于我们-第10页*/ .about_page_current .about_team_wrap .index_public_head { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; } .about_page_current .about_team_wrap .index_public_line { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 100ms; transition-delay: 100ms; } .about_page_current .about_team_wrap .team_wap_back { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 200ms; transition-delay: 200ms; } .about_page_current .about_team_wrap .team_wap_item_box:nth-child(1) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 600ms; transition-delay: 600ms; } .about_page_current .about_team_wrap .team_tips_item_box:nth-child(1) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 900ms; transition-delay: 900ms; } .about_page_current .about_team_wrap .team_wap_item_box:nth-child(2) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 700ms; transition-delay: 700ms; } .about_page_current .about_team_wrap .team_tips_item_box:nth-child(2) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1000ms; transition-delay: 1000ms; } .about_page_current .about_team_wrap .team_wap_item_box:nth-child(3) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 800ms; transition-delay: 800ms; } .about_page_current .about_team_wrap .team_wap_item_box:nth-child(4) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 900ms; transition-delay: 900ms; } .about_page_current .about_team_wrap .team_tips_item_box:nth-child(3) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1200ms; transition-delay: 1200ms; } .about_page_current .about_team_wrap .team_wap_item_box:nth-child(5) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1000ms; transition-delay: 1000ms; } .about_page_current .about_team_wrap .team_wap_item_box:nth-child(6) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1100ms; transition-delay: 1100ms; } .about_page_current .about_team_wrap .team_tips_item_box:nth-child(4) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1400ms; transition-delay: 1400ms; } .about_page_current .about_team_wrap .team_wap_item_box:nth-child(7) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1200ms; transition-delay: 1200ms; } .about_page_current .about_team_wrap .team_wap_item_box:nth-child(8) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1300ms; transition-delay: 1300ms; } .about_page_current .about_team_wrap .team_tips_item_box:nth-child(5) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1600ms; transition-delay: 1600ms; } .about_page_current .about_team_wrap .team_wap_item_box:nth-child(9) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1400ms; transition-delay: 1400ms; } .about_page_current .about_team_wrap .team_tips_item_box:nth-child(6) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1700ms; transition-delay: 1700ms; } .about_page_current .about_team_wrap .team_tips_item_box:nth-child(7) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1800ms; transition-delay: 1800ms; } .about_page_current .about_team_wrap .team_promise_title { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1800ms; transition-delay: 1800ms; } .about_page_current .about_team_wrap .team_promise_item_box:nth-child(1) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1900ms; transition-delay: 1900ms; } .about_page_current .about_team_wrap .team_promise_item_box:nth-child(2) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 2000ms; transition-delay: 2000ms; } .about_page_current .about_team_wrap .team_promise_item_box:nth-child(3) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 2100ms; transition-delay: 2100ms; } .solution_nav_wrap { display: none; } .index_platform_circle_wap_box { display: none; } .pro_page_swiper .swiper-slide { background: #f2f2f2; } .solution_list_wrap { position: relative; padding: 0 14.0625vw; } .solution_list_back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .solution_list_box { width: 100%; height: 100vh; position: relative; z-index: 9; -webkit-align-items: center; align-items: center; } .solution_ul_item_box { width: 50%; padding: 0 5.7291666vw; } .solution_ul_item_icon { position: relative; margin: 0 auto; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .solution_ul_item_back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(1.247191); transform: scale(1.247191); } .solution_ul_item_label { position: relative; font-size: 4.375vw; color: #fff; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; z-index: 9; } .solution_ul_item_icon { width: 9.791666vw; height: 9.791666vw; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .solution_ul_item_title { margin-top: 1.5625vw; line-height: 2.6041666vw; font-size: 1.51041666vw; font-weight: bold; text-align: center; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .solution_ul_item_read { font-size: 0.88541666vw; line-height: 1.30208333vw; height: 7.8125vw; margin-top: 0.78125vw; text-align: center; color: #999999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .solution_ul_slide { position: relative; margin-bottom: 1.041666vw; } .solution_ul_image { position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 106.98689%; } .solution_ul_slide a { position: relative; z-index: 9; font-size: 0.98958333vw; line-height: 2.08333vw; -webkit-border-radius: 1.041666vw; border-radius: 1.041666vw; color: #fff; text-align: center; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; } .solution_ul_tab { margin-top: 1.041666vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .solution_list_content { margin-top: 4.4791666vw; width: 100%; } .SolutionList .solution_ul_item_icon { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s ease; transition: all 1s ease; } .SolutionList .solution_ul_item_title { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 100ms; transition-delay: 100ms; } .SolutionList .solution_ul_item_read { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 200ms; transition-delay: 200ms; } .SolutionList .solution_ul_tab { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 300ms; transition-delay: 300ms; } .header_wap_wrap { display: none; } .footer_contact_box { margin-left: 0.78125vw; padding-left: 3.6458333vw; position: relative; } .footer_contact_box:after { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #fff; } .footer_contact_icon { font-size: 1.19791666vw; color: #fff; } .footer_contact_icon.icon-a-18 { font-size: 1.5625vw; } .footer_contact_item { -webkit-align-items: center; align-items: center; margin-bottom:0.5208333vw; } .footer_contact_item:last-child { margin-bottom: 0; } .footer_contact_read { padding-left: 0.5208333vw; } .footer_contact_title { font-size: 0.78125vw; line-height: 0.9375vw; color: #fff; } .footer_contact_text a, .footer_contact_text { font-size: 0.78125vw; line-height: 0.9375vw; color: #fff; } .footer_address_wrap { -webkit-align-items: center; align-items: center; }