/*@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-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; } .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; } .Barlow-Regular { font-family: "Barlow-Regular", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important; } .Barlow-SemiBold { font-family: "Barlow-SemiBold", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important; } .Barlow-Thin { font-family: "Barlow-Thin", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important; } .Futura { font-family: "Futura", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important; } .Gothic { font-family: "Gothic", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important; } .DIN-Medium { font-family: "DIN-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important; } .DIN-Regular { font-family: "DIN-Regular", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important; } .QUALY-BOLD { font-family: "QUALY-BOLD-2", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important; } /* @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); } @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); } */ * { margin: 0; padding: 0; box-sizing: border-box; word-wrap: break-word !important; word-break: normal !important; } body { overflow: hidden; } html, body { font-family: "Manrope-Regular", "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 { 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; } .gallery-top { width: 100%; height: auto; margin-top: 70px } .gallery-top .swiper-slide { width: 100%; } .gallery-top .swiper-slide .tp { width: 100%; } .gallery-top .swiper-slide .tp img { width: 100%; -moz-transition: all 4.5s linear; -o-transition: all 4.5s linear; transition: all 4.5s linear; } .gallery-top .swiper-pagination { bottom: 20px !important; } .gallery-top .swiper-pagination-bullet { width: 12px; height: 12px; display: inline-block; border: #fff 1px solid; opacity: 1; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: none; } .gallery-top .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #0877ec; } @media only screen and (max-width:992px) { .gallery-top { width: 100%; height: auto; margin-top: 60px } .gallery-top .swiper-pagination { bottom: 10px !important; } .gallery-top .swiper-slide { width: 100%; height: auto; } .gallery-top .swiper-slide .w_z h1 { font-size: 20px; color: #fff; line-height: 40px; margin-bottom: 10px; font-weight: bold; letter-spacing: 2px; } .gallery-top .swiper-slide .w_z h3 { font-size: 16px; color: #fff; line-height: 30px; } .gallery-top .swiper-slide-active .w_z { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; top: 10% } .carousel-scroll-btn { z-index: 56; position: absolute; bottom: 20px; left: 8.6%; width: 42px; height: 42px; border: 1px solid #fff; border-radius: 100%; overflow: hidden; cursor: pointer; } .carousel-scroll-btn .carousel-scroll-btn-icon { position: absolute; display: block; width: 42px; height: 42px; margin: 0 auto; background: url(../images/icon2.png) no-repeat center center; cursor: pointer; animation: downico 1.5s ease-out infinite; } .gallery-top .swiper-slide .link { width: 135px; height: 40px; background: #0877ec url(../images/icon22.png) 92px center no-repeat; display: block; font-size: 14px; line-height: 40px; color: #fff; font-family: 'sheepsansbol'; padding-left: 20px; margin-top: 38px; } } /*!*滚动条整体部分，可以设置宽度等*!*/ /*::-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: 9999; width: 100%; height: 100%; } .loading_box { width: 100%; height: 100%; z-index: 9; position: relative; } .loading_back_box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 8; } .loading_back_box:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #000; z-index: 4; } .loading_back_box:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #555; z-index: 3; } .loading_back_item { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; z-index: 2; } .loading_svg { width: 100vw; height: 100vh; } .load_back_circle { -webkit-transition: all .8s cubic-bezier(.645, .045, .355, 1); transition: all .8s cubic-bezier(.645, .045, .355, 1); } .loading_logo { width: 110%; margin: 0 auto; fill: #fff; position: absolute; top: 50%; left: 50%; z-index: 9; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .loading_logo svg { fill: none; stroke-width: 1.25vw; stroke: #fff; } .loading_item_box { -webkit-transition: all .8s cubic-bezier(0.8, 0, 0.2, 1); transition: all .8s cubic-bezier(0.8, 0, 0.2, 1); } .loading_item_box:nth-child(1) { stroke-dasharray: 131; stroke-dashoffset: 131; } .loading_item_box:nth-child(2) { stroke-dasharray: 340; stroke-dashoffset: 340; } .loading_item_box:nth-child(3) { stroke-dasharray: 120; stroke-dashoffset: 120; } .loading_item_box:nth-child(4) { stroke-dasharray: 211; stroke-dashoffset: 211; } .loading_animate .loading_logo svg g { filter: url(#goo-3); } .loading_animate:after { top: -100%; -webkit-transition: all .8s cubic-bezier(0.8, 0, 0.2, 1); transition: all .8s cubic-bezier(0.8, 0, 0.2, 1); -webkit-transition-delay: .3s; transition-delay: .3s; } .loading_animate .loading_back_box:after { height: 0; -webkit-transition: all 1s cubic-bezier(0.8, 0, 0.2, 1); transition: all 1s cubic-bezier(0.8, 0, 0.2, 1); -webkit-transition-delay: .6s; transition-delay: .6s; } .loading_animate .loading_back_box:before { height: 0; -webkit-transition: all 1s cubic-bezier(0.8, 0, 0.2, 1); transition: all 1s cubic-bezier(0.8, 0, 0.2, 1); -webkit-transition-delay: .75s; transition-delay: .75s; } .loading_animate .loading_back_item { height: 0; -webkit-transition: all 1s cubic-bezier(0.8, 0, 0.2, 1); transition: all 1s cubic-bezier(0.8, 0, 0.2, 1); -webkit-transition-delay: .85s; transition-delay: .85s; } .fl { float: left; } .fr { float: right; } .content_center { padding: 0 8.3333vw; position: relative; } .gy_tp { position: relative; padding: 0 8.3333vw; } .about_tp { width: 75%; float: right; margin-top: -5vh; } .about_tp img { width: 100%; display: block; } .index_banner_wrap { height: 100vh; width: 100%; -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transform-origin: top center; transform-origin: top center; position: fixed; left: 0; top: 0; } .index_banner_tab { width: 100%; height: 100%; } .index_banner_content { position: relative; height: 100%; } .index_banner_img { position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .index_banner_img video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .index_banner_big { align-items: center; height: 100%; width: 100%; z-index: 9; position: relative; } .index_banner_page { width: 100%; } .index_banner_title_box {} .index_banner_title_label { font-size: 3.6458333vw; line-height: 4.2708333vw; color: #fff; -webkit-transform: translateY(300%) skewY(8deg); transform: translateY(300%) skewY(8deg); } .index_banner_text_box { margin-top: 1.041666vw; } .index_banner_text_label { font-size: 2.86458333vw; line-height: 3.541666vw; color: #fff; -webkit-transform: translateY(300%) skewY(6deg); transform: translateY(300%) skewY(6deg); } .videobgop:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, .6); } .index_banner_en_box {} .index_banner_english { margin-top: 2.6041666vw; } .index_banner_en_label { font-size: 0.9375vw; line-height: 1.3541666vw; color: rgba(255, 255, 255, .3); -webkit-transform: translateY(100%); transform: translateY(100%); } .index_banner_hide { overflow: hidden; } .index_banner_button { z-index: 10; width: 5.9375vw; height: 5.9375vw; -webkit-transform: scale(0); transform: scale(0); opacity: 0; } .index_banner_button a { -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 100%; height: 100%; } .index_banner_btn_circle { position: absolute; left: 0; top: 0; width: 100%; height: 100%; fill: #fff; } .index_banner_btn_icon { width: 1.19791666vw; fill: #fff; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .index_banner_tab .swiper-slide-active .index_banner_title_label { -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .index_banner_tab .swiper-slide-active .index_banner_text_label { -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .1s; transition-delay: .1s; } .index_banner_tab .swiper-slide-active .index_banner_en_box:nth-child(1) .index_banner_en_label { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .2s; transition-delay: .2s; } .index_banner_tab .swiper-slide-active .index_banner_en_box:nth-child(2) .index_banner_en_label { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .3s; transition-delay: .3s; } .AddIndexAboutsj .index_pro_item_img img { -webkit-transform: none; transform: none; -webkit-transition: all 1.2s cubic-bezier(.4, 0, .2, 1); transition: all 1.2s cubic-bezier(.4, 0, .2, 1); } .index_about_wrap .shuj { padding: 50px 60px 40px; background: #0231e2; overflow: hidden; top: 0px; position: absolute; width: 880px; box-sizing: border-box; right: 8.3333vw; z-index: 999; opacity: 0; } .AddIndexAboutsj { opacity: 1 !important; top: -135px !important; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transform: none; transform: none; -webkit-transition: all 1.2s cubic-bezier(.4, 0, .2, 1); transition: all 1.2s cubic-bezier(.4, 0, .2, 1); } .product-number-info { position: relative; } .product-number-info .product-number-inner { width: 100%; margin: 0 auto; } .product-number-info ul { display: flex; justify-content: space-between; } .q { zoom: 1; } .product-number-info li { text-align: center; float: left; color: #fff; padding-top: 1px; padding: 0 50px 0 40px; position: relative; } .product-number-info li:first-child { padding-left: 0; } .product-number-info li::before { position: absolute; right: 0; top: 50%; margin-top: -30px; width: 1px; background-color: rgba(255, 255, 255, 0.8); content: ""; height: 70px; } .product-number-info li:last-child { padding-right: 25px; } .product-number-info li:last-child::before { display: none; } .product-number-info li b { font-size: 60px; line-height: 1; display: inline-block; position: relative; margin: 15px 0 10px; } .product-number-info li p { font-size: 18px; letter-spacing: 1px; } .product-number-info li b i { font-style: normal; font-family: Lato-Light; font-weight: normal; } .product-number-info li b sup { position: absolute; font-size: 24px; right: -25px; top: -3px; font-weight: normal; } .product-number-info li.li-2 b, .product-number-info li.li-2 p {} .product-number-info li b em { font-style: normal; font-size: 28px; font-weight: 100; padding-left: 2px; position: relative; top: -4px; } .index_about_wrap .shuj h3 { font-size: 36px; line-height: 60px; border-bottom: #fff 1px solid; color: #fff; margin-top: 40px; font-weight: 200; font-family: "思源黑体 CN Regular"; letter-spacing: 2px; } .index_about_wrap .shuj .more a { line-height: 55px; font-size: 20px; color: #fff; display: block } .index_about_wrap .shuj .more .fr { padding-right: 10px; font-size: 24px; } .index_about_wrap .shuj .more:hover .fr { padding-right: 0px; transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; } .index_about_max_label:first-child { color: #0877ec; } .index_about_title_max .index_about_tit_h1 { font-size: 3.125vw; line-height: 3.75vw; font-weight: bold; color: #222222; } .index_about_title_max .index_about_tit_h1 span { color: #0877ec; } .index_about_title_min { margin-top: 0.78125vw; } .index_about_title_min .index_about_min_h1 { font-size: 2.08333vw; line-height: 2.708333vw; font-weight: bold; color: #222222; } .index_about_big { padding: 5.25vw 0; -webkit-align-items: center; align-items: center; } .index_about_title_box { width: 50%; margin-right: 5% } .index_about_title_read { margin-top: 2.08333vw; } .index_about_title_label { font-size: 0.833333vw; line-height: 36px; color: #444444; } .index_about_mask_box { width: 45%; position: relative; overflow: hidden; } .index_about_mask_box:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #fff; } .index_about_mask_back { position: absolute; left: 0; top: 0; width: 100%; } .index_about_mask_back img { width: 100%; } .index_about_mask_img { padding-bottom: 80%; } .index_about_button .index_public_button { -webkit-transform: scale(0); transform: scale(0); } .index_pro_button .index_public_button { -webkit-transform: scale(0); transform: scale(0); } .index_advantage_button .index_public_button { -webkit-transform: scale(0); transform: scale(0); } .index_news_tips_button .index_public_button { -webkit-transform: scale(0); transform: scale(0); } .index_public_button a { width: 4.1666vw; height: 4.1666vw; position: relative; } .index_public_circle_after { -webkit-border-radius: 100%; border-radius: 100%; overflow: hidden; position: relative; width: 100%; height: 100%; z-index: 1; } .index_public_circle_after:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid rgba(17, 17, 17, .2); -webkit-border-radius: 100%; border-radius: 100%; box-sizing: border-box; z-index: 1; } .index_public_circle_after:before { content: ""; position: absolute; width: 100%; height: 100%; -webkit-border-radius: 100%; border-radius: 100%; background: #0877ec; z-index: 2; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .8s cubic-bezier(0.23, 1, 0.32, 1); transition: all .8s cubic-bezier(0.23, 1, 0.32, 1); } .index_public_circle_before { -webkit-border-radius: 100%; border-radius: 100%; overflow: hidden; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 40%; height: 40%; z-index: 2; -webkit-transition: all .8s cubic-bezier(0.23, 1, 0.32, 1); transition: all .8s cubic-bezier(0.23, 1, 0.32, 1); } .index_public_circle_before:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid rgba(17, 17, 17, 1); -webkit-border-radius: 100%; border-radius: 100%; box-sizing: border-box; background: #fff; } .index_public_circle_before:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #f2f2f2; -webkit-border-radius: 100%; border-radius: 100%; z-index: 2; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .8s cubic-bezier(0.23, 1, 0.32, 1); transition: all .8s cubic-bezier(0.23, 1, 0.32, 1); } .index_public_circle_icon { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 40%; height: 40%; z-index: 3; -webkit-transition: all .8s cubic-bezier(0.23, 1, 0.32, 1); transition: all .8s cubic-bezier(0.23, 1, 0.32, 1); } .index_public_circle_label { 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_public_circle_label svg { width: 37.5%; fill: rgba(17, 17, 17, 1); -webkit-transition: all .8s cubic-bezier(0.23, 1, 0.32, 1); transition: all .8s cubic-bezier(0.23, 1, 0.32, 1); } .index_public_circle_hover svg { -webkit-transform: translateX(-1.041666vw); transform: translateX(-1.041666vw); opacity: 0; } .index_public_white .index_public_circle_after:after { border: 1px solid rgba(255, 255, 255, .2); } .index_public_white .index_public_circle_after:before { background: #fff; } .index_public_white .index_public_circle_before:before { background: #0877ec; } .index_public_white .index_public_circle_label svg { fill: #fff; } .index_public_white .index_public_circle_before:after { border: 1px solid #fff; background: rgba(255, 255, 255, 0); } .index_public_button a:hover .index_public_circle_after:before { -webkit-transform: none; transform: none; } .index_public_button a:hover .index_public_circle_before { width: 66%; height: 66%; } .index_public_button a:hover .index_public_circle_before:before { -webkit-transform: scale(1); transform: scale(1); } .index_public_button a:hover .index_public_circle_hover svg { -webkit-transform: none; transform: none; opacity: 1; } .index_public_button a:hover .index_public_circle_default svg { -webkit-transform: translateX(1.041666vw); transform: translateX(1.041666vw); opacity: 0; } .index_about_item_box { width: 23.9375%; margin: 0 1.416666% 0 0; opacity: 0; pointer-events: none; -webkit-transform: translateY(5vw); transform: translateY(5vw); } .index_about_item_box:nth-child(4n) { margin: 0; } .index_about_item_content { background: #fff; -webkit-transition: all .6s ease; transition: all .6s ease; position: relative; -webkit-border-radius: 0.78125vw; border-radius: 0.78125vw; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); } .index_about_item_box.l2 .index_about_item_content { background: #0877ec; } .index_about_item_content a { width: 100%; position: relative; padding: 2.708333vw 2.6041666vw 2.08333vw 2.6041666vw; position: relative; z-index: 9; } .index_about_item_content:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; -webkit-border-radius: 0.78125vw; border-radius: 0.78125vw; pointer-events: none; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_about_item_box:hover .index_about_item_content { margin-top: -1.5625vw; } .index_about_item_box:hover .index_about_item_content:after { background: #0877ec; border: none; } .index_about_item_box:hover .index_about_item_icon svg path { stroke: #fff; } .index_about_item_box:hover .index_about_item_title h2 { color: #fff; } .index_about_item_box:hover .index_about_item_text { color: #fff; } .index_about_item_box.l2 .index_about_item_content:after { background: #0877ec; border: none; } .index_about_item_box.l2 .index_about_item_icon svg path { stroke: #fff; } .index_about_item_box.l2 .index_about_item_title h2 { color: #fff; } .index_about_item_box.l2 .index_about_item_text { color: #fff; } .index_about_item_icon { width: 4.58333vw; } .index_about_item_icon svg { stroke: #333333; stroke-width: .8px; fill: none; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_about_item_title { margin-top: 1.041666vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_about_item_title h2 { font-size: 1.3541666vw; line-height: 1.9791666vw; color: #333333; font-weight: bold; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_about_item_read { margin-top: 6.25vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_about_item_text { font-size: 0.7291666vw; line-height: 1.458333vw; color: #333333; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_about_item_text span { width: 50%; float: left; display: block; } .index_about_tab { padding: 4.1666vw 0 1.208333vw 0; position: relative; overflow: hidden; } .index_about_tab:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 55.55555%; -webkit-transform: translateY(100%); transform: translateY(100%); } .index_about_list { position: relative; z-index: 9; } .AddIndexAboutItem { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); } .AddIndexAboutItem .index_about_item_icon svg path { stroke-dashoffset: 0 !important; -webkit-transition: all 1s ease !important; transition: all 1s ease !important; } .AddIndexAboutItem .index_about_item_icon svg circle { stroke-dashoffset: 0 !important; -webkit-transition: all 1s ease !important; transition: all 1s ease !important; } .AddIndexAboutItem .index_about_item_icon svg line { stroke-dashoffset: 0 !important; -webkit-transition: all 1s ease !important; transition: all 1s ease !important; } .AddIndexAboutItem .index_about_item_title { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s cubic-bezier(0.23, 1, 0.32, 1); transition: all .8s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transition-delay: .4s; transition-delay: .4s; } .AddIndexAboutItem .index_about_item_read { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s cubic-bezier(0.23, 1, 0.32, 1); transition: all .8s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transition-delay: .5s; transition-delay: .5s; } .index_about_active:after { -webkit-transform: none; transform: none; -webkit-transition: all .8s cubic-bezier(0.23, 1, 0.32, 1); transition: all .8s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transition-delay: .4s; transition-delay: .4s; } .index_case_wrap { position: relative; overflow: hidden; } .public_back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .index_case_back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .index_case_back img { padding: 0 10.41666vw; } .index_case_box { padding: 7.03125vw 0 4.42708333vw 0; position: relative; z-index: 9; } .index_case_details { width: 31.6666%; } .index_case_item_box { width: 100%; } .index_case_details_tab { width: 38%; -webkit-transform: translateX(-10vw); transform: translateX(-10vw); opacity: 0; -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88); transition: all .8s cubic-bezier(.78, .11, .16, .88); } .index_case_pic_tab { width: 62%; -webkit-transform: translateX(10vw); transform: translateX(10vw); opacity: 0; -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88); transition: all .8s cubic-bezier(.78, .11, .16, .88); } .AddCaseContent .index_case_details_tab { -webkit-transform: none; transform: none; opacity: 1; } .AddCaseContent .index_case_pic_tab { -webkit-transform: none; transform: none; opacity: 1; } .AddCaseContent .index_case_pagination_box { -webkit-transform: none; transform: none; pointer-events: auto; opacity: 1; -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88); transition: all .8s cubic-bezier(.78, .11, .16, .88); -webkit-transition-delay: .1s; transition-delay: .1s; } .index_case_photo { padding: 0.41666vw 4.1666vw 6.25vw 4.1666vw; position: relative; } .index_case_computer { position: absolute; left: -1.85%; top: 0; width: 104.2338%; pointer-events: none; } .index_case_img { padding-bottom: 56.1824%; z-index: 9; border-radius: 0.7291666vw 0.7291666vw 0 0; } .index_case_swiper { width: 100%; } .index_case_title { font-size: 3.6458333vw; line-height: 4.1666vw; color: #fff; font-weight: bold; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_case_subtitle { font-size: 0.9375vw; line-height: 1.458333vw; margin-top: 0.78125vw; color: #0877ec; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_case_read { margin-top: 4.1666vw; font-size: 0.833333vw; line-height: 1.82291666vw; color: #ffffff; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_case_button { margin-top: 5.208333vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_case_details_swiper .swiper-slide-active .index_case_title { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88); transition: all .8s cubic-bezier(.78, .11, .16, .88); } .index_case_details_swiper .swiper-slide-active .index_case_subtitle { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88); transition: all .8s cubic-bezier(.78, .11, .16, .88); -webkit-transition-delay: 100ms; transition-delay: 100ms; } .index_case_details_swiper .swiper-slide-active .index_case_read { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88); transition: all .8s cubic-bezier(.78, .11, .16, .88); -webkit-transition-delay: 200ms; transition-delay: 200ms; } .index_case_details_swiper .swiper-slide-active .index_case_button { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88); transition: all .8s cubic-bezier(.78, .11, .16, .88); -webkit-transition-delay: 300ms; transition-delay: 300ms; } .index_case_pagination_box { width: 100%; -webkit-align-items: center; align-items: center; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_case_pagination_line { width: 90.625%; height: 0.1041666vw; background: rgba(255, 255, 255, .2); } .index_case_pagination_after { height: 100%; width: 0; background: rgba(255, 255, 255, 1); position: relative; } .index_case_pagination_after:after { content: ""; position: absolute; right: -0.26041666vw; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #fff; -webkit-border-radius: 100%; border-radius: 100%; width: 0.5208333vw; height: 0.5208333vw; } .index_case_pagination_animate { width: 100%; -webkit-transition: all 6s linear; transition: all 6s linear; } .index_case_pagination_button { width: 9.375%; padding-left: 1.458333vw; -webkit-justify-content: space-between; justify-content: space-between; } .index_case_pagination_btn { width: 2.6041666vw; height: 2.6041666vw; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; position: relative; outline: none; cursor: pointer; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_case_pagination_btn:nth-child(1) { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .index_case_pagination_btn:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-border-radius: 100%; border-radius: 100%; box-sizing: border-box; border: 1px solid #fff; } .index_case_pagination_icon { width: 32%; } .index_case_pagination_icon svg { fill: #fff; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_case_pagination_btn:hover { background: #fff; } .index_case_pagination_btn:hover .index_case_pagination_icon svg { fill: #1142f8; } .index_pro_box { padding: 5.25vw 0 0; } .index_pro_box1 { padding: 3vw 0 0; } .index_pro_box2 { padding: 3vw 0 5.25vw; } .index_pro_head { -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } .index_pro_title_text { font-size: 2.7vw; line-height: 3.38541666vw; font-weight: bold; color: #222; margin-bottom: 10px } .index_pro_title_text1 { font-size: 2vw; line-height: 3.38541666vw; font-weight: normal; color: #0877ec; margin-bottom: 10px } .index_pro_title_max { -webkit-transform: translateY(250%) skewY(6deg); transform: translateY(250%) skewY(6deg); } .index_pro_title_color { color: #0877ec; font-weight: bold } .index_pro_subtitle_text { margin-top: 0.26041666vw; font-size: 1.4vw; line-height: 2.34375vw; color: #222222; } .index_pro_subtitle_text2 { margin-top: 0.26041666vw; font-size: 1vw; line-height: 2.34375vw; color: #222222; } .index_pro_subtitle_label { -webkit-transform: translateY(250%) skewY(6deg); transform: translateY(250%) skewY(6deg); } .case_page_box { margin-top: 4.1666vw; } .index_pro_item_box { width: 32.1875%; margin: 0 1.71875% 1.71875% 0; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_pro_item_box1 { width: 23.7109%; margin: 0 1.71875% 1.71875% 0; opacity: 1; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_pro_item_box1 a { display: block; overflow: hidden; } .index_pro_item_box1:nth-child(4n) { margin: 0 0 1.71875% 0; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .2s; transition-delay: .2s; } .index_pro_item_box1 img { width: 100% } .index_pro_item_box:nth-child(3n+1) { -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .index_pro_item_box:nth-child(3n+2) { -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .1s; transition-delay: .1s; } .index_pro_item_box:nth-child(3n) { margin: 0 0 1.71875% 0; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .2s; transition-delay: .2s; } .AddIndexProItem { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; } .AddIndexProItem .index_pro_item_img img { -webkit-transform: none; transform: none; -webkit-transition: all 1.2s cubic-bezier(.4, 0, .2, 1); transition: all 1.2s cubic-bezier(.4, 0, .2, 1); } .index_pro_item_box .content_list_hover dt { height: 30px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 5; color: #fff; font-size: 35px; opacity: 0; transition: all 0.5s ease; -webkit-transform: all 0.5s ease; } .index_pro_item_box .content_list_hover dd { background: rgba(0, 0, 0, 0.5); position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; display: none; transition: all 0.5s ease; -webkit-transform: all 0.5s ease; } .index_pro_item_box .content_list_hover .hr { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 5; } .index_pro_item_box .content_list_hover .hr img { width: auto; height: auto; opacity: 0; transition: all 0.5s ease; -webkit-transform: all 0.5s ease; } .index_pro_item_box:hover .content_list_img img { opacity: .6; transition: all 0.5s ease; -webkit-transform: all 0.5s ease; } .index_pro_item_box:hover .content_list_hover dd { opacity: 1; } .index_pro_item_box:hover .content_list_hover .hr img { opacity: 1; } .index_pro_item_box:hover .content_list_hover dt { opacity: 1; } .index_pro_item_box:hover .content_list_hover .hr img { -webkit-transform: rotate(360deg); animation: rotation 10s linear infinite; -moz-animation: rotation 10s linear infinite; -webkit-animation: rotation 10s linear infinite; -o-animation: rotation 10s linear infinite; } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } .index_pro_item_box a { display: block; position: relative; overflow: hidden; } .index_pro_item_box .w_z { padding: 15px 20px; background: #fff; border: 1px solid #f2f2f2; } .index_pro_item_box .w_z .title { position: relative; line-height: 36px; } .index_pro_item_box .w_z .title h3 { font-size: 16px; font-weight: bold; color: #222; } .index_pro_item_box:hover .title h3 { color: #0877ec; } .index_pro_item_box .w_z .title h4 { font-size: 14px; color: #666; } .index_pro_item_box .w_z .title .ico { position: absolute; right: 0; top: 20px; } .index_pro_item_box .w_z .title .ico i { margin-left: 10px; font-size: 18px; } .index_pro_item_box .w_z .gd { width: 100%; border-top: 1px solid #e3e3e3; margin-top: 7px; font-size: 14px; color: #666; line-height: 36px; padding: 7px 0 0; transition: all ease .3s; } .index_pro_item_box .w_z .gd i { float: right; font-size: 20px; color: #666; margin-right: 15px; transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; } .index_pro_item_box:hover .w_z .gd i { margin-right: 0; } .index_pro_item_hover { -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 9; background: rgba(0, 52, 247, .9); filter: blur(2.08333vw); opacity: 0; -webkit-transition: all .8s ease; transition: all .8s ease; } .index_pro_item_box a:hover .index_pro_item_hover { filter: blur(0); opacity: 1; } .index_pro_item_center { width: 100%; padding: 0 1.041666vw; } .index_pro_item_logo { margin: 0 auto; } .index_pro_item_logo img { width: auto; max-width: 15.625vw; max-height: 4.1666vw; margin: 0 auto; } .index_pro_item_text { margin-top: 1.041666vw; font-size: 16px; line-height: 1.30208333vw; text-align: center; color: rgba(255, 255, 255, .9); } .index_pro_item_img { padding-bottom: 60%; } .index_pro_item_img1 { padding-bottom: 66%; } .index_pro_item_img2 { padding-bottom: 63.26%; } .index_pro_item_img3 { padding-bottom: 56%; } .index_advantage_wrap { position: relative; } .index_advantage_box { padding: 6.7708333vw 0 4.1666vw 0; } .index_advantage_content { position: relative; z-index: 9; -webkit-align-items: flex-start; align-items: flex-start; } .index_advantage_details { width: 35.625%; padding: 3.6458333vw 6.7708333vw 5.208333vw 0; } .index_advantage_tab { width: 64.375%; position: relative; overflow: hidden; -webkit-border-radius: 1.30208333vw; border-radius: 1.30208333vw; } .index_advantage_title_label { font-size: 2.86458333vw; line-height: 3.38541666vw; color: #fff; font-weight: bold; -webkit-transform: translateY(250%) skewY(6deg); transform: translateY(250%) skewY(6deg); } .index_advantage_subtitle_box { margin-top: 0.26041666vw; } .index_advantage_subtitle_label { font-size: 1.82291666vw; line-height: 2.34375vw; color: #fff; -webkit-transform: translateY(250%) skewY(6deg); transform: translateY(250%) skewY(6deg); } .index_advantage_line { width: 0.15625vw; height: 2.08333vw; margin: 2.6041666vw 0; position: relative; } .index_advantage_line:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 0; background: #fff; } .index_advantage_label_text { font-size: 0.833333vw; line-height: 1.5625vw; color: #fff; -webkit-transform: translateY(250%) skewY(3deg); transform: translateY(250%) skewY(3deg); } .index_advantage_button { margin-top: 4.375vw; margin-bottom: 3vw; } .index_advantage_item_number { font-size: 4.94791666vw; line-height: 5.46875vw; color: #e8e8e8; } .index_advantage_item_box { position: relative; cursor: pointer; -webkit-transform: translateY(2.08333vw); transform: translateY(2.08333vw); pointer-events: none; opacity: 0; } .index_advantage_item_box:nth-child(2) .index_advantage_item_after { -webkit-transform: translateY(-60%); transform: translateY(-60%); } .index_advantage_item_box:nth-child(3) .index_advantage_item_after { -webkit-transform: translateY(-120%); transform: translateY(-120%); } .index_advantage_item_after { position: relative; } .index_advantage_item_box:nth-child(2) .index_advantage_item_after:after { background: #0877ec; } .index_advantage_item_box:nth-child(3) .index_advantage_item_after:after { background: #012bcb; } .index_advantage_item_box:nth-child(4) .index_advantage_item_after:after { background: #0a207e; } .index_advantage_item_after:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ffffff; -webkit-border-radius: 1.30208333vw; border-radius: 1.30208333vw; } .index_advantage_item_box:nth-child(3) .index_advantage_item_after:after { height: 200% !important; } .index_advantage_item_box:nth-child(4) .index_advantage_item_after:after { height: 100% !important; } .index_advantage_item_content { width: 73.7864%; padding-left: 3.6458333vw; } .index_advantage_item_icon { width: 26.2136%; padding-right: 2.86458333vw; opacity: 0; height: 0; pointer-events: none; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_advantage_item_head { width: 100%; -webkit-align-items: center; align-items: center; opacity: 0; height: 0; pointer-events: none; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_advantage_item_title { padding-left: 1.5625vw; } .index_advantage_item_cn { font-size: 1.041666vw; line-height: 1.5625vw; color: #0877ec; } .index_advantage_item_en { font-size: 0.7291666vw; line-height: 1.041666vw; color: #999999; text-transform: uppercase; opacity: 0.5; } .index_advantage_item_read { width: 100%; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_advantage_item_max h3 { font-size: 1.25vw; line-height: 3.6458333vw; font-weight: bold; color: #222222; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_advantage_item_min { font-size: 0.9375vw; line-height: 1.6666vw; color: #666666; opacity: 0; height: 0; pointer-events: none; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_advantage_item_big { width: 100%; position: relative; z-index: 1; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_advantage_item_box:nth-child(1) { z-index: 1; } .index_advantage_item_box:nth-child(2) { z-index: 2; } .index_advantage_item_box:nth-child(3) { z-index: 3; } .index_advantage_item_box:nth-child(4) { z-index: 4; } .index_advantage_item_box:nth-child(2) .index_advantage_item_number, .index_advantage_item_box:nth-child(2) .index_advantage_item_cn, .index_advantage_item_box:nth-child(2) .index_advantage_item_en, .index_advantage_item_box:nth-child(2) .index_advantage_item_max h3, .index_advantage_item_box:nth-child(2) .index_advantage_item_min { color: #fff; } .index_advantage_item_box:nth-child(3) .index_advantage_item_number, .index_advantage_item_box:nth-child(3) .index_advantage_item_cn, .index_advantage_item_box:nth-child(3) .index_advantage_item_en, .index_advantage_item_box:nth-child(3) .index_advantage_item_max h3, .index_advantage_item_box:nth-child(3) .index_advantage_item_min { color: #fff; } .index_advantage_item_box:nth-child(4) .index_advantage_item_number, .index_advantage_item_box:nth-child(4) .index_advantage_item_cn, .index_advantage_item_box:nth-child(4) .index_advantage_item_en, .index_advantage_item_box:nth-child(4) .index_advantage_item_max h3, .index_advantage_item_box:nth-child(4) .index_advantage_item_min { color: #fff; } .index_advantage_item_default .index_advantage_item_after { -webkit-transform: none !important; transform: none !important; -webkit-transition: all .6s ease; transition: all .6s ease; width: 100%; } .index_advantage_item_default .index_advantage_item_after:after { height: 200%; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_advantage_item_active .index_advantage_item_big { padding: 3.6458333vw 0; } .index_advantage_item_active .index_advantage_item_read { margin-top: 7.291666vw } .index_advantage_item_active .index_advantage_item_min { margin-top: 1.5625vw; opacity: 1; height: 5vw; pointer-events: auto; } .index_advantage_item_active .index_advantage_item_icon, .index_advantage_item_active .index_advantage_item_head { opacity: 1; height: 5.46875vw; pointer-events: auto; } .index_advantage_item_active .index_advantage_item_max h3 { font-size: 2.08333vw; } .index_news_tips_box { -webkit-align-items: center; align-items: center; } .index_news_tips_max { font-size: 2.86458333vw; line-height: 3.38541666vw; font-weight: bold; color: #222222; -webkit-transform: translateY(250%) skewY(6deg); transform: translateY(250%) skewY(6deg); } .index_news_tips_color { color: #0877ec; } .index_news_tips_min { margin-top: 0.26041666vw; } .index_news_min_label { font-size: 1.82291666vw; line-height: 2.34375vw; color: #222222; -webkit-transform: translateY(250%) skewY(6deg); transform: translateY(250%) skewY(6deg); } .index_news_tips_button { margin-left: 2.86458333vw; } .index_news_nav_box { opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_news_nav_li { margin-right: 3.38541666vw; } .index_news_nav_li:last-child { margin-right: 0; } .index_news_head { -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; } .index_news_nav_li .index_news_nav_link { display: block; position: relative; font-size: 0.9375vw; line-height: 3.125vw; color: #666666; -webkit-transition: all .6s ease; transition: all .6s ease; cursor: pointer; } .index_news_nav_li .index_news_nav_link:after { content: ""; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 0.15625vw; width: 0; background: #0877ec; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_news_nav_active .index_news_nav_link { font-weight: bold; color: #222222; } .index_news_nav_active .index_news_nav_link:after { width: 100%; } .index_news_box { padding: 5.7291666vw 0; } .index_news_slide_title a { font-size: 1.3541666vw; line-height: 2.291666vw; font-weight: bold; color: #222222; max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .index_news_slide_title a h3 {} .index_news_slide_read { margin-top: 1.30208333vw; font-size: 0.78125vw; line-height: 1.5625vw; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .index_news_slide_time_box { position: absolute; left: 0; bottom: 0; width: 100%; } .index_news_slide_time_max { font-size: 2.08333vw; line-height: 2.6041666vw; color: #999999; } .index_news_slide_time_min { font-size: 0.833333vw; line-height: 1.3541666vw; color: #999999; } .index_news_slide_head { opacity: 0; /*pointer-events: none;*/ -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_news_slide_photo { width: 50%; overflow: hidden; } .index_news_slide_photo a { display: block; position: relative; } .index_news_slide_img { padding-bottom: 51.375%; } .index_news_slide_content { width: 50%; position: relative; padding: 2.6041666vw 2.6041666vw 1.82291666vw 3.6458333vw; } .index_news_slide_big { position: relative; height: 100%; } .index_news_slide_content:after { content: ""; position: absolute; right: 0; top: 0; border: 1px solid #e8e8e8; border-left: none; box-sizing: border-box; width: 100%; height: 100%; pointer-events: none; } .index_news_tab { margin-top: 2.6041666vw; } .index_news_slide_icon { width: 4.0625vw; height: 4.0625vw; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; position: relative; z-index: 2; } .index_news_slide_icon svg { width: 24%; fill: #fff; } .index_news_slide_btn { position: absolute; right: 0; bottom: 0; z-index: 9; } .index_news_slide_btn:after { content: ""; position: absolute; left: -20%; top: -20%; width: 180.76923%; height: 180.76923%; background: #0877ec; -webkit-border-radius: 100%; border-radius: 100%; } .index_news_slide_ul { margin-top: 1.041666vw; } .index_news_slide_item { width: 30.3125%; margin: 0 4.53125% 1.0625vw 0; padding: 1.041666vw 0; position: relative; opacity: 0; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .index_news_slide_item:nth-child(3n) { margin: 0 0 1.0625vw 0; } .index_news_slide_item a { position: relative; } .index_news_slide_item:after { content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 100%; background: #dcdcdc; } .index_news_item_time_max { font-size: 2.08333vw; line-height: 2.291666vw; color: #333333; } .index_news_item_time_min { font-size: 0.625vw; line-height: 1.041666vw; color: #999999; } .index_news_item_title h3 { font-size: 0.9375vw; line-height: 1.458333vw; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .index_news_item_text { font-size: 0.7291666vw; line-height: 1.25vw; margin-top: 0.5208333vw; color: #777777; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .index_news_item_time_box { width: 4.1666vw; } .index_news_item_content { width: calc(100% - 4.1666vw); } .index_news_slide_wrap { opacity: 0; /*pointer-events: none;*/ -webkit-transition: all .8s ease; transition: all .8s ease; } .index_news_swiper .swiper-slide-active .index_news_slide_wrap { opacity: 1; /* pointer-events: auto;*/ } .index_down_wrap { position: relative; z-index: 99; } .footer_wrap { position: relative; z-index: 99; } .index_down_box { padding: 1.5625vw 0 3.125vw 0; position: relative; z-index: 9; -webkit-justify-content: center; justify-content: center; max-width: 100%; } .index_down_content { position: relative; padding-top: 6.25vw; } .index_down_animate { position: absolute; left: 0; top: 0; width: 100%; } .index_down_max_box { font-size: 10.41666vw; line-height: 10.41666vw; text-align: center; font-style: italic; -webkit-justify-content: center; justify-content: center; max-width: 100%; letter-spacing: 0.5208333vw; color: rgba(255, 255, 255, 0); -webkit-text-stroke: 1px rgba(255, 255, 255, .2); -webkit-transition: all .6s ease; transition: all .6s ease; position: relative; } .index_down_min_box { position: absolute; left: 0; top: 0.5208333vw; width: 100%; font-size: 10.41666vw; line-height: 10.41666vw; -webkit-justify-content: center; justify-content: center; color: #0083fc; opacity: .16; font-style: italic; letter-spacing: 0.41666vw; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_down_wrap:hover .index_down_min_box { letter-spacing: 0.5208333vw; color: rgba(255, 255, 255, 0); -webkit-text-stroke: 1px rgba(255, 255, 255, .2); z-index: 2; opacity: 1; } .index_down_wrap:hover .index_down_max_box { color: #0083fc; opacity: .2; letter-spacing: 0.36458333vw; } .index_down_title_max { font-size: 2.8125vw; line-height: 3.333333vw; color: #ffffff; font-weight: bold; text-align: center; } .index_down_title_max em { font-style: normal; color: #ffc600; } .index_down_title_min { font-size: 1.1458333vw; line-height: 1.5625vw; margin-top: 1.82291666vw; color: #ffffff; text-align: center; letter-spacing: 0.26041666vw; font-family: "Microsoft YaHei UI Light", "微软雅黑 Light", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important; } .index_down_big { position: relative; z-index: 9; } .index_down_button { -webkit-justify-content: center; justify-content: center; margin-top: 3.125vw; } .header_wrap { position: fixed; left: 0; top: 0; width: 100%; z-index: 999; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; opacity: 0; background: #f2f2f2 } .header_wrap:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #f2f2f2; opacity: 0; -webkit-box-shadow: 0 0 0.2vw rgba(0, 0, 0, .1); box-shadow: 0 0 0.2vw rgba(0, 0, 0, .1); -webkit-transition: all .4s ease; transition: all .4s ease; } .header_box { padding: 0 2.6041666vw; position: relative; z-index: 9; } .header_logo_box { width: 7.76041666vw; } .header_logo_box a { display: block } .header_logo_box a img { -webkit-transition: all .6s ease; transition: all .6s ease; } .header_nav_wrap { width: calc(100% - 7.76041666vw); -webkit-justify-content: flex-end; justify-content: flex-end; } .header_nav_text { font-size: 0.84vw; line-height: 70px; text-align: center; -webkit-transition: all .6s ease; transition: all .6s ease; text-transform: uppercase } .header_nav_link { display: block; position: relative; } .header_content { -webkit-align-items: center; align-items: center; } .header_nav_item { margin-left: 3.333333vw; } .header_nav_item a.on { color: #0877ec } .header_nav_item a:hover { color: #0877ec } .header_nav_item:first-child { margin: 0; } .header_active { padding: 0; } .header_active:after { opacity: 1; } .header_active .header_logo_box a img { -webkit-filter: none; filter: none; } .header_active .header_nav_active .header_nav_text { color: #0877ec; } .header_hover { padding: 0; } .header_hover .header_logo_box a img { -webkit-filter: none; filter: none; } .header_white { padding: 0; } .header_white:after { opacity: 1; } .header_white .header_logo_box a img { -webkit-filter: none; filter: none; } .header_white .header_nav_text { color: #222222; } .header_white .header_nav_active .header_nav_text:nth-child(2) { color: #0877ec; } .header_white .header_nav_hover .header_nav_text:nth-child(2) { color: #0877ec; } .header_color .header_logo_box a img { -webkit-filter: none; filter: none; } .header_color .header_nav_text { color: #222222; } .header_color .header_nav_active .header_nav_text:nth-child(2) { color: #0877ec; } .header_color .header_nav_hover .header_nav_text:nth-child(2) { color: #0877ec; } .header_nav_down_wrap { position: fixed; left: 0; width: 100%; height: 0; overflow: hidden; background: #f6f6f6; -webkit-transition: all .6s ease; transition: all .6s ease; } .header_nav_down_box { padding: 1.5625vw 0; } .header_service_item_box { width: 25%; margin: 2.08333vw 0; } .header_service_item_box a { -webkit-align-items: center; align-items: center; max-width: 100%; } .header_service_item_icon { font-size: 2.5vw; width: 2.6041666vw; line-height: 2.6041666vw; -webkit-justify-content: center; justify-content: center; } .header_service_item_read { width: calc(100% - 2.6041666vw); padding-left: 1.041666vw; } .header_service_item_title { font-size: 0.9375vw; line-height: 1.458333vw; font-weight: bold; color: #222222; -webkit-transition: all .6s ease; transition: all .6s ease; } .header_service_item_text { font-size: 0.833333vw; line-height: 1.3541666vw; color: #888888; } .header_service_item_box:nth-child(8) .header_service_item_icon { color: #4957f2; } .header_service_item_box:nth-child(1) .header_service_item_icon, .header_service_item_box:nth-child(1) a:hover .header_service_item_title { color: #0877ec; } .header_service_item_box:nth-child(2) .header_service_item_icon, .header_service_item_box:nth-child(2) a:hover .header_service_item_title { color: #36b393; } .header_service_item_box:nth-child(3) .header_service_item_icon, .header_service_item_box:nth-child(3) a:hover .header_service_item_title { color: #2f6be6; } .header_service_item_box:nth-child(4) .header_service_item_icon, .header_service_item_box:nth-child(4) a:hover .header_service_item_title { color: #e83c3c; } .header_service_item_box:nth-child(5) .header_service_item_icon, .header_service_item_box:nth-child(5) a:hover .header_service_item_title { color: #8b1fd9; } .header_service_item_box:nth-child(6) .header_service_item_icon, .header_service_item_box:nth-child(6) a:hover .header_service_item_title { color: #f2973d; } .header_service_item_box:nth-child(7) .header_service_item_icon, .header_service_item_box:nth-child(7) a:hover .header_service_item_title { color: #08b340; } .header_service_item_box:nth-child(8) .header_service_item_icon, .header_service_item_box:nth-child(8) a:hover .header_service_item_title { color: #4957f2; } .header_public_item { width: 25%; text-align: center; } .header_news_tab .header_public_item { width: 20%; } .header_public_icon { width: 6.458333vw; height: 6.458333vw; margin: 0 auto; font-size: 2.6041666vw; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background: #fff; -webkit-border-radius: 100%; border-radius: 100%; position: relative; -webkit-transition: all .6s ease; transition: all .6s ease; } .header_public_icon svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; fill-opacity: 0; stroke: #0877ec; stroke-width: 1px; stroke-dashoffset: 314.15927%; stroke-dasharray: 314.15927%; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all .6s ease; transition: all .6s ease; } .header_public_read { margin-top: 1.5625vw; } .header_public_title { font-size: 0.9375vw; line-height: 1.458333vw; font-weight: bold; color: #222222; text-align: center; -webkit-transition: all .6s ease; transition: all .6s ease; } .header_public_text { font-size: 0.833333vw; line-height: 1.3541666vw; color: #888888; text-align: center; } .header_public_tab { padding: 1.875vw 0; } .header_public_item a:hover .header_public_icon svg { stroke-dashoffset: 0; } .header_public_item a:hover .header_public_icon, .header_public_item a:hover .header_public_title { color: #0877ec; } .footer_box { background: #161616; } .footer_contact_logo { width: 9.73958333vw; } .footer_contact_read { margin-top: 1vw; } .footer_contact_tel a { font-size: 1.7708333vw; line-height: 2.291666vw; color: #ffffff; } .footer_contact_item_box, .footer_contact_item_box a { font-size: 0.78125vw; line-height: 1.5625vw; color: #fff; } .footer_contact_item_box a { font-family: "Manrope-Regular", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important; } .footer_nav_item_title { font-size: 1.041666vw; line-height: 1.6666vw; color: #fff; } .footer_nav_item_ul { margin-top: 1.30208333vw; } .footer_nav_item_li { padding: 0.5208333vw 0; } .footer_nav_item_li a { font-size: 0.78125vw; line-height: 1.3541666vw; color: #666666; text-decoration: underline; } .footer_nav_title { font-size: 1.25vw; line-height: 2.08333vw; margin-bottom: 1.30208333vw; color: #ffffff; } .footer_nav_subtitle { font-size: 0.9375vw; line-height: 1.5625vw; font-weight: bold; margin-bottom: 1.30208333vw; color: #666666; } .footer_nav_text { font-size: 0.833333vw; line-height: 1.5625vw; color: #666666; } .footer_top_content { padding: 4.1666vw 0; -webkit-justify-content: space-between; justify-content: space-between; } .footer_slogan_wrap { -webkit-justify-content: flex-end; justify-content: flex-end; width: 30%; } .footer_contact_wrap { width: 25%; -webkit-justify-content: flex-start; justify-content: flex-start; position: relative; } .footer_contact_wrap .ewm { width: 100px; position: absolute; right: 0; bottom: 25px; } .footer_contact_wrap .ewm img { width: 100%; display: block; } .footer_slogan_wrap { -webkit-justify-content: flex-end; justify-content: flex-end; width: 25%; } .footer_nav_wrap { width: 50%; -webkit-justify-content: center; justify-content: center; padding-left: 5% } .footer_nav_item_box { margin-right: 8.5vw; } .footer_nav_item_box:last-child { margin-right: 0; } .footer_link_title { font-size: 0.7291666vw; line-height: 1.458333vw; font-weight: bold; color: #ffffff; width: 4.208333vw; } .footer_link_ul { width: calc(100% - 4.208333vw); } .footer_link_li { padding-right: 1vw; } .footer_link_li:last-child { padding-right: 0; } .footer_link_li a { font-size: 0.7291666vw; line-height: 1.458333vw; color: #666666; } .footer_link_tab { margin-bottom: 1.82291666vw; } .footer_line_box { width: 100%; height: 1px; background: #333333; } .footer_share_wrap { padding: 1.30208333vw 0 1.82291666vw 0; } .footer_share_ul { width: 50%; } .footer_bq_box { width: 50%; } .footer_share_item_box { margin-right: 0.67708333vw; position: relative; } .footer_share_item_box:last-child { margin-right: 0; } .footer_share_item_box a { display: block; position: relative; } .footer_share_item_icon { width: 2.08333vw; line-height: 2.08333vw; font-size: 0.9375vw; -webkit-justify-content: center; justify-content: center; background: #222222; color: #fff; -webkit-border-radius: 100%; border-radius: 100%; } .footer_bq_text { font-size: 0.78125vw; line-height: 1.5625vw; color: #444444; text-align: right; } .footer_bq_text a { font-size: 0.78125vw; line-height: 1.5625vw; color: #444444; } .footer_share_box { -webkit-align-items: center; align-items: center; } .service_page_swiper { height: 100vh; } .service_page_content { height: 100%; } .service_page_swiper .swiper-slide:nth-last-child(2) { height: 24.84375vw !important; } .service_page_swiper .swiper-slide:nth-last-child(2) .index_down_wrap { height: 100%; } .service_page_swiper .swiper-slide:nth-last-child(2) .ewm_contact_wrap { position: absolute; height: 100vh; } .service_page_swiper .swiper-slide:last-child { height: 26.92708333vw !important; background: #161616; } .service_page_swiper .service_page_current .service_banner_title { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s ease; transition: all .8s ease; } .service_page_swiper .service_page_current .service_banner_subtitle { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .1s; transition-delay: .1s; } .service_page_swiper .service_page_current .service_banner_line { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .2s; transition-delay: .2s; } .service_page_swiper .service_page_current .service_banner_read ul { max-width: 600px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; } .service_page_swiper .service_page_current .service_banner_read ul li { width: 50%; line-height: 50px } .service_page_swiper .service_page_current .service_banner_read { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .3s; transition-delay: .3s; } .service_page_swiper .service_page_current .service_banner_button { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .4s; transition-delay: .4s; } .service_banner_wrap { height: 100%; position: relative; } .service_banner_back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .service_banner_box { position: relative; height: 100%; -webkit-align-items: center; align-items: center; } .service_banner_content { width: 100%; } .service_banner_title { font-size: 4.1666vw; line-height: 4.6875vw; margin-top: 1.041666vw; color: #fff; text-align: center; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .service_banner_subtitle { font-size: 2.3958333vw; line-height: 2.91666vw; margin-bottom: 2.08333vw; color: #ffffff; text-align: center; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .service_banner_line { width: 4.1666vw; height: 0.208333vw; background: #fff; margin: 0 auto; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .service_page_back .service_banner_line { background: #0877ec; } .service_page_back .service_banner_title, .service_page_back .service_banner_subtitle { color: #222222; } .service_page_back .service_banner_read { color: #333333; } .service_banner_read { font-size: 1.041666vw; line-height: 1.5625vw; margin-top: 2.08333vw; color: #ffffff; text-align: center; font-family: "Microsoft YaHei UI Light", "微软雅黑 Light", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .service_banner_button { margin-top: 3.125vw; -webkit-justify-content: center; justify-content: center; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .public_banner_wrap1 { width: 100%; margin-top: 70px } .public_banner_wrap1 img { width: 100% } .public_banner_wrap { position: relative; } .public_banner_back { padding-bottom: 44.2708333%; } .public_banner_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; } .public_banner_content { width: 100%; position: absolute; top: 35.294117%; left: 0; } .public_banner_title { font-size: 2.8125vw; line-height: 4.1666vw; color: #fff; font-weight: bold; } .public_banner_title p { opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .public_banner_text { font-size: 1.1458333vw; line-height: 2.08333vw; color: #fff; margin-top: 1.5625vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .public_banner_btn { position: absolute; left: 0; bottom: 4.6875vw; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .public_banner_icon { width: 3.6458333vw; } .public_banner_icon svg { fill: none; stroke: #fff; stroke-width: 1px; fill-rule: evenodd; } @media only screen and (max-width:992px) { .public_banner_wrap1 { width: 100%; margin-top: 60px } } /*内页*/ .nybanner { background: #000; height: 92vh; padding-top: 107px; color: #fff; position: relative; overflow: hidden; z-index: 9; } .bannerbg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; animation: pic_m 3s ease; -webkit-animation: pic_m 3s ease; } @keyframes pic_m { 0% { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } 100% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } } .nybanner .maview { height: 100%; position: relative; width: 74%; margin: 0 auto; } .banner_txt { position: absolute; top: 45%; left: 0; height: 360px; width: 100%; color: #fff; line-height: 1; transform: translateY(-50%); } .banner_txt h2 { font-family: "DIN"; font-size: 70px; text-transform: uppercase; font-weight: bold; } .banner_txt h3 { font-weight: bold; font-size: 24px; margin-top: 32px; } .banner_txt p { margin-top: 78px; font-size: 30px; } .webisite { margin-top: -160px; position: relative; z-index: 9; } .maview { margin: 0 auto; width: 80%; max-width: 1520px; } /*联系我们*/ .webisite .box { display: flex; display: -webkit-flex; justify-content: space-between; } .webisite .box .left { width: 42%; background: #f9f9f9; padding: 40px 60px; box-sizing: border-box; } .webisite .box .right { width: 58%; background: #ffffff; padding: 40px 60px; box-sizing: border-box; } .webisite .box .right ul li { margin-top: 25px; } .webisite .box .right ul li img { width: 100%; display: block; } .pgtitle { color: #000000; font-size: 28px; margin-bottom: 40px; margin-top: 20px; } .webisite .box { background: #ffffff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); } .webisite .box .left .list .item { display: flex; display: -webkit-flex; flex-wrap: wrap; margin-bottom: 32px; line-height: 40px; } .webisite .box .left .list .item span { color: #888888; font-size: 18px; margin-right: .5rem; } .webisite .box .left .list .item p { color: #000000; font-size: 18px; flex: 1; font-family: arial; } .webisite .box .right .form { display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap; } .webisite .box .right .form .item { width: 48%; margin-bottom: 1rem; } .webisite .box .right .form .item .tit { color: #888888; margin-bottom: .2rem; } .webisite .box .right .form .item input, .webisite .box .right .form .item select { font-family: arial; border-bottom: 1px solid #dddddd; font-size: .44rem; width: 100%; height: 1.5rem; line-height: 1.5rem; color: #000000; } .webisite .box .right .form .item2 { width: 100%; } .webisite .box .right .form .item2 textarea { border-bottom: 1px solid #dddddd; font-size: .44rem; width: 100%; height: 2.5rem; line-height: 1.5rem; color: #000000; } .webisite .box .right .form .item input::-moz-placeholder { color: #000000 !important; font-size: .44rem; opacity: 1; } .webisite .box .right .form .item input::-ms-input-placeholder { color: #000000 !important; font-size: .44rem; opacity: 1; } .webisite .box .right .form .item input::-webkit-input-placeholder { color: #000000 !important; font-size: .44rem; opacity: 1; } .webisite .box .right .form .item textarea::-moz-placeholder { color: #000000 !important; font-size: .44rem; opacity: 1; } .webisite .box .right .form .item textarea::-ms-input-placeholder { color: #000000 !important; font-size: .44rem; opacity: 1; } .webisite .box .right .form .item textarea::-webkit-input-placeholder { color: #000000 !important; font-size: .44rem; opacity: 1; } .webisite .box .right .form .item select { background: url(../images/xl-jt.png) no-repeat center right; background-size: .5rem; } .webisite .box .right .form .item3 { margin: .5rem auto .5rem; } .webisite .box .right .form .item3 .button { background: #e62129; color: #ffffff; border-radius: 1rem; width: 5.5rem; margin: 0 auto; font-size: .44rem; height: 1.5rem; line-height: 1.5rem; } .webisite .box .right .form .item3 .inp { display: flex; } .lx-icon { margin-top: 40px; float: left; margin-right: 40px; } .lx-icon span { cursor: pointer; display: inline-block; background: url(../images/lx-icon1.png) no-repeat; margin-right: .5rem; width: 72px; height: 71px; transition: all 0.6s; } .lx-icon span.span1 { background-position: 0 0; transition: all 0.6s; } .lx-icon span.span2 { background-position: -90px 0; transition: all 0.6s; } .lx-icon span.span3 { background-position: -180px 0; transition: all 0.6s; } .lx-icon span.span1:hover { background-position: 0 -71px; } .lx-icon span.span2:hover { background-position: -90px -71px; } .lx-icon span.span3:hover { background-position: -180px -71px; } .lx_ewm img { width: 100%; display: block; } .lx_ewm { float: left; margin-top: 20px; width: 120px; margin-right: 25px; } .webmap { margin-top: 60px; padding-bottom: 80px; } .webmap .dt {} .ny_lx { padding: 5.25vw 8.3333vw; background: #eaeaea; overflow: hidden; } .ny_lx .box { background: #fff; overflow: hidden } .ny_lx .box .left { width: 58%; padding-left: 5.78%; padding-top: 3vw; } .ny_lx .box .left ul { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; } .ny_lx .box .left ul li { width: 40%; margin-bottom: 3vw; } .ny_lx .box .left ul li:nth-child(2n) { width: 55% } .ny_lx .imgbox2 { width: 40.2%; } .ny_lx .imgbox2 img { width: 100%; display: block; } .case_nav_box { position: relative; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .case_nav_box:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.1041666vw; background: #ccc; } .case_nav_item_box { padding: 0 2.5vw 1.458333vw 2.5vw; position: relative; z-index: 9; } /*.case_nav_item_box:last-child {*/ /* padding: 0 0 1.458333vw 2.5vw;*/ /*}*/ /*.case_nav_item_box:first-child {*/ /* padding: 0 2.5vw 1.458333vw 0;*/ /*}*/ .case_nav_item_box:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0.1041666vw; background: #0877ec; -webkit-transition: all .6s ease; transition: all .6s ease; } .case_nav_item_title { font-size: 0.833333vw; line-height: 1.3541666vw; color: #777777; -webkit-transition: all .6s ease; transition: all .6s ease; font-family: "Microsoft YaHei UI Light", "微软雅黑 Light", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important; } .case_nav_item_icon { width: 0.3125vw; height: 0.3125vw; -webkit-border-radius: 100%; border-radius: 100%; background: #777777; margin: 0.208333vw auto; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .6s ease; transition: all .6s ease; } .case_page_wrap { padding: 0 0 4.6875vw 0; } .case_nav_item_active:after { width: 100%; } .case_nav_item_active .case_nav_item_title { color: #0877ec; } .case_nav_item_active .case_nav_item_icon { -webkit-transform: none; transform: none; background: #0877ec; } .case_nav_item_box:hover:after { width: 100%; } .case_nav_item_box:hover .case_nav_item_title { color: #0877ec; } .case_nav_item_box:hover .case_nav_item_icon { -webkit-transform: none; transform: none; background: #0877ec; } .case_pagination_wrap { -webkit-justify-content: center; justify-content: center; margin-top: 4.1666vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .case_pagination_wrap a { font-size: 0.833333vw; line-height: 1.5625vw; margin: 0 0.5208333vw; padding: 0 0.5208333vw; color: #999999; -webkit-transition: all .6s ease; transition: all .6s ease; } .case_pagination_current { color: #0877ec !important; } .case_pagination_wrap a:hover { color: #0877ec; } .case_banner_wrap { position: relative; } .case_banner_back { height: 100vh; } .case_banner_back .mb { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); z-index: 2; } .case_banner_box { position: absolute; left: 0; top: 23%; width: 100%; z-index: 9; } .case_banner_read { width: 55.9375%; } .case_banner_pagination { width: 44.0625%; padding-top: 50px; -webkit-justify-content: flex-start; justify-content: flex-start; } .case_banner_btn { float: left; margin-right: 30px; } .case_banner_title { font-size: 2.39583vw; line-height: 4.6875vw; font-weight: bold; color: #ffffff; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); font-family: "Manrope-Bold", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important } .case_banner_text { margin-top: 1.5625vw; font-size: 0.833333vw; line-height: 1.7708333vw; color: #ffffff; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .case_banner_btn { margin-bottom: 2.08333vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .case_banner_btn a:hover .case_banner_icon:after { border: 1px solid #0877ec; background: #0877ec; } .case_banner_btn a:hover .case_ewm_photo { opacity: 1; pointer-events: auto; padding-right: 1.5625vw; } .case_ewm_photo { position: absolute; right: -60px; top: 50%; padding-right: 1.041666vw; -webkit-transform: translateX(-100%) translateY(-50%); transform: translateX(-100%) translateY(-50%); pointer-events: none; opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; } .case_ewm_photo:after { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 1.041666vw; border-bottom: 0.4vw solid transparent; border-top: 0.4vw solid transparent; border-left: 0.6vw solid #fff; } .case_wap_ewm_photo { display: none; } .case_ewm_img { width: 7.8125vw; padding: 0.26041666vw; background: #fff; position: relative; z-index: 9; -webkit-border-radius: 0.41666vw; border-radius: 0.41666vw; } .case_banner_btn a { position: relative; } .case_banner_icon { width: 4.0625vw; text-align: center; position: relative; font-size: 1.5625vw; line-height: 4.0625vw; color: #fff; } .case_banner_icon:before { position: relative; z-index: 9; } .case_banner_icon:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #fff; -webkit-border-radius: 100%; border-radius: 100%; box-sizing: border-box; -webkit-transition: all .6s ease; transition: all .6s ease; } .case_banner_tips { margin-top: 5.208333vw; font-size: 0.9375vw; line-height: 1.458333vw; color: #ffffff; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .case_banner_foot_wrap { position: absolute; bottom: 4.1666vw; left: 0; width: 100%; z-index: 5; } .case_banner_foot_title { font-size: 0.9375vw; line-height: 1.3541666vw; color: #ffffff; font-weight: bold; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .case_banner_foot_box { opacity: 0.4 } .case_banner_foot_text { font-size: 0.83333vw; line-height: 1.3541666vw; margin-top: 0.83333vw; color: #ffffff; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .case_details_wrap { padding: 6.7708333vw 0; } .case_details_content { padding: 0 7.8125vw; } .case_details_read { padding: 0.41666vw; -webkit-border-radius: 1.458333vw; border-radius: 1.458333vw; background: #000; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .case_details_video { overflow: hidden; -webkit-border-radius: 1.041666vw; border-radius: 1.041666vw; } .case_details_video video { width: 100%; display: block; } .case_color_wrap { background: #f7f7f7; padding: 6.25vw 0; } .case_color_title { font-size: 1.7708333vw; line-height: 2.291666vw; margin-bottom: 4.6875vw; color: #222222; } .case_bjg_wrap { padding: 4.1666vw 0; } .case_bjg_box, .case_color_box { padding: 0 7.8125vw; } .casebr { border: #000 8px solid; border-radius: 25px; overflow: hidden; } .case_bjg_content img { max-width: 100%; width: auto; } .case_bjg_content p { opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .case_bjg_title { font-size: 1.7708333vw; line-height: 2.291666vw; margin-bottom: 1.5625vw; color: #222222; } .case_advertising_img { padding-bottom: 56.25%; } .case_advertising_swiper1 .swiper-wrapper, .case_advertising_swiper2 .swiper-wrapper, .case_advertising_swiper3 .swiper-wrapper { -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; } .case_advertising_content { position: relative; padding-bottom: 51.5625%; overflow: hidden; } .case_advertising_tab { position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 120%; } .case_advertising_animate { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } .case_advertising_ul { padding: 1.5625vw 0; } .case_paging_item_box { width: 50%; position: relative; padding: 3.38541666vw 0; } .case_paging_item_box:nth-child(1) { padding-right: 1.041666vw; } .case_paging_item_box:nth-child(2) { -webkit-justify-content: flex-end; justify-content: flex-end; text-align: right; padding-left: 1.041666vw; } .case_paging_item_box:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0.1041666vw; background: #0044f8; } .case_paging_item_read { max-width: 100%; } .case_paging_item_title { font-size: 0.833333vw; line-height: 1.3541666vw; color: #999999; } .case_paging_item_link { margin-top: 3.125vw; } .case_paging_item_link a { font-size: 1.5625vw; line-height: 2.08333vw; color: #222222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .about_detailed_content { width: 47.1875%; } .about_detailed_logo { color: #0877ec; font-size: 6.25vw; line-height: 5.7291666vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); font-weight: bold; } .about_detailed_head { margin-top: 2.08333vw; } .about_detailed_title { font-size: 2.91666vw; line-height: 5.4375vw; font-weight: bold; color: #222222; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .about_detailed_text { font-size: 1.5625vw; line-height: 2.08333vw; color: #222222; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .about_detailed_box { padding: 8.3333vw 0; } .about_detailed_read { width: 52.8125%; } .about_detailed_read p { font-size: 1.041666vw; line-height: 2.08333vw; color: #222222; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .about_advertising_wrap { position: relative; } .about_advertising_back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .about_advertising_box { position: relative; z-index: 9; padding: 13.0208333vw 0; } .about_advertising_item_box { width: 33.3333%; } .about_advertising_item_icon { font-size: 3.4375vw; line-height: 4.2708333vw; color: #fff; text-align: center; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .about_advertising_item_icon.icon-dingwei { font-size: 3.9583333vw; } .about_advertising_item_title { font-size: 1.875vw; line-height: 2.3958333vw; font-weight: bold; color: #fff; text-align: center; margin-top: 1.82291666vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .about_advertising_item_text { font-size: 0.833333vw; line-height: 1.3541666vw; color: #fff; text-align: center; margin-top: 1.82291666vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .about_service_wrap { padding: 5.7291666vw 0; } .about_service_title { font-size: 2.08333vw; line-height: 2.6041666vw; color: #222222; font-weight: bold; text-align: center; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .about_service_text { font-size: 2.6041666vw; line-height: 3.125vw; color: #333333; text-align: center; margin-top: 0.78125vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .about_service_list { margin-top: 4.6875vw; } .about_service_item_box { width: 26.875%; position: relative; margin: 0 9.6875% 0 0; } .about_service_item_box:nth-child(3n) { margin: 0; } .about_service_item_after { padding-bottom: 100%; position: relative; z-index: 1; -webkit-transform: scale(.3); transform: scale(.3); opacity: 0; } .about_service_item_after:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #d8d8d8; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all .6s ease; transition: all .6s ease; } .about_service_item_big { position: absolute; left: 0; top: 0; z-index: 9; height: 100%; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .about_service_item_content { width: 100%; z-index: 9; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .about_service_item_title { font-size: 1.458333vw; line-height: 1.9791666vw; font-weight: bold; text-align: center; color: #222222; margin-bottom: 1.82291666vw; -webkit-transition: all .6s ease; transition: all .6s ease; } .about_service_item_text { font-size: 0.78125vw; line-height: 1.5625vw; height: 4.6875vw; overflow: hidden; color: #222222; text-align: center; margin-bottom: 2.6041666vw; -webkit-transition: all .6s ease; transition: all .6s ease; } .about_service_item_icon { width: 2.08333vw; margin: 0 auto; position: relative; top: 2.08333vw; -webkit-transform: translateY(-2.08333vw); transform: translateY(-2.08333vw); -webkit-transition: all .6s ease; transition: all .6s ease; } .about_service_item_icon svg { stroke: #a0a0a0; stroke-width: 1px; fill-opacity: 0; } .about_service_item_box:hover .about_service_item_text { height: 7.8125vw; color: #fff; } .about_service_item_box:hover .about_service_item_title { padding-top: 2.6041666vw; margin-bottom: 2.6041666vw; color: #fff; } .about_service_item_box:hover .about_service_item_icon { top: 0; opacity: 0; } .about_service_item_box:hover .about_service_item_icon svg { stroke: #fff; } .about_service_item_box:hover .about_service_item_after:after { background: #0877ec; border: 1px solid rgba(255, 255, 255, 0); } .about_case_wrap { background: #f3f3f3; padding: 4.6875vw 0 3.6458333vw 0; } .about_case_title { font-size: 2.08333vw; line-height: 2.6041666vw; color: #222222; font-weight: bold; text-align: center; } .about_case_swiper .index_pro_item_box { width: 100%; } .about_case_tab { margin-top: 4.1666vw; } .news_item_img { width: 27.5%; } .news_item_img a { display: block; padding-bottom: 68.181818%; } .news_item_time_big { width: 72.5%; padding-left: 6.51041666vw; } .news_item_time_box { width: 18.35748%; } .news_item_read { width: 81.64252%; position: relative; } .news_item_time_max { font-size: 3.2291666vw; line-height: 3.75vw; color: #333333; } .news_item_time_min { font-size: 0.88541666vw; line-height: 1.458333vw; } .news_item_title_box a { font-size: 1.458333vw; line-height: 1.9791666vw; color: #222222; font-weight: bold; max-width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news_item_text_box { margin-top: 0.78125vw; font-size: 0.833333vw; line-height: 1.458333vw; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news_item_share_icon { font-size: 0.833333vw; line-height: 1.5625vw; color: #0877ec; width: 1.3541666vw; -webkit-transition: all .6s ease; transition: all .6s ease; } .news_item_share_big { width: calc(100% - 1.3541666vw); } .news_item_share_box { margin-top: 1.30208333vw; } .news_item_share_title { font-size: 0.78125vw; line-height: 1.5625vw; color: #999999; width: 3.38541666vw; -webkit-transition: all .6s ease; transition: all .6s ease; } .news_item_share_tab { width: calc(100% - 3.38541666vw); } .news_item_share_label { font-size: 0.78125vw; line-height: 1.5625vw; color: #999999; margin-right: 0.5208333vw; -webkit-transition: all .6s ease; transition: all .6s ease; } .news_item_share_label a { color: #999; font-size: 0.78125vw; } .news_item_box { padding: 4.6875vw 0; position: relative; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .news_item_box:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e7e7e7; } .case_nav_box { padding-top: 2.08333vw; } .news_item_share_button { position: absolute; bottom: 0; left: 0; } .news_page_box { padding: 0 0 6.7708333vw 0; background: #fff; } .news_top { /*padding-top: 4.6875vw;*/ } .news_details_read a, .news_details_read { font-size: max(0.78125vw, 12px); line-height: max(1.3541666vw,24px); color: #999999; } .news_details_fade { padding: 1.458333vw 0; background: #f3f3f3; } .news_details_title { font-size: 2.3958333vw; line-height: 2.91666vw; color: #111111; } .news_details_share_bjq { margin: 3.6458333vw 0; } .news_details_share_bjq, .news_details_share_bjq p { font-size: 0.833333vw; line-height: 1.5625vw; color: #333333; } .news_details_share_bjq p { opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .news_details_share_bjq h2 { font-size: 0.9375vw; line-height: 1.5625vw; font-weight: bold; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .news_details_share_bjq img { max-width: 100%; width: auto; display: inline-block; padding: 1.5625vw 0; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .news_details_share_time { font-size: 0.833333vw; line-height: 1.5625vw; color: #999999; margin-right: 2.6041666vw; } .news_details_share_title { font-size: 0.833333vw; line-height: 1.5625vw; color: #999999; } .news_details_share_li { font-size: 0.833333vw; line-height: 1.5625vw; color: #999999; margin-right: 0.5208333vw; } .news_details_share_li a { color: #999; } .news_details_page { width: 70%; } .news_details_share_box { margin: 2.34375vw 0 3.6458333vw 0; } .news_details_share_line { width: 100%; height: 1px; background: #666666; } .news_related_page { width: 30%; padding-left: 4.94791666vw; } .news_details_big { padding: 4.1666vw 0; } .news_related_title { font-size: 1.1458333vw; line-height: 1.6666vw; color: #222222; font-weight: bold; margin-bottom: 1.041666vw; } .news_related_line { width: 100%; height: 1px; background: #e6e6e6; } .news_related_max_box { margin-top: 1.5625vw; } .news_related_max_box a { display: block; position: relative; } .news_related_img { padding-bottom: 66.92708333%; } .news_related_img:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .9)); background-image: linear-gradient(rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .9)); } .news_related_max_title { position: absolute; left: 0; bottom: 0; width: 100%; font-size: 0.9375vw; line-height: 1.458333vw; padding: 1.041666vw 1.5625vw; color: #fff; } .news_related_item_img { width: 35.58441%; } .news_related_item_img a { display: block; padding-bottom: 66.92708333%; } .news_related_item_read { width: 64.41559%; padding-left: 0.78125vw; position: relative; -webkit-align-content: space-between; align-content: space-between; } .news_related_item_title { width: 100%; } .news_related_item_title a { font-size: 0.83333vw; line-height: 1.458333vw; color: #333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news_related_item_time { width: 100%; font-size: 0.7291666vw; line-height: 1.25vw; color: #999999; } .news_related_ul { margin-bottom: 3.38541666vw; } .news_related_item_box { padding-top: 1.30208333vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .news_related_service_item { opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .news_related_service_item a { -webkit-align-items: center; align-items: center; position: relative; } .news_related_service_icon { width: 0.5208333vw; height: 0.5208333vw; box-sizing: border-box; border-right: 0.1041666vw solid #0877ec; border-top: 0.1041666vw solid #0877ec; } .news_related_service_title { margin-left: 0.5208333vw; width: calc(100% - 1.041666vw); font-size: 0.833333vw; line-height: 1.3541666vw; padding: 0.67708333vw 0; } .news_details_pagination_title { font-size: 0.833333vw; line-height: 1.3541666vw; color: #333333; } .news_details_share_icon { width: 1.041666vw; } .news_details_share_icon svg { fill: #333333; } .news_details_pagination_next .news_details_share_icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .news_details_pagination_return a { width: 5.208333vw; height: 5.208333vw; line-height: 5.208333vw; text-align: center; background: #0877ec; -webkit-border-radius: 100%; border-radius: 100%; color: #fff; font-size: 0.833333vw; } .news_details_pagination_wrap { -webkit-justify-content: space-between; justify-content: space-between; margin-top: 2.6041666vw; } .news_details_pagination_prev .news_details_pagination_title { padding-left: 0.78125vw; } .news_details_pagination_next .news_details_pagination_title { padding-right: 0.78125vw; } .news_details_pagination_return { margin-top: 1.3541666vw; } .content_page_box { padding: 6.7708333vw 0; } .content_head_item_title { font-size: 1.9vw; line-height: 2.4041666vw; color: #333333; margin-bottom: 1.2vw; } .content_head_item_tips { font-size: 0.9375vw; line-height: 1.6666vw; color: #666666; } .content_head_item_text { font-size: 1.1458333vw; line-height: 1.6666vw; color: #222222; } .content_head_item_text a { font-size: 1.1458333vw; line-height: 1.6666vw; color: #222222; } .content_head_item_ul { margin-top: 1.5625vw; position: relative; } .content_head_item_ul .ewm { width: 110px; height: 110px; position: absolute; right: 6vw; top: -15px; } .content_head_item_ul .ewm img { width: 100%; } .content_head_item_li { margin-bottom: 0.78125vw; } .content_head_item_line { width: 1.041666vw; height: 1px; background: #0877ec; } .content_head_item_box { width: 33.3333%; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .content_head_item_box:nth-child(2) { -webkit-justify-content: center; justify-content: center; } .content_head_item_box:nth-child(3) { -webkit-justify-content: flex-end; justify-content: flex-end; } .content_page_line { height: 1px; background: #dadada; } .content_page_head_box { margin-bottom: 4.1666vw; } .content_address_title { font-size: 0.9375vw; line-height: 1.458333vw; color: #333333; } .content_address_text { font-size: 1.1458333vw; line-height: 2.1875vw; margin-top: 0.5208333vw; color: #111111; } .content_address_tips { font-size: 0.9375vw; line-height: 1.458333vw; color: #0877ec; margin-right: 1.041666vw; } .content_address_btn a { font-size: 1.51041666vw; width: 3.6458333vw; line-height: 3.6458333vw; text-align: center; color: #0877ec; position: relative; } .content_address_btn a:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #0877ec; box-sizing: border-box; -webklit-border-radius: 100%; border-radius: 100%; } .content_address_button { -webkit-align-items: center; align-items: center; } .content_address_box { -webkit-align-items: center; align-items: center; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .content_address_wrap { padding: 4.1666vw 0 0 0; } .content_address_head { width: 80%; } .content_address_foot { width: 20%; -webkit-justify-content: flex-end; justify-content: flex-end; } .content_address_photo { position: relative; } .content_address_photo:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; } .content_address_img { padding-bottom: 48.863636%; } .content_address_content { padding-left: 8.3333vw; margin-top: 5.208333vw; position: relative; } .content_address_logo { position: absolute; left: 22%; top: 43%; width: 17.04545%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: 73% 82%; transform-origin: 73% 82%; } .content_address_read { position: absolute; right: 0; top: 50%; width: 32%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .content_address_tab { background: rgba(255, 255, 255, .75); -webkit-box-shadow: 0 0 5.208333vw rgba(0, 0, 0, .25); box-shadow: 0 0 5.208333vw rgba(0, 0, 0, .25); padding: 3.125vw 8.3333vw 3.125vw 3.125vw; -webkit-border-radius: 1.041666vw 0 0 1.041666vw; border-radius: 1.041666vw 0 0 1.041666vw; -webkit-transform: translateX(100%); transform: translateX(100%); } .content_address_item_title { font-size: 0.833333vw; line-height: 1.3541666vw; margin-bottom: 0.78125vw; font-weight: bold; color: #333333; } .content_address_item_text { font-size: 0.78125vw; line-height: 1.30208333vw; margin-top: 0.78125vw; color: #666666; } .content_address_item_line { width: 1.041666vw; height: 1px; background: #0877ec; } .content_address_item_box { margin-bottom: 2.6041666vw; } .content_address_item_box:last-child { margin-bottom: 0; } .news_page_wrap { background: #f4f4f4; } .news_page_white { background: #fff; } .news_li_title a { font-size: 1.458333vw; line-height: 2.291666vw; height: 4.583332vw; color: #222222; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-transition: all .6s ease; transition: all .6s ease; } .news_li_text { font-size: 0.833333vw; line-height: 1.25vw; color: #666666; margin-top: 0.78125vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-transition: all .6s ease; transition: all .6s ease; } .news_head_swiper { width: 100%; } .news_head_swiper .swiper-slide { width: 31.875%; margin: 0 2.1875% 0 0; } .news_head_swiper .swiper-slide:nth-child(3n) { margin: 0; } .news_head_li { position: relative; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .news_head_li:nth-child(3n+2) { -webkit-transition-delay: .1s; transition-delay: .1s; } .news_head_li:nth-child(3n) { -webkit-transition-delay: .2s; transition-delay: .2s; } .news_head_li:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: 2; -webkit-transition: all .6s ease; transition: all .6s ease; } .news_head_back { padding-bottom: 109.4117%; z-index: 1; } .news_head_back img { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 1s ease; transition: all 1s ease; } .news_head_content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; padding: 2.34375vw; -webkit-align-content: space-between; align-content: space-between; } .news_li_head { width: 100%; } .news_head_box { padding: 4.1666vw 0 5.208333vw 0; } .news_li_time_max { font-size: 3.28125vw; line-height: 3.333333vw; color: #333333; -webkit-transition: all .6s ease; transition: all .6s ease; } .news_li_time_min { font-size: 0.88541666vw; line-height: 1.458333vw; color: #333333; -webkit-transition: all .6s ease; transition: all .6s ease; } .news_li_foot { width: 100%; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; } .news_head_li:hover:after { opacity: 0; } .news_head_li:hover .news_head_back img { -webkit-transform: scale(1); transform: scale(1); } .news_head_li:hover .news_li_title a, .news_head_li:hover .news_li_text, .news_head_li:hover .news_li_time_max, .news_head_li:hover .news_li_time_min, .news_head_li:hover .news_item_share_icon { color: #fff; } .news_head_li:hover .news_item_share_label, .news_head_li:hover .news_item_share_title { color: rgba(255, 255, 255, .5); } .news_head_li:hover .index_public_circle_after:after { border: 1px solid rgba(255, 255, 255, .2); } .news_head_li:hover .index_public_circle_after:before { background: #fff; } .news_head_li:hover .index_public_circle_before:before { background: #0877ec; } .news_head_li:hover .index_public_circle_label svg { fill: #fff; } .news_head_li:hover .index_public_circle_before:after { border: 1px solid #fff; background: rgba(255, 255, 255, 0); } /*中间*/ .news_head_li.l2:after { opacity: 0; } .news_head_li.l2 .news_head_back img { -webkit-transform: scale(1); transform: scale(1); } .news_head_li.l2 .news_li_title a, .news_head_li.l2 .news_li_text, .news_head_li.l2 .news_li_time_max, .news_head_li.l2 .news_li_time_min, .news_head_li.l2 .news_item_share_icon { color: #fff; } .news_head_li.l2 .news_item_share_label, .news_head_li.l2 .news_item_share_title { color: rgba(255, 255, 255, .5); } .news_head_li.l2 .index_public_circle_after:after { border: 1px solid rgba(255, 255, 255, .2); } .news_head_li.l2 .index_public_circle_after:before { background: #fff; } .news_head_li.l2 .index_public_circle_before:before { background: #0877ec; } .news_head_li.l2 .index_public_circle_label svg { fill: #fff; } .news_head_li.l2 .index_public_circle_before:after { border: 1px solid #fff; background: rgba(255, 255, 255, 0); } .hz_hb { padding: 6.25vw 8.3333vw 6.25vw; overflow: hidden; background: #f6f6f6; } .hz_hb ul { margin-top: 3.6458333vw; } .hz_hb ul li { width: 14.285%; float: left; padding: 10px; box-sizing: border-box; } .hz_hb ul li .box { box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); overflow: hidden; transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; } .hz_hb ul li img { width: 100%; display: block; } .hz_hb ul li:hover .box { transform: translateY(-5px); -wbkit-transform: translateY(-5px); -o-transform: translateY(-5px); -moz-transform: translateY(-5px); transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; } .index_pro_tab { margin-top: 1.5vw; } .news_recommend_box { padding: 4.1666vw 0 3.6458333vw 0; } .news_tab_item_photo { width: 53.125%; } .news_tab_item_content { width: 46.875%; padding: 3.38541666vw; -webkit-align-content: space-between; align-content: space-between; background: #fff; } .news_tab_item_photo a { display: block; padding-bottom: 68.23529%; } .news_page_pagination { position: static !important; -webkit-justify-content: center; justify-content: center; margin-top: 2.6041666vw; } .news_page_pagination .swiper-pagination-bullet { width: 1.041666vw; height: 1.041666vw; background: none; border-radius: 0; position: relative; opacity: 1; margin: 0 0.208333vw !important; } .news_page_pagination .swiper-pagination-bullet:after { content: ""; width: 80%; height: 80%; position: absolute; left: 10%; top: 10%; background: #acacac; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all .6s ease; transition: all .6s ease; } .news_page_pagination .swiper-pagination-bullet-active:after { background: #0877ec; } .news_solo_li { width: 49.1875%; margin: 0 1.625% 1.625% 0; background: #fff; padding: 2.08333vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .news_solo_li:nth-child(2n) { margin: 0 0 1.625% 0; -webkit-transition-delay: .1s; transition-delay: .1s; } .news_item_time_read { text-align: center; } .news_solo_content { width: calc(100% - 10.41666vw); } .news_solo_tips { width: 10.41666vw; -webkit-justify-content: flex-end; justify-content: flex-end; } .news_solo_read { -webkit-align-content: space-between; align-content: space-between; -webkit-justify-content: flex-end; justify-content: flex-end; } .news_li_time_wrap { width: 100%; -webkit-justify-content: flex-end; justify-content: flex-end; } .news_li_time_box { text-align: center; } .news_solo_box { padding: 4.1666vw 0 5.7291666vw 0; } .public_service_banner_wrap { position: relative; } .public_service_banner_back { padding-bottom: 40.625%; } .public_service_banner_box { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .public_service_banner_content {} .public_service_banner_img { width: 25.208333vw; } .public_service_banner_logo { width: 17.7083333vw; } .public_service_banner_logo img { -webkit-filter: grayscale(100%) brightness(500%); filter: grayscale(100%) brightness(500%); } .public_service_banner_text { font-size: 1.6666vw; line-height: 2.1875vw; margin-top: 1.30208333vw; color: #ffffff; letter-spacing: 0.57291666vw; } .service_content_wrap { padding: 6.25vw 0; } .service_content_title { text-align: center; font-size: 2.86458333vw; line-height: 3.38541666vw; color: #222222; font-weight: bold; } .nban2 .word p .font-sign2 { font-size: 28px; } .service_content_read { margin-top: 1.5625vw; padding: 0 4.58333vw; } .service_text_label { text-align: center; font-size: 0.833333vw; line-height: 1.5625vw; color: #666666; } .service_content_tab { margin-top: 4.1666vw; -webkit-order-radius: 1.041666vw; border-radius: 1.041666vw; overflow: hidden; -webkit-box-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .05); box-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .05); opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .service_content_item_box { width: 25%; position: relative; padding: 4.1666vw 0 1.041666vw 0; } .service_content_item_box:after { content: ""; position: absolute; left: 0; top: 0; width: 120%; height: 100%; background: #fff; border: 1px solid #fff; box-sizing: border-box; -webkit-order-radius: 1.041666vw 0 0 1.041666vw; border-radius: 1.041666vw 0 0 1.041666vw; -webkit-box-shadow: -0.26041666vw 0 0.5208333vw rgba(0, 0, 0, .05); box-shadow: -0.26041666vw 0 0.5208333vw rgba(0, 0, 0, .05); } .service_content_item_box:before { content: ""; position: absolute; left: 0; top: 1px; width: 100%; height: calc(100% - 0.1041666vw); background: #fff; } .service_content_item_box:nth-child(3):before { background: #f0f0f0; } .service_content_item_box:nth-child(2n):after { background: #f0f0f0; } .service_content_item_big { position: relative; z-index: 9; padding: 1.041666vw 0; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_content_item_number { font-size: 4.1666vw; line-height: 4.6875vw; -webkit-text-stroke: 1px #cccccc; color: rgba(255, 255, 255, 0); text-align: center; margin-bottom: 1.5625vw; } .service_content_item_title { -webkit-justify-content: center; justify-content: center; margin-bottom: 1.5625vw; } .service_content_item_text { font-size: 1.1458333vw; line-height: 1.6666vw; font-weight: bold; color: #000000; position: relative; } .service_content_item_text:after { content: ""; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0.1041666vw; height: 0.41666vw; width: 0; background: #ffde00; z-index: -1; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_content_item_read { position: relative; } .service_content_item_label { font-size: 0.833333vw; line-height: 1.5625vw; height: 9.375vw; color: #666666; padding: 0 2.6041666vw; position: relative; z-index: 9; opacity: 0; pointer-events: none; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_content_item_icon { position: absolute; top: 0; width: 100%; font-size: 5.1041666vw; line-height: 5.208333vw; -webkit-justify-content: center; justify-content: center; color: #f2f2f2; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_content_item_icon.icon-a-003 { font-size: 4.58333vw; } .service_content_item_icon.icon-a-ziyuan1 { font-size: 4.791666vw; } .service_content_item_box:nth-child(2n) .service_content_item_icon { color: #e4e4e4; } .service_content_item_box:hover .service_content_item_label { opacity: 1; pointer-events: auto; } .service_content_item_box:hover .service_content_item_icon { opacity: 0; pointer-events: auto; } .service_content_item_box:hover .service_content_item_big { padding: 0 0 2.08333vw 0; } .service_content_item_box:hover .service_content_item_text:after { width: 100%; } .service_range_wrap { position: relative; padding: 7.291666vw 0 9.375vw 0; } .service_range_back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .service_range_box { position: relative; z-index: 9; } .service_range_title { font-size: 2.08333vw; line-height: 2.6041666vw; color: #ffffff; font-weight: bold; text-align: center; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .service_range_text { font-size: 0.833333vw; line-height: 1.3541666vw; color: #ffffff; text-align: center; margin-top: 1.5625vw; padding: 0 14.58333vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .service_range_item_icon { width: 8.3333vw; line-height: 8.3333vw; font-size: 2.91666vw; color: #fff; position: relative; -webkit-justify-content: center; justify-content: center; margin: 0 auto; } .service_range_item_icon:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #fff; -webkit-border-radius: 100%; border-radius: 100%; box-sizing: border-box; } .service_range_item_read { margin-top: 1.82291666vw; } .service_range_item_title { font-size: 1.1458333vw; line-height: 1.6666vw; color: #ffffff; text-align: center; font-weight: bold; } .service_range_item_text { font-size: 0.7291666vw; line-height: 1.3541666vw; color: #ffffff; text-align: center; margin-top: 0.78125vw; } .service_range_item_box { width: 14%; } .service_range_tab { -webkit-justify-content: space-between; justify-content: space-between; margin-top: 5.7291666vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .service_related_title { text-align: center; font-size: 2.08333vw; line-height: 2.708333vw; color: #222222; font-weight: bold; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .service_related_text { text-align: center; font-size: 0.833333vw; line-height: 1.5625vw; margin-top: 1.5625vw; color: #666666; padding: 0 20.8333vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .service_related_wrap { padding: 6.25vw 0; background: #ebebeb; } .service_related_tab { margin-top: 4.6875vw; } .service_related_button a { font-size: 0.9375vw; line-height: 3.75vw; color: #666666; background: #f4f4f4; display: block; text-align: center; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_related_button a:hover { background: #0877ec; color: #fff; } .service_news_wrap { padding: 6.25vw 0; } .service_news_tab { margin-top: 4.6875vw; } .service_news_item_box { width: 50%; padding: 0 3.38541666vw 0 0; margin-bottom: 3.125vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .service_news_item_box:nth-child(2n+1) {} .service_news_item_box:nth-child(2n) { padding: 0 0 0 3.38541666vw; -webkit-transition-delay: .1s; transition-delay: .1s; } .service_news_item_photo { width: 40%; } .service_news_item_photo a { display: block; padding-bottom: 68.11594%; } .service_news_item_read { width: 60%; padding-left: 2.6041666vw; -webkit-align-content: space-between; align-content: space-between; } .service_news_item_head { width: 100%; } .service_news_item_title a { font-size: 0.9375vw; line-height: 1.458333vw; color: #222222; font-weight: bold; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .service_news_item_text { font-size: 0.7291666vw; line-height: 1.25vw; margin-top: 0.78125vw; color: #777777; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .service_news_item_time { font-size: 0.9375vw; line-height: 1.458333vw; color: #777777; } .service_nav_item_img { padding-bottom: 335.0515%; } .service_nav_swiper .swiper-slide { background: #f7f7f7; } .service_nav_photo { width: 58.8541666%; } .service_nav_content { width: 41.1458334%; padding: 5.208333vw 6.25vw 5.208333vw 8.3333vw; } .service_nav_title { font-size: 2.08333vw; line-height: 2.708333vw; font-weight: bold; color: #222222; margin-bottom: 1.30208333vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .service_nav_subtitle { font-size: 0.9375vw; line-height: 1.5625vw; color: #999999; margin-bottom: 2.86458333vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .service_nav_text { font-size: 0.833333vw; line-height: 1.5625vw; color: #666666; margin-top: 2.86458333vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .service_nav_line_box { height: 0.15625vw; width: 100%; position: relative; } .service_nav_line_box:after { content: ""; position: absolute; left: 0; top: 1px; background: #dfdfdf; width: 0; height: 1px; } .service_nav_line_box:before { content: ""; position: absolute; left: 0; top: 0; background: #0877ec; width: 0; height: 100%; z-index: 9; } .service_nav_wrap { padding: 7.291666vw 0 8.3333vw 0; } .service_nav_button { width: 100%; -webkit-align-items: flex-start; align-items: flex-start; } .service_nav_btn { width: 5.208333vw; text-align: center; background: #e5eafe; -webkit-justify-content: center; justify-content: center; margin-right: 0.1041666vw; outline: none; cursor: pointer; } .service_nav_btn.swiper-button-disabled .service_nav_icon { color: #b7bdd5; } .service_nav_prev { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .service_nav_next { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .service_nav_icon { line-height: 5.208333vw; text-align: center; color: #0877ec; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_nav_tab { width: 100%; } .service_img_item_box { width: 19.57277%; margin: 0 1.760563% 0 0; position: relative; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_img_item_box:nth-child(4n) { margin: 0; } .service_img_item_big { position: relative; opacity: 0; pointer-events: none; -webkit-transform: translateX(2.083333vw); transform: translateX(2.083333vw); } .service_img_item_big:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #424242; opacity: .75; z-index: 9; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: .3s; transition-delay: .3s; } .service_img_item_back { height: 33.8541666vw; position: relative; } .service_img_item_back img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; object-fit: cover; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .service_img_item_center { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; -webkit-justify-content: center; justify-content: center; -webkit-align-content: center; align-content: center; z-index: 10; color: #fff; writing-mode: tb-rl; font-size: 1.25vw; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: .3s; transition-delay: .3s; } .service_img_item_read { position: absolute; left: 0; bottom: 0; width: 100%; opacity: 1; z-index: 12; padding: 2.08333vw; } .service_img_item_title { font-size: 1.25vw; line-height: 1.7708333vw; color: #fff; font-weight: bold; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); -webkit-transition: all .6s ease; transition: all .6s ease; } .service_img_item_text { font-size: 0.78125vw; line-height: 1.5625vw; margin-top: 1.041666vw; color: #fff; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); -webkit-transition: all .6s ease; transition: all .6s ease; } .service_img_item_active { width: 36%; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 0ms; transition-delay: 0ms; } .service_img_item_active .service_img_item_big:before { background: #0877ec; opacity: .7; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 0ms; transition-delay: 0ms; } .service_img_item_active .service_img_item_center { opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 0ms; transition-delay: 0ms; } .service_img_item_active .service_img_item_title { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: .3s; transition-delay: .3s; } .service_img_item_active .service_img_item_text { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: .4s; transition-delay: .4s; } .service_solve_wrap { position: relative; } .service_solve_back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .service_solve_box { position: relative; z-index: 9; padding: 6.7708333vw 0 8.8541666vw 0; } .service_solve_title { font-size: 2.08333vw; line-height: 2.708333vw; color: #ffffff; font-weight: bold; text-align: center; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .service_solve_text { font-size: 0.833333vw; line-height: 1.5625vw; margin-top: 1.30208333vw; color: #ffffff; text-align: center; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .service_solve_tab { margin-top: 6.25vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .service_solve_item_box { width: 33.3333%; position: relative; } .service_solve_item_box:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: rgba(255, 255, 255, .1); z-index: 8; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_solve_item_box:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.208333vw; background: rgba(255, 255, 255, 1); z-index: 9; opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_solve_item_content { padding: 2.91666vw 0; position: relative; } .service_solve_item_icon { font-size: 3.541666vw; line-height: 3.6458333vw; text-align: center; color: #fff; } .service_solve_item_read { margin-top: 1.5625vw; } .service_solve_item_cn { font-size: 1.5625vw; line-height: 2.1875vw; font-weight: bold; text-align: center; color: #fff; } .service_solve_item_en { font-size: 0.9375vw; line-height: 1.458333vw; color: #ffffff; text-align: center; opacity: .3; margin-top: 0.5208333vw; } .service_solve_item_box:hover:after { height: 100%; } .service_solve_item_box:hover:before { opacity: 1; } .wechat_page_content { width: 37.5%; padding-right: 8.3333vw; } .wechat_page_tab { width: 62.5%; } .wechat_page_en { font-size: 3.125vw; line-height: 3.125vw; color: #222222; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .wechat_page_title { font-size: 2.08333vw; line-height: 2.6041666vw; margin-top: 1.82291666vw; font-weight: bold; color: #222222; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .wechat_page_text { font-size: 0.78125vw; line-height: 1.7708333vw; margin-top: 2.6041666vw; color: #555555; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .wechat_page_box { padding: 9.375vw 0 6.25vw 0; } .wechat_item_icon { color: #222222; font-size: 1.71875vw; line-height: 4.1666vw; width: 4.1666vw; text-align: center; background: #f1f1f1; -webkit-border-radius: 100%; border-radius: 100%; } .wechat_item_icon.icon-a-29 { font-size: 1.3541666vw; } .wechat_item_title { font-size: 1.1458333vw; line-height: 1.5625vw; color: #222222; font-weight: bold; width: calc(100% - 4.1666vw); padding: 0 3.125vw; } .wechat_item_read { font-size: 0.833333vw; line-height: 1.458333vw; color: #666666; } .wechat_item_btn { width: 1.5625vw; font-size: 1.5625vw; line-height: 2.08333vw; color: #aaaaaa; } .wechat_item_box { -webkit-align-items: center; align-items: center; padding: 2.08333vw; position: relative; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .wechat_item_box:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #e7e7e7; } .wechat_item_box:last-child:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e7e7e7; } .wechat_item_width { width: 50%; -webkit-align-items: center; align-items: center; } .wechat_item_read { width: calc(100% - 1.5625vw); padding-right: 3.125vw; } .wechat_advantage_btn { width: 2.6041666vw; height: 2.6041666vw; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; position: relative; outline: none; cursor: pointer; margin-left: 0.78125vw; } .wechat_advantage_btn:nth-child(1) { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .wechat_advantage_btn:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-border-radius: 100%; border-radius: 100%; box-sizing: border-box; border: 1px solid #111111; } .wechat_advantage_icon { width: 32%; } .wechat_advantage_icon svg { fill: #111111; } .wechat_advantage_title { font-size: 2.08333vw; line-height: 2.6041666vw; font-weight: bold; color: #222222; } .wechat_advantage_head { -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; } .wechat_advantage_tab { margin-top: 3.125vw; padding-left: 8.3333vw; } .wechat_advantage_item_img { padding-bottom: 125.1685%; } .wechat_advantage_item_head { margin-top: 1.82291666vw; } .wechat_advantage_item_text { font-size: 0.833333vw; line-height: 1.3541666vw; color: #666666; } .wechat_advantage_item_title { font-size: 1.3541666vw; line-height: 1.875vw; color: #222222; font-weight: bold; margin-top: 0.5208333vw; } .wechat_advantage_wrap { padding-bottom: 6.7708333vw; } .wechat_flow_wrap { position: relative; } .wechat_flow_back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .wechat_flow_box { position: relative; z-index: 9; padding: 7.291666vw 0 5.208333vw 0; } .wechat_flow_title { font-size: 2.08333vw; line-height: 2.6041666vw; font-weight: bold; color: #111; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .wechat_flow_item_en { font-size: 1.1458333vw; line-height: 1.6666vw; font-weight: bold; color: #111; text-transform: uppercase; } .wechat_flow_item_cn { font-size: 1.3541666vw; line-height: 1.875vw; font-weight: bold; margin-top: 0.5208333vw; color: #111; } .wechat_flow_item_read { font-size: 0.78125vw; line-height: 1.458333vw; margin-top: 1.82291666vw; color: rgba(0, 0, 0, .6); } .wechat_flow_item_box { width: 18.75%; margin: 3.6458333vw 8.3333% 2.08333vw 0; padding-top: 2.6041666vw; position: relative; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .wechat_flow_item_box:nth-child(4n+1) { -webkit-transition-delay: .1s; transition-delay: .1s; } .wechat_flow_item_box:nth-child(4n+2) { -webkit-transition-delay: .2s; transition-delay: .2s; } .wechat_flow_item_box:nth-child(4n+3) { -webkit-transition-delay: .3s; transition-delay: .3s; } .wechat_flow_item_box:nth-child(4n) { margin: 3.6458333vw 0 2.08333vw 0; -webkit-transition-delay: .4s; transition-delay: .4s; } .wechat_flow_item_box:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 0.15625vw; background: rgba(0, 0, 0, .3); } .service_develop_read { width: 39.6875%; padding: 0 6.7708333vw 0 8.3333vw; } .AddServiceDevelopBox .service_nav_line_box:before { width: 5.208333vw; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .3s; transition-delay: .3s; } .AddServiceDevelopBox .service_nav_line_box:after { width: 100%; -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1); transition: all .6s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .4s; transition-delay: .4s; } .service_develop_photo { width: 60.3125%; } .service_develop_img { padding-bottom: 69.084628%; } .service_develop_img:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #f4f4f4; } .service_develop_title { font-size: 2.08333vw; line-height: 2.708333vw; font-weight: bold; color: #222222; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .service_develop_title span { color: #0877ec } .service_develop_text { font-size: 0.78125vw; line-height: 1.7708333vw; color: #555555; margin-top: 1.5625vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .service_develop_button { opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .service_develop_box { padding: 8.8541666vw 0 6.25vw 0; } .service_develop_btn { width: 2.6041666vw; height: 2.6041666vw; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; position: relative; outline: none; cursor: pointer; margin-left: 0.78125vw; } .service_develop_btn:hover:after { background: #0877ec; border: 1px solid #0877ec; } .service_develop_btn:hover .service_develop_icon svg { fill: #fff; } .service_develop_btn:nth-child(1) { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .service_develop_btn:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-border-radius: 100%; border-radius: 100%; box-sizing: border-box; border: 1px solid #111111; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_develop_icon { width: 32%; position: relative; z-index: 9; } .service_develop_icon svg { fill: #111111; -webkit-transition: all .4s ease; transition: all .4s ease; } .service_develop_item_tips { position: relative; height: 4.1666vw; margin-bottom: 1.5vw; } .service_develop_item_icon { font-size: 3.6458333vw; line-height: 4.1666vw; color: #222222; -webkit-transition: all .4s ease; transition: all .4s ease; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .service_develop_item_head { position: relative; height: 1.875vw; margin-bottom: 1.5625vw; } .service_develop_item_title { font-size: 1.3541666vw; line-height: 1.875vw; color: #222222; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .4s ease; transition: all .4s ease; max-width: 100%; } .service_develop_item_label { height: 0.208333vw; position: relative; } .service_develop_item_line { width: 3.125vw; height: 0.208333vw; background: #0877ec; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .4s ease; transition: all .4s ease; } .service_develop_item_read { margin-top: 1.3541666vw; font-size: 0.833333vw; line-height: 1.5625vw; height: 3.125vw; color: #666666; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-transition: all .4s ease; transition: all .4s ease; } .service_develop_item_box { padding: 5.25vw 0 8.375vw 0; overflow: hidden; position: relative; -webkit-transition: all .4s ease; transition: all .4s ease; } .service_develop_item_back { position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; } .service_develop_item_back img { -webkit-transition: all .6s ease; transition: all .6s ease; } .service_develop_item_back:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; -webkit-transition: all .4s ease; transition: all .4s ease; } .service_develop_item_content { position: relative; z-index: 9; padding: 0 1.8vw; } .service_develop_big { padding-left: 8.3333vw; margin-top: -20.4791666vw; } .service_develop_tab ul { display: flex; justify-content: space-between; } .service_develop_tab ul li { width: 19%; } .service_develop_tab { margin-top: 2.6041666vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .service_develop_wrap { background: #f4f4f4; } .service_develop_item_box:hover { padding: 2.1vw 0 2.2vw 0; } .service_develop_item_box:hover .service_develop_item_back:after { background: #0877ec; opacity: .8; } .service_develop_item_box:hover .service_develop_item_icon { color: #fff; left: 0; -webkit-transform: none; transform: none; } .service_develop_item_box:hover .service_develop_item_title { color: #fff; left: 0; -webkit-transform: none; transform: none; } .service_develop_item_box:hover .service_develop_item_line { background: #fff; left: 0; -webkit-transform: none; transform: none; } .service_develop_item_box:hover .service_develop_item_read { text-align: left; color: #fff; height: 12.5vw; -webkit-line-clamp: 8 !important; } .service_develop_item_box:hover .service_develop_item_back img { -webkit-transform: scale(1.1); transform: scale(1.1); } .service_advantage_wrap { position: relative; } .service_advantage_back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .service_advantage_box { position: relative; z-index: 9; padding: 5.98958333vw 0; } .service_advantage_title { font-size: 2.08333vw; line-height: 2.708333vw; font-weight: bold; color: #fff; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .service_advantage_subtitle { font-size: 0.78125vw; line-height: 1.3541666vw; margin-top: 1.30208333vw; color: #fff; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .service_advantage_tab { width: 70%; padding-top: 1.041666vw; } .service_advantage_item_box { width: 33.3333%; padding-right: 6.7708333vw; margin-top: 4.1666vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .service_advantage_item_icon { width: 3.2291666vw; line-height: 3.2291666vw; background: rgba(255, 255, 255, .1); font-size: 1.19791666vw; color: #fff; text-align: center; -webkit-border-radius: 100%; border-radius: 100%; margin-bottom: 1.5625vw; } .service_advantage_item_title { font-size: 1.25vw; line-height: 1.7708333vw; color: #fff; font-weight: bold; } .service_advantage_item_text { font-size: 0.78125vw; line-height: 1.3541666vw; color: #fff; margin-top: 0.78125vw; } .body_animate .header_wrap { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; } .body_animate .index_banner_button { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1); transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1); transition-delay: .5s; } .body_animate .index_banner_btn_circle { -webkit-animation: rotating 12s linear infinite; animation: rotating 12s linear infinite; } @-webkit-keyframes rotating { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } @keyframes rotating { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } .index_banner_animate { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 1.2s cubic-bezier(0.8, 0, 0.2, 1); transition: all 1.2s cubic-bezier(0.8, 0, 0.2, 1); -webkit-transition-delay: .85s; transition-delay: .85s; } .index_content_wrap { position: relative; z-index: 9; background: #fff; margin-top: 100vh; } .index_banner_fixed_btn { position: fixed; left: 0; bottom: 3.125vw; width: 100%; z-index: 19; } .public_hide { overflow: hidden; } /* .header_hide { transform: translateY(-100%) !important; } */ .header_hide { position: fixed; } .iqw_cursor_wrap { width: 1.3541666vw; height: 1.3541666vw; position: absolute; left: -0.67708333vw; top: -0.67708333vw; z-index: 999999; mix-blend-mode: difference; pointer-events: none; } .iqw_cursor_box { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; } .iqw_cursor_show .iqw_cursor_box { opacity: 1; -webkit-transform: none; transform: none; } .iqw_cursor_circle { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 100%; height: 100%; -webkit-border-radius: 100%; border-radius: 100%; box-sizing: border-box; mix-blend-mode: normal; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background: rgba(255, 255, 255, 1); -webkit-transition: all .3s ease; transition: all .3s ease; } .iqw_cursor_icon { font-size: 0.625vw; -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .iqw_nav_hover .iqw_cursor_circle { border: none; width: 260%; height: 260%; } .iqw_nav_scale .iqw_cursor_circle { width: 0; height: 0; } .iqw_nav_icon .iqw_cursor_circle { width: 200%; height: 200%; } .iqw_nav_icon .iqw_cursor_circle .iqw_cursor_icon { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1; } /*选择理由*/ .planning_box4 { background: #f5f5f5; padding-bottom: 8vw; padding-top: 6vw; } .planning_box4 .swiper-container { margin: 0 auto; margin-top: 0px; position: relative; overflow: hidden; z-index: 1; } .planning_box4 .mabox { padding: 0 8.3333vw; } .flex-center-center { display: flex; align-items: center; justify-content: center; } .flex-between { display: flex; justify-content: space-between; } .planning-title { text-align: center; padding: 0px 0 60px; } .planning-title h3 { font-weight: bold; font-size: 2.08333vw; line-height: 2.708333vw; } .planning-title h4 { font-weight: normal; font-size: 20px; margin-top: 12px; color: #555555; } .planning-title h5 { font-weight: normal; margin-top: 12px; color: #555555; } .julyTabTit li { margin: 0 40px; font-size: 24px; color: #aaa; cursor: pointer; padding-bottom: 8px; } .julyTabTit li.on { border-bottom: 1px solid #333; color: #333; } .julyTabCon { margin-top: 40px !important; } .w50 { width: 50%; } .w60 { width: 60%; } .w40 { width: 40%; } .julyTabCon .swiper-slide { border-left: 1px solid #f5f5f5; background-color: #f5f5f5; } .julyTabCon .swiper-slide .img img { width: 100%; height: 100%; object-fit: cover; } .julyTabCon .swiper-slide .text { background-color: #fff; padding: 80px 0 0 120px; line-height: 2; font-size: 18px; position: relative; } .julyTabCon .swiper-slide .text h3 { color: #999; font-size: 24px; font-weight: bold; } .julyTabCon .swiper-slide .text h2 { font-size: 40px; font-weight: bold; margin-bottom: 10px; } .tnum { position: absolute; right: 20px; bottom: 0; color: #f7f7f7; font-size: 6rem; text-shadow: #e5e5e5 1px 0 0, #e5e5e5 0 1px 0, #e5e5e5 -1px 0 0, #e5e5e5 0 -1px 0; font-family: 'Montserrat-Bold'; opacity: .3; line-height: 1; } .julyTabCon .swiper-slide .text .line { width: 20px; height: 1px; background-color: #000; margin-right: 10px; display: inline-block; } .w50 { width: 50%; } i, em, b { font-style: normal; font-weight: normal; } .planning_box1 { display: flex; display: -webkit-flex; justify-content: center; position: relative; margin-bottom: 2rem; } .planning_box1 .item { position: relative; width: 10rem; background: url(../images/jia.png) no-repeat left center; margin-left: -1.5rem; cursor: pointer; height: 10rem; border: 1px solid #e0e0e0; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .planning_box1 .item .text .ico { width: 2rem; height: 2rem; transition: all 0.6s; margin: 0 auto; } .planning_box1 .item .text p { font-size: .45rem; } .planning_box1 .item .hover { position: absolute; width: 70%; transition: all 0.8s; left: 100%; height: 50%; top: 20%; color: #ffffff; z-index: 2; display: none; } .planning_box1 .item:hover { background: none; color: #ffffff; } .planning_box1 .item:hover .text .ico { background: url(../images/planning_ico01.png) no-repeat top center; } .planning_box1 .item:first-child { margin-left: 0; background: none } .planning_box1 .item::after { opacity: 0; transform: translateX(-10px); z-index: 1; position: absolute; content: ""; left: 0; top: -2.5%; width: 200%; background: url(../images/planning_hover.png) no-repeat; background-size: contain; height: 105%; overflow: hidden; border-radius: 30%; } .planning_box1 .item:hover::after { opacity: 1; transform: translateX(0); transition: all 0.6s; } .planning_box1 .item:hover .hover { display: flex; align-items: center; line-height: 2; } .planning_box1 .item:hover .text { position: relative; z-index: 2; } .planning_box1 .item:nth-child(4):hover::after { right: -1rem; left: auto; } .planning_box1 .item:nth-child(5):hover::after { right: -1rem; left: auto; } .planning_box1 .item:nth-child(4):hover .hover { left: auto; right: 100%; } .planning_box1 .item:nth-child(5):hover .hover { left: auto; right: 100%; } .planning_box1 .item .text .ico1 { background: url(../images/planning_ico1.png) no-repeat top center; } .planning_box1 .item .text .ico2 { background: url(../images/planning_ico2.png) no-repeat top center; } .planning_box1 .item .text .ico3 { background: url(../images/planning_ico3.png) no-repeat top center; } .planning_box1 .item .text .ico4 { background: url(../images/planning_ico4.png) no-repeat top center; } .planning_box1 .item .text .ico5 { background: url(../images/planning_ico5.png) no-repeat top center; } /*小程序详情*/ .nban2 { width: 100%; position: relative } .nban2 .cent-cont { position: absolute; left: 10.5%; top: 50%; margin-top: -114px; color: #fff; z-index: 3; } .nban2 .word { color: #fff; font-size: 2.8125vw; line-height: 4.1666vw; font-weight: bold; } .nban2 .word p { position: relative; overflow: hidden; height: 68px; } .nban2 .word p .font-sign { position: relative; display: block; top: 0; } .nban2 .word p.gjc { background: url(../images/seo_line.png) left bottom no-repeat; padding: 0 30px 20px 0; height: auto; width: 442px; } .nban2 .word p.stb { background: url(../images/seo_line.png) left bottom no-repeat; padding: 0 10px 20px 0; height: auto; width: 462px; } .nban2 .seotb h3 { font-size: 35px; font-weight: normal; color: #fff; line-height: 1.4; } .nban2 .seotb h4 { font-size: 20px; font-weight: normal; color: #fff; line-height: 1.4; } .nban2 .link { display: block; width: 42px; height: 42px; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 50%; margin-top: 50px; transition: all 0.3s ease 0s; cursor: pointer; position: relative; overflow: hidden; } .arrow { opacity: 0; animation: downico 1.5s ease-out infinite; position: absolute; bottom: 0px; width: 100%; height: 100%; cursor: pointer; overflow: hidden; z-index: 9999; background: url(../images/ico_16.png) no-repeat center; } .i-ban li.active .link i { animation: downico 1.5s ease-out infinite; } .nban2 .link:hover { border: 1px solid white; } .wn70 { width: 70%; margin: 0 auto } .wn70 { width: 70%; margin: 0 auto } @keyframes downico { 0% { top: 0; opacity: 1; } 35% { top: 50%; opacity: 0; } 65% { top: -50%; opacity: 0; } 100% { top: 0; opacity: 1; } } .tool-cut { width: 85%; margin: 0 auto; position: relative; } .tool-swiper { width: 100%; overflow: hidden; } .solution-tool button.fa { position: absolute; top: 0; bottom: 0; width: 50px; background: rgba(0, 0, 0, .1); color: rgba(255, 255, 255, .5); cursor: pointer; border: none; font-size: 40px; padding: 0; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; } .solution-tool button.fa:hover { background: #0166ce; color: #fff; } .solution-tool .fa-back { right: 100%; } .solution-tool .fa-more { left: 100%; } .solution-tool ul { width: 10000%; } .solution-tool ul:after { display: block; clear: both; content: ''; } .solution-tool ul li { width: 1%; float: left; text-align: center; color: #fff; position: relative; } .solution-tool .swiper-button-prev { left: 0px; width: 24px; height: 111px; top: 50%; margin-top: -55px; background: url(../images/lunbo_17.png) no-repeat; background-size: 100%; } .solution-tool .swiper-button-prev::after, .solution-tool .swiper-button-next::after { content: ''; } .solution-tool .swiper-button-next { right: 0px; width: 24px; height: 111px; top: 50%; margin-top: -55px; background: url("../images/lunbo_20.png") no-repeat; background-size: 100%; } .solution-tool { background: url(../images/xcxbj.jpg) center / cover no-repeat; color: #d6d6d6; text-align: center; padding: 5.25vw 0; } .solution-title { text-align: center; font-size: 2.08333vw; line-height: 2.708333vw; color: #fff; font-weight: bold; margin-bottom: 4.16vw; } .solution-tool .solution-title .text { text-align: center; margin-top: 1.5625vw; font-size: 0.833333vw; line-height: 1.5625vw; color: #fff; font-weight: normal; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } .solution-tool-box { margin: 0px -10px; } .xcx_jjfa { padding: 5.25vw 8.3333vw; background: #f5f5f5; } .xcx_jjfa h2 { color: #333; text-align: center; font-size: 2.86458333vw; line-height: 3.38541666vw; font-weight: bold; } .xcx_jjfa h4 { color: #333; text-align: center; font-weight: normal; margin-bottom: 65px; margin-top: 1.5625vw; font-size: 0.833333vw; line-height: 1.5625vw; } .swiper-yxxy { width: 100%; margin: 0 auto; padding-bottom: 50px; overflow: hidden; position: relative; } .swiper-yxxy .swiper-slide { position: relative; padding: 10px 0; text-align: center; -moz-box-sizing: border-box; /*Firefox3.5+*/ -webkit-box-sizing: border-box; /*Safari3.2+*/ -o-box-sizing: border-box; /*Opera9.6*/ -ms-box-sizing: border-box; /*IE8*/ box-sizing: border-box; } .swiper-yxxy .swiper-pagination-bullet { width: 12px; height: 12px; border: #999 1px solid; display: inline-block; border-radius: 0; opacity: 1; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: none; } .swiper-yxxy .swiper-pagination-bullet.swiper-pagination-bullet-active { border: #333 1px solid; background: #333 } .swiper-yxxy .swiper-slide .solution-mode-txt { background: #ffffff; box-shadow: 5px 5px 20px 0 rgba(237, 237, 248, 0.5); padding: 20px 0 0 0; height: 330px; position: relative; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; } .swiper-yxxy .swiper-slide .solution-mode-txt:hover { -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .05), 0 15px 40px 0 rgba(0, 0, 0, .05); box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .05), 0 15px 40px 0 rgba(0, 0, 0, .05); transform: translateY(-10px); -wbkit-transform: translateY(-10px); -o-transform: translateY(-10px); -moz-transform: translateY(-10px); transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; z-index: 9999 } .swiper-yxxy .swiper-slide .solution-mode-txt .tit { font-size: 24px; line-height: 40px; color: #333; position: absolute; width: 100%; top: 80px; left: 0; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .swiper-yxxy .swiper-slide .solution-mode-txt .tit img { max-width: 88px; margin: 0 auto; } .swiper-yxxy .swiper-slide .solution-mode-txt .tit1 { font-size: 24px; } .swiper-yxxy .swiper-slide .solution-mode-txt .text { margin: 17px 0 0px 0; color: #555; font-size: 14px; line-height: 24px; padding: 0px 45px; position: absolute; left: 0; top: 168px; transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; opacity: 1; width: 100%; -moz-box-sizing: border-box; /*Firefox3.5+*/ -webkit-box-sizing: border-box; /*Safari3.2+*/ -o-box-sizing: border-box; /*Opera9.6*/ -ms-box-sizing: border-box; /*IE8*/ box-sizing: border-box; background: #fff } .swiper-yxxy .swiper-slide .solution-mode-txt .text p { font-size: 24px; line-height: 40px; color: #333; } .swiper-yxxy .swiper-slide .solution-mode-txt .text2 p { font-size: 24px; line-height: 40px; color: #333; } .swiper-yxxy .swiper-slide .solution-mode-txt .text2 { margin: 17px 0 0px 0; color: #555; font-size: 14px; line-height: 24px; padding: 0px 45px; position: absolute; left: 0; top: 168px; transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; opacity: 0; width: 100%; -moz-box-sizing: border-box; /*Firefox3.5+*/ -webkit-box-sizing: border-box; /*Safari3.2+*/ -o-box-sizing: border-box; /*Opera9.6*/ -ms-box-sizing: border-box; /*IE8*/ box-sizing: border-box; background: #fff } .swiper-yxxy .swiper-slide .solution-mode-txt:hover .text { opacity: 0; top: 168px; } .swiper-yxxy .swiper-slide .solution-mode-txt:hover .text2 { opacity: 1; top: 168px; } .xcx_syhy { background: #fff; padding: 60px 0; } .xcx_syhy h2 { font-size: 2.86458333vw; line-height: 3.38541666vw; font-weight: bold; color: #333; text-align: center } .xcx_syhy h4 { margin-top: 1.5625vw; font-size: 0.833333vw; line-height: 1.5625vw; color: #333; text-align: center; font-weight: normal; margin-bottom: 65px } .swiper-syhy { width: 100%; margin: 0 auto; padding-bottom: 30px; overflow: hidden; position: relative; } .swiper-syhy .swiper-slide { position: relative; } .swiper-syhy .swiper-slide .tpzs ul li { width: 16%; float: left; margin: 0 2% 50px; } .swiper-syhy .swiper-slide .tpzs ul li .tp { overflow: hidden; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .swiper-syhy .swiper-slide .tpzs ul li img { width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .swiper-syhy .swiper-slide .tpzs ul li:hover img { width: 100%; -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -o-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .swiper-syhy .swiper-slide .tpzs ul li h3 { font-size: 18px; color: #333; line-height: 2; text-align: center } .swiper-syhy .swiper-pagination-bullet { width: 12px; height: 12px; border: #999 1px solid; display: inline-block; border-radius: 0; opacity: 1; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: none; } .swiper-syhy .swiper-pagination-bullet.swiper-pagination-bullet-active { border: #333 1px solid; background: #333 } .swiper-syhysj { display: none; } .gx_problbox {} .gx_problbox { padding-bottom: 138px; padding-top: 120px; } .gx_progtop { padding-top: 108px; } .gx_progtop span { font-family: 'Conv_QUARTO-BOLD'; font-size: 48px; color: #464646; display: block; text-align: center; } .gx_progtop h5 { font-size: 60px; color: #464646; display: block; text-align: center; margin-top: 86px; } .gx_problbox { padding-left: 140px; padding-right: 140px; overflow: hidden; } .gx_problbox .text { background: url(../images/yd_xx.png) no-repeat left top; color: #fff; width: 60%; float: right; height: 540px; padding-left: 5%; padding-top: 92px; } .gx_problbox .text p.p1 { font-size: 36px; color: #fff; margin-bottom: 12px; } .gx_problbox .text p.p1 span { color: #fff } .gx_problbox .text p.p2 { font-size: 60px; margin-bottom: 85px; line-height: 68px; padding-left: 50px; } .gx_problbox .text p.p3 { font-size: 36px; margin-bottom: 45px; padding-left: 50px; } .gx_problbox .text p.p4 { font-size: 24px; line-height: 42px; padding-left: 50px; } /*关于我们*/ .about-home { padding: 5.25vw 8.3333vw; background: #fff; } .about-home .sec-wrap { background-color: #fff; } .about-home .sec-wrap .xtb { width: 43px; height: 43px; border: #ccc 1px solid; position: relative; float: left; margin-right: 25px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin-top: 40px } .about-home .sec-wrap .xtb.dx i { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; transition: all 0.3s ease 0s; background: url(../images/ico_06.png) no-repeat center; } .about-home .sec-wrap .xtb:hover i { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; transition: all 0.3s ease 0s; background: url(../images/ico_05.png) no-repeat center; } .about-home .sec-wrap .xtb .bg { display: block; width: 0; height: 0; left: 50%; top: 50%; transition: all 0.3s ease 0s; position: absolute; border-radius: 50%; background-color: #0877ec; z-index: 1 } .about-home .sec-wrap .xtb:hover .bg { width: 100%; height: 100%; left: 0; top: 0; } .about-home .sec-wrap .imgbox { width: 70.2%; } .about-home .sec-wrap .imgbox2 { width: 40.2%; } .about-home .sec-wrap .left-cont.l2 { width: 49.4%; padding-left: 5.78%; padding-top: 100px; } .about-home .sec-wrap .left-cont { width: 19.4%; padding-left: 5.78%; padding-top: 100px; } .about-home .sec-wrap .left-cont .tit { line-height: 36px; font-size: 24px; color: #333; margin-bottom: 35px; } .about-home .sec-wrap .left-cont .line { display: block; width: 18px; height: 2px; background-color: #0877ec; margin-top: 20px; } .about-home .sec-wrap .left-cont .word { display: block; line-height: 28px; font-size: 14px; margin-top: 20px; } .about-home .sec-wrap .left-cont .num-long { font-size: 60px; margin-top: 42px; color: #333; line-height: 62px; font-family: "Trump"; } .about-home .sec-wrap .left-cont .num-long .m { font-size: 60px; position: relative; } .about-home .sec-wrap .left-cont .num-long .square { display: inline-block; font-size: 24px; position: absolute; right: -10px; top: -6px; font-style: normal; } .about-home .sec-wrap .left-cont .sfont { line-height: 24px; font-size: 14px; color: #777; } .about-home .thi-wrap .row-box, .about-home .fiv-wrap .row-box { width: 49.5%; position: relative; } .about-home .thi-wrap .row-box img, .about-home .fiv-wrap .row-box img { width: 100%; } .about-home .thi-wrap .row-box .up-gray, .about-home .fiv-wrap .row-box .up-gray { display: block; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 2; height: 140px; background: url(../images/bg_11.png) no-repeat center / 100%; } .about-home .thi-wrap .row-box .up-cont, .about-home .fiv-wrap .row-box .up-cont { position: absolute; bottom: 0; left: 5%; width: 90%; opacity: 0; filter: alpha(opacity=0); transition: all 0.3s ease 0s; z-index: 3; } .about-home .thi-wrap .row-box .up-cont .stit, .about-home .fiv-wrap .row-box .up-cont .stit { font-size: 20px; line-height: 34px; color: #fff; } .about-home .thi-wrap .row-box .up-cont .font, .about-home .fiv-wrap .row-box .up-cont .font { font-size: 14px; line-height: 28px; color: #fff; opacity: 0.8; filter: alpha(opacity=50); } .about-home .thi-wrap .row-box:hover .up-cont, .about-home .fiv-wrap .row-box:hover .up-cont { bottom: 18px; opacity: 1; filter: alpha(opacity=100); } .about-home .fou-wrap { background-color: #333; margin-top: 20px; } .about-home .fou-wrap .imgbox { width: 70%; } .about-home .fou-wrap .imgbox img { width: 100%; } .about-home .fou-wrap .right-cont { width: 19.7%; margin-right: 5.2%; padding-top: 104px; } .about-home .fou-wrap .right-cont .stit { font-size: 24px; line-height: 40px; color: #fff; } .about-home .fou-wrap .right-cont .line { display: block; width: 18px; height: 2px; background-color: #858585; margin-top: 25px; } .about-home .fou-wrap .right-cont .word { display: block; line-height: 28px; font-size: 14px; margin-top: 23px; color: #fff; opacity: 0.5; filter: alpha(opacity=50); } .culture-wrap { /* background: url(../images/bg_05.jpg) no-repeat center top #fff; */ margin-top: 3.6458333vw } .dtit { padding-left: 20px; padding-top: 20px; padding-bottom: 20px } .dtit p { font-size: 26px; line-height: 46px; color: #333; margin-left: -1px; } .dtit .line { display: block; width: 10px; height: 2px; background-color: #9a9a9a; margin-top: 10px; } .dtit .mtit { display: block; margin-top: 18px; line-height: 36px; color: #444; font-size: 16px; } .mtit a { color: #444; } .dtit .font { display: block; line-height: 24px; font-size: 13px; margin-top: 10px; } .culture-wrap .sec-list { padding-top: 0px; width: 100%; margin: 0 auto; padding-bottom: 0px; overflow: hidden; } .clear { clear: both; } .w-f { width: 100%; } .culture-wrap .sec-list .cont-wrap .num-list { width: 49.85%; height: 336px; } .fl { float: left; display: inline; } .culture-wrap .sec-list .cont-wrap .num-list ul { width: 100%; height: 100%; } .culture-wrap .sec-list .cont-wrap .num-list li.gray { background-color: #f5f5f5; } .culture-wrap .sec-list .cont-wrap .num-list li { width: 50%; float: left; text-align: center; height: 100%; } .culture-wrap .sec-list .cont-wrap .num-list .num-box { height: 180px; padding-top: 60px; } .culture-wrap .sec-list .cont-wrap .num-list .word { display: block; width: 86%; margin: 14px auto 0; color: #fff; line-height: 28px; font-size: 15px } .culture-wrap .sec-list .cont-wrap .num-list .num-box .num { display: inline-block; position: relative; font-size: 114px; line-height: 120px; vertical-align: top; color: #fff; font-family: "Base-font"; } .culture-wrap .sec-list .cont-wrap .num-list li.gray .stt { background-color: #f5f5f5; } .culture-wrap .sec-list .cont-wrap .num-list .num-box .stt { font-size: 26px; line-height: 44px; color: #fff; position: absolute; bottom: 6px; right: -42px; display: inline-block; width: 110px; text-align: center; background-color: #fff; font-weight: bold } .culture-wrap .sec-list .cont-wrap .imgbox { width: 49.85%; height: 336px; } .fr { float: right; display: inline; } .culture-wrap .sec-list .cont-wrap .num-list ul { width: 100%; height: 100%; } .culture-wrap .sec-list .cont-wrap .num-list li.black { background-color: #333; } .culture-wrap .sec-list .cont-wrap .num-list li.black .num-box .num { color: #fff; } .culture-wrap .sec-list .cont-wrap .num-list li.black .word { color: #ffff; } .culture-wrap .sec-list .cont-wrap .num-list li.black .stt { color: #ffffff; } /*合作伙伴*/ .khtp { background: #f2f2f2; padding: 5.25vw 8.3333vw; } .khtp ul li { width: 15.8%; float: left; position: relative; z-index: 1; margin-right: 1%; margin-bottom: 1%; position: relative; padding: 15px 0; border: #eee 1px solid; background: #fff } /*.khtp ul li:hover{-webkit-box-shadow: 0 0px 20px 7px rgba(0,0,0,.05);box-shadow: 0 0px 20px 7px rgba(0,0,0,.05);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; z-index:9}*/ .khtp ul li:nth-child(6n) { margin-right: 0; } .khtp ul li img { width: 100%; height: 87px; object-fit: contain; transition: all 0.6s; -wbkit-transition: all 0.6s; -o-transition: all 0.6s; -moz-transition: all 0.6s; } .solution-title .text { text-align: center; margin-top: 1.5625vw; font-size: 1.82291666vw; /* line-height: 1.5625vw; */ color: #222; font-weight: normal; } /*企业品牌*/ .sy_fw { padding: 60px 0; background: #f5f5f5; overflow: hidden; } .sy_fw ul li { width: 33.3333%; float: left; background: #fff; transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; margin-bottom: 45px; } .sy_fw ul li:hover { background: #0877ec; transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; } .sy_fw ul li .tp { overflow: hidden; position: relative; background: #000; } .sy_fw ul li .tp img { width: 100%; display: block; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .sy_fw ul li .tp:hover img { -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -o-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; opacity: 0.8; } .sy_fw ul li .tp .yw { content: ""; position: absolute; font-size: 18px; color: #fff; right: -40px; top: 25%; transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); text-transform: uppercase; line-height: 1.8; z-index: 9; } .sy_fw ul li .gd { width: 150px; line-height: 40px; border: #fff 1px solid; position: absolute; z-index: 8; text-align: center; right: 15px; bottom: 20px; color: #fff; font-size: 16px; font-weight: bold; } .sy_fw ul li .wenz { padding: 0 30px; } .sy_fw ul li .wenz h3 { font-size: 18px; line-height: 60px; color: #333; position: relative; border-bottom: #0877ec 1px solid; padding-left: 30px; } .sy_fw ul li .wenz h3 span { font-size: 14px; color: #838383; float: right; } .sy_fw ul li .wenz h3::before { width: 15px; height: 15px; position: absolute; left: 0; top: 50%; margin-top: -8px; content: ""; background: #0877ec; } .sy_fw ul li .wenz .list { padding: 30px 0; position: relative; } .sy_fw ul li .wenz p { font-size: 16px; color: #838383; line-height: 1.8; position: relative; padding-left: 10px; } .sy_fw ul li .wenz p::before { content: "•"; position: absolute; left: 0; } .sy_fw ul li .wenz .jt { width: 44px; height: 44px; border: 1px solid #0877ec; border-radius: 100%; overflow: hidden; cursor: pointer; position: absolute; bottom: 30px; right: 0; } .sy_fw ul li .wenz .jt .carousel-scroll-btn-icon { position: absolute; width: 0; height: 0; text-align: center; cursor: pointer; top: 50%; left: 50%; margin-top: 0; margin-left: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .sy_fw ul li .wenz .jt .carousel-scroll-btn-icon-wrapper { width: 44px; text-align: center; position: relative; font-size: 35px; color: #0877ec; line-height: 36px; } .sy_fw ul li .wenz .jt i { font-size: 22px; font-weight: 100; position: relative; z-index: 9; } .sy_fw ul li:hover h3 { color: #fff; border-bottom: #fff 1px solid; } .sy_fw ul li:hover .wenz h3::before { background: #fff; } .sy_fw ul li:hover .wenz p { color: #fff; } .sy_fw ul li:hover .jt { border: 1px solid #fff; } .sy_fw ul li:hover .wenz .jt .carousel-scroll-btn-icon { width: 100%; height: 100%; margin-left: -22px; margin-top: -22px; background: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-radius: 22px; } .sy_fw ul li:hover .wenz h3 span { color: #fff; } .sy_fw ul li.on { background: #0877ec; } .sy_fw ul li.on h3 { color: #fff; border-bottom: #fff 1px solid; } .sy_fw ul li.on .wenz h3::before { background: #fff; } .sy_fw ul li.on .wenz p { color: #fff; } .sy_fw ul li.on .jt { border: 1px solid #fff; } .sy_fw ul li.on .jt i { color: #fff; } .sy_fw ul li.on:hover .jt i { color: #0877ec; } .sy_fw ul li.on .wenz .jt .carousel-scroll-btn-icon { color: #fff; } .sy_fw ul li.on .wenz h3 span { color: #fff; } .sy_fw ul.bs {} .sy_fw ul.bs li { width: 25%; float: left; background: #fff; position: relative; overflow: hidden; } .sy_fw ul.bs li .wenz2 { padding: 20px 0; } .sy_fw ul.bs li .wenz2 h4 { font-size: 18px; color: #454545; text-align: center; } .sy_fw ul.bs li .wenz2 h4 i { width: 15px; height: 15px; display: inline-block; background: #0877ec; margin-right: 15px; } .sy_fw ul.bs li .wenz { position: absolute; left: 0; top: 100%; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; width: 100%; height: 100%; box-sizing: border-box; } .sy_fw ul.bs li:hover .wenz { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; top: 0; opacity: 1; background: #0877ec; } .sy_fw ul.bs li .wenz .list { padding: 30px; position: absolute; left: 0; bottom: 0; box-sizing: border-box; width: 100%; } .sy_fw ul.bs li .wenz .jt { right: 30px; } .ny_fwjylc { padding: 60px 0; background: #fff; overflow: hidden; } .ny_fwjylc ul { display: flex; align-items: stretch; } .ny_fwjylc ul li { width: 9.4375%; text-align: center; } .ny_fwjylc ul li img { width: 100%; } .ny_fwjylc ul li img.img1 { display: block; } .ny_fwjylc ul li:hover img.img1 { display: none; } .ny_fwjylc ul li img.img2 { display: none; } .ny_fwjylc ul li:hover img.img2 { display: block; } .ny_fwjylc ul li .tp { position: relative; } .ny_fwjylc ul li .tp .sz { position: absolute; height: 100%; width: 100%; z-index: 1; flex-direction: column; justify-content: center; align-items: center; font-size: 45px; color: #0877ec; display: flex; font-weight: bold; } .ny_fwjylc ul li:hover .tp .sz { color: #fff; } .ny_fwjylc ul li i { font-size: 34px; color: #0877ec; } .ny_fwjylc ul li:nth-child(2n) { width: 3.5%; padding-top: 4.5%; box-sizing: border-box; } .ny_fwjylc ul li h3 { font-size: 18px; color: #333; margin-top: 10px; text-align: center; margin-bottom: 5px; } .ny_fwjylc ul li p { font-size: 12px; color: #838383; text-align: center; text-transform: uppercase; } .tit {} .tit span { color: #0877ec; } .tit { font-size: 2.86458333vw; line-height: 3.38541666vw; font-weight: bold; color: #222222; margin-bottom: 2vw; } .solution-tool-con { float: left; width: 20%; padding: 30px 10px; text-align: center; font-size: 18px; -moz-box-sizing: border-box; /*Firefox3.5+*/ -webkit-box-sizing: border-box; /*Safari3.2+*/ -o-box-sizing: border-box; /*Opera9.6*/ -ms-box-sizing: border-box; /*IE8*/ box-sizing: border-box; } .solution-tool-con img { margin-bottom: 10px; max-width: 68px; margin: 0 auto 10px; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .solution-tool-con:hover img { -webkit-transform: translate(0, -5px); transform: translate(0, -5px); } .index_about_tit_text { -webkit-transform: translateY(250%) skewY(8deg); transform: translateY(250%) skewY(8deg); } .index_about_subtitle_text { -webkit-transform: translateY(250%) skewY(6deg); transform: translateY(250%) skewY(6deg); } .index_about_tips_text { -webkit-transform: translateY(250%) skewY(3deg); transform: translateY(250%) skewY(3deg); pointer-events: none; } .AddIndexAboutContent .index_about_tit_text { -webkit-transform: none; transform: none; pointer-events: auto; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddIndexAboutContent .index_about_subtitle_text { -webkit-transform: none; transform: none; pointer-events: auto; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .1s; transition-delay: .1s; } .AddIndexAboutContent .index_about_title_tips:nth-child(1) .index_about_tips_text { -webkit-transform: none; transform: none; pointer-events: auto; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .2s; transition-delay: .2s; } .AddIndexAboutContent .index_about_title_tips:nth-child(2) .index_about_tips_text { -webkit-transform: none; transform: none; pointer-events: auto; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .3s; transition-delay: .3s; } .AddIndexAboutContent .index_about_title_tips:nth-child(3) .index_about_tips_text { -webkit-transform: none; transform: none; pointer-events: auto; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .4s; transition-delay: .4s; } .AddIndexAboutMask:after { height: 0; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .index_about_button { float: left; padding-top: 40px; } .AddIndexAboutButton .index_public_button { -webkit-transform: none; transform: none; pointer-events: auto; -webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1); transition: all .8s cubic-bezier(.4, 0, .2, 1); } .AddIndexProHead .index_pro_title_max { -webkit-transform: none; transform: none; pointer-events: auto; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddIndexProHead .index_pro_subtitle_label { -webkit-transform: none; transform: none; pointer-events: auto; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .1s; transition-delay: .1s; } .AddIndexProHead .index_pro_subtitle_label h1 { font-size: 24px; font-weight: bold; background: #0877ec; padding: 0px 10px; color: #fff; min-width: 260px; width: max-content; text-align: center; margin: 8px 0 } .AddIndexProHead .index_pro_button .index_public_button { -webkit-transform: none; transform: none; pointer-events: auto; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .2s; transition-delay: .2s; } .AddIndexAdvantageTop .index_advantage_title_label { -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddIndexAdvantageTop .index_advantage_subtitle_label { -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .1s; transition-delay: .1s; } .AddIndexAdvantageTop .index_advantage_line:after { height: 100%; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: .6s; transition-delay: .6s; } .AddIndexAdvantageTop .index_advantage_label_box:nth-child(1) .index_advantage_label_text { -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .3s; transition-delay: .3s; } .AddIndexAdvantageTop .index_advantage_label_box:nth-child(2) .index_advantage_label_text { -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .4s; transition-delay: .4s; } .AddIndexAdvantageTop .index_advantage_label_box:nth-child(3) .index_advantage_label_text { -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .5s; transition-delay: .5s; } .AddIndexAdvantageTop .index_advantage_label_box:nth-child(4) .index_advantage_label_text { -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .6s; transition-delay: .6s; } .AddIndexAdvantageButton .index_public_button { -webkit-transform: none; transform: none; pointer-events: auto; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddIndexNewsHead .index_news_tips_max { -webkit-transform: none; transform: none; pointer-events: auto; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddIndexNewsHead .index_news_min_label { -webkit-transform: none; transform: none; pointer-events: auto; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .1s; transition-delay: .1s; } .AddIndexNewsHead .index_news_tips_button .index_public_button { -webkit-transform: none; transform: none; pointer-events: auto; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .2s; transition-delay: .2s; } .AddIndexNewsHead .index_news_nav_box { -webkit-transform: none; transform: none; pointer-events: auto; opacity: 1; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .3s; transition-delay: .3s; } .AddIndexNewsSlideHead { opacity: 1; /*pointer-events: auto;*/ -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddIndexNewsSlideItem { opacity: 1; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddIndexNewsSlideItem.index_news_slide_item:nth-child(3n+2) { -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .1s; transition-delay: .1s; } .AddIndexNewsSlideItem.index_news_slide_item:nth-child(3n) { -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .2s; transition-delay: .2s; } .AddIndexAdvantageTab .index_advantage_item_box { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddIndexAdvantageTab .index_advantage_item_box:nth-child(2) { -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .1s; transition-delay: .1s; } .AddIndexAdvantageTab .index_advantage_item_box:nth-child(3) { -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .2s; transition-delay: .2s; } .index_down_box:hover .index_public_button a .index_public_circle_after:before { -webkit-transform: none; transform: none; } .index_down_box:hover .index_public_button a .index_public_circle_before { width: 66%; height: 66%; } .index_down_box:hover .index_public_button a .index_public_circle_before:before { -webkit-transform: scale(1); transform: scale(1); } .index_down_box:hover .index_public_button a .index_public_circle_hover svg { -webkit-transform: none; transform: none; opacity: 1; } .index_down_box:hover .index_public_button a .index_public_circle_default svg { -webkit-transform: translateX(1.041666vw); transform: translateX(1.041666vw); opacity: 0; } .AddPublicBannerTit p { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddPublicBannerTit p:nth-child(2) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .1s; transition-delay: .1s; } .AddPublicBannerBtn { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .2s; transition-delay: .2s; } .AddCaseNavBox { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddCaseNavBox { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddCasePaginationBox { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddNewHeadItem { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; } .AddNewItemBox { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .news_tab_big { opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .AddNewItemBig { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddNewSoloItem { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; } .AddPublicBannerText { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .1s; transition-delay: .1s; } .AddContentHeadItem { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddContentAddBox { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddContentAddMap .content_address_photo:after { width: 0; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddContentAddMap .content_address_logo { -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .5s; transition-delay: .5s; } .AddContentAddMap .content_address_tab { -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .9s; transition-delay: .9s; } .AddCaseBannerWrap .case_banner_title { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .1s; transition-delay: .1s; } .AddCaseBannerWrap .case_banner_title img { width: auto; } .AddCaseBannerWrap .case_banner_text { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .2s; transition-delay: .2s; } .AddCaseBannerWrap .case_banner_btn { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .3s; transition-delay: .3s; } .AddCaseBannerWrap .case_banner_tips { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .3s; transition-delay: .3s; } .AddCaseBannerWrap .case_banner_foot_title { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .4s; transition-delay: .4s; } .AddCaseBannerWrap .case_banner_foot_text { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .5s; transition-delay: .5s; } .AddCaseVideoBox { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .case_bjg_content .AddCaseBjqImg { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddServiceNewsItem { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; } .service_title_label { opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .service_text_label { opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .AddServiceContentTab .service_title_label { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddServiceContentTab .service_text_label { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .1s; transition-delay: .1s; } .AddServiceContentTab .service_content_tab { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .2s; transition-delay: .2s; } .AddServiceRangeBox .service_range_title { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddServiceRangeBox .service_range_text { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .1s; transition-delay: .1s; } .AddServiceRangeBox .service_range_tab { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .2s; transition-delay: .2s; } .AddServiceRelatedBox .service_related_title { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddServiceRelatedBox .service_related_text { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .1s; transition-delay: .1s; } .AddServiceNavContent .service_nav_title { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddServiceNavContent .service_nav_subtitle { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .1s; transition-delay: .1s; } .AddServiceNavContent .service_nav_line_box:after { width: 100%; -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1); transition: all .6s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .3s; transition-delay: .3s; } .AddServiceNavContent .service_nav_line_box:before { width: 5.208333vw; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .3s; transition-delay: .3s; } .AddServiceNavContent .service_nav_text { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .3s; transition-delay: .3s; } .AddServiceNavBox .service_img_item_box:nth-child(1) .service_img_item_big { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .2s; transition-delay: .2s; } .AddServiceNavBox .service_img_item_box:nth-child(2) .service_img_item_big { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .3s; transition-delay: .3s; } .AddServiceNavBox .service_img_item_box:nth-child(3) .service_img_item_big { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .4s; transition-delay: .4s; } .AddServiceNavBox .service_img_item_box:nth-child(4) .service_img_item_big { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .5s; transition-delay: .5s; } .AddServiceSolveBox .service_solve_title { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddServiceSolveBox .service_solve_text { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .1s; transition-delay: .1s; } .AddServiceSolveBox .service_solve_tab { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .2s; transition-delay: .2s; } .AddWechatContent .wechat_page_head .wechat_page_en:nth-child(1) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddWechatContent .wechat_page_head .wechat_page_en:nth-child(2) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .1s; transition-delay: .1s; } .AddWechatContent .wechat_page_title { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .2s; transition-delay: .2s; } .AddWechatContent .wechat_page_text { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .3s; transition-delay: .3s; } .AddWechatItemBox { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddWechatFlowBox .wechat_flow_title { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddWechatFlowBox .wechat_flow_item_box { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; } .AddServiceAdvantageBox .service_advantage_title { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddServiceAdvantageBox .service_advantage_subtitle { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .1s; transition-delay: .1s; } .AddServiceAdvantageBox .service_advantage_item_box { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .2s; transition-delay: .2s; } .AddNewsRelatedItemBox { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddNewsRelatedServiceBox { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .news_details_share_bjq .AddNewsDetailsShare { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddServiceDevelopBox .service_develop_title { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddServiceDevelopBox .service_develop_text { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .1s; transition-delay: .1s; } .AddServiceDevelopPhoto .service_develop_img:after { height: 0; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddServiceDevelopBig .service_develop_button { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .1s; transition-delay: .1s; } .AddServiceDevelopBig .service_develop_tab { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .2s; transition-delay: .2s; } .AddAboutDetailedContent .about_detailed_logo { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddAboutDetailedContent .about_detailed_title { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .1s; transition-delay: .1s; } .AddAboutDetailedContent .about_detailed_text { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .2s; transition-delay: .2s; } .about_detailed_read .AddAboutDetailedRead { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddAboutAdvertisingItemBox .about_advertising_item_icon { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddAboutAdvertisingItemBox .about_advertising_item_title { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .1s; transition-delay: .1s; } .AddAboutAdvertisingItemBox .about_advertising_item_text { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .2s; transition-delay: .2s; } .AddAboutServiceHead .about_service_title { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddAboutServiceHead .about_service_text { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .1s; transition-delay: .1s; } .AddAboutServiceItem .about_service_item_after { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddAboutServiceItem .about_service_item_big { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .3s; transition-delay: .3s; } .index_banner_pagination_wrap { bottom: 4.925vw; position: absolute; left: 0; width: 100%; z-index: 99; padding-left: 10vw; } .index_banner_pagination_box { width: 100%; -webkit-justify-content: flex-start; justify-content: flex-start; } .index_banner_pagination_box .swiper-pagination-bullet { width: 0.8333vw; height: 1.3541666vw; background: none; opacity: 1; position: relative; overflow: hidden; margin: 0 0.26041666vw !important; outline: none; cursor: pointer; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-border-radius: 0; border-radius: 0; } .index_banner_pagination_box .swiper-pagination-bullet:after { content: ""; position: absolute; left: 15%; top: 0; -webkit-transform: rotate(65deg); transform: rotate(65deg); transform-origin: left top; width: 170%; background: rgba(255, 255, 255, .6); height: 2px; -webkit-transition: all .6s ease; transition: all .6s ease; } .index_banner_pagination_box .swiper-pagination-bullet-active { width: 2vw; } .index_banner_pagination_box .swiper-pagination-bullet-active:after { width: 100%; -webkit-transform: rotate(0) translateY(-50%); transform: rotate(0) translateY(-50%); top: 50%; left: 0; background: rgba(255, 255, 255, 1); } .pic_baidu { display: none; } .title-prefix { display: none; } /* 标签 */ .taglistbox { padding: 50px 0; } .taglistbox .line { padding-bottom: 80px; } .title-l h2 { line-height: 28px; height: 28px; color: #333; position: relative; font-size: 18px; padding-left: 20px; margin-bottom: 20px; font-weight: bold; } .title-l h2:before { content: ''; display: block; position: absolute; width: 5px; height: 20px; top: 4px; background: #0877ec; left: 0 } .tags_page_xxj { display: inline-block; transition: .5s; padding: 8px 15px; color: #333; border: 1px solid #dedede; background: #fff; margin: 8px 15px 8px 0; border-radius: 30px; } .tagsboxtt { padding-top: 15px; } .news_related_service_item .tags_page_xxj { padding: 4px 8px; font-size: 0.7291666vw; margin: 10px 10px 0 0; } .tags_page_xxj:hover { color: #fff; background: #0877ec; border-color: #0877ec; } .ewm_contact_wrap { position: fixed; cursor: pointer; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999; background: rgba(0, 0, 0, .5); pointer-events: none; opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; } .ewm_contact_show { opacity: 1; pointer-events: auto; } .ewm_contact_box { cursor: pointer; width: 100%; height: 100%; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .ewm_contact_close { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 8; } .ewm_contact_content { width: 10.41666vw; position: relative; z-index: 9; } .ewm_contact_head { display: block; padding: 0.5208333vw 0.5208333vw 0.26041666vw 0.5208333vw; -webkit-border-radius: 0.26041666vw; border-radius: 0.26041666vw; background: #fff; text-align: center; } .ewm_contact_text { font-size: 0.7291666vw; line-height: 1.458333vw; color: #333; position: relative; } .ewm_contact_title { padding: 0.41666vw 0.5208333vw; border-radius: 0.26041666vw; ; background: #fff; margin-top: 0.5208333vw; } .ewm_contact_title a { color: #000; display: block; text-align: center; font-size: 0.7291666vw; } .footer_share_ewm_photo { position: absolute; left: 50%; -webkit-transform: translateX(-50%) translateY(-100%); transform: translateX(-50%) translateY(-100%); width: 7.291666vw; top: 0; opacity: 0; pointer-events: none; -webkit-transition: all .6s ease; transition: all .6s ease; padding-bottom: 0.5vw; } .footer_share_ewm_img { background: #fff; padding: 0.26041666vw; position: relative; z-index: 9; -webkit-border-radius: 0.41666vw; border-radius: 0.41666vw; } .footer_share_ewm_photo:after { content: ""; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0.5208333vw; border-right: 0.4vw solid transparent; border-left: 0.4vw solid transparent; border-top: 0.6vw solid #fff; } .footer_share_item_box a:hover .footer_share_ewm_photo { opacity: 1; pointer-events: auto; padding-bottom: 1vw; } .sy_ys { width: 100%; padding: 7.25vw 0; background: #0877ec; overflow: hidden; } .col-md-4 { float: left; width: 33.33% } .sy_ys .gy_bt h3 { font-size: 2.86458333vw; line-height: 3.38541666vw; font-weight: bold; color: #fff; text-align: center; margin-bottom: 80px } .sy_ys .col-md-4 { border-right: 1px solid rgba(255, 255, 255, .3); } .sy_ys .col-md-4:last-child { border-right: 0; } .sy_ys .n_r { text-align: center; padding: 15px 30px; } .sy_ys .t_b { width: 90px; padding: 5px; border: 2px solid #fff; border-radius: 50%; margin: 0 auto 30px; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .sy_ys .n_r:hover .t_b { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); } .sy_ys .t_b img { width: 100%; height: auto; display: block; } .sy_ys h4 { font-size: 24px; font-weight: bold; line-height: 32px; color: #fff; margin-bottom: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .sy_ys p { color: #fff; line-height: 34px; font-size: 16px; padding: 0 30px } @media only screen and (max-width:992px) { .sy_ys { padding: 20px 0; } .sy_ys .row { margin: 0 -10px; } .sy_ys .col-md-4 { padding: 0 10px; } .sy_ys .n_r { padding: 30px 15px; } .sy_ys .t_b { width: 80px; margin: 0 auto 20px; } .sy_ys h4 { font-size: 20px; line-height: 32px; margin-bottom: 6px; } .sy_ys p { font-size: 14px; line-height: 22px; } .col-md-4 { float: none; width: 100% } .sy_ys .gy_bt h3 { font-size: 26px; line-height: 30px; font-weight: bold; color: #fff; text-align: center; margin-bottom: 0px } } @media only screen and (max-width:640px) { .sy_ys { padding: 20px 0 20px; } .sy_ys .gy_bt { margin-bottom: 0; } .sy_ys .row { margin: 0; } .sy_ys .col-md-4 { padding: 0; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .3); } .sy_ys .col-md-4:last-child { border-bottom: 0; } .sy_ys .n_r { padding: 20px 0; } .sy_ys .t_b { width: 70px; border: 1px solid #fff; } .sy_ys h4 { font-size: 18px; line-height: 28px; } } .indexDiv1 { padding: 70px 0; background: #fafafa; } .indexDiv1 .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .indexDiv1 .bdDiv .row { margin: 0 -5px; } .indexDiv1 .bdDiv .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .indexDiv1 .bdDiv .row>div { padding: 0 5px; margin: 5px 0; } .indexDiv1 .bdDiv .row>div .conDiv { text-align: center; height: 100%; } .indexDiv1 .bdDiv .row>div .conDiv .num { color: #0877ec; } .indexDiv1 .bdDiv .row>div .conDiv .num span { font-size: 60px; font-family: dinB; line-height: 1; } .indexDiv1 .bdDiv .row>div .conDiv .num sup { bottom: 1.2rem; vertical-align: bottom; margin-left: 0.3rem; font-size: 18px; } .indexDiv1 .bdDiv .row>div .conDiv p { font-size: 22px; color: #313132; font-weight: 300; margin-top: 20px } @media only screen and (max-width:640px) { .indexDiv1 { padding: 20px 0; background: #fafafa; } .indexDiv1 .bdDiv .row>div .conDiv .num span { font-size: 30px; font-family: dinB; line-height: 1; } .indexDiv1 .bdDiv .row>div .conDiv .num sup { bottom: 1.2rem; vertical-align: bottom; margin-left: 0.3rem; font-size: 14px; } .indexDiv1 .bdDiv .row>div .conDiv p { font-size: 14px; color: #313132; font-weight: 300; margin-top: 20px } } .yingyong ul { display: -webkit-flex; /*ºÜ¶àä¯ÀÀÆ÷Óõ½µÄÄÚºË*/ display: -ms-flexbox; /*ie*/ display: -webkit-box; /*Æ»¹û*/ -webkit-flex-direction: row; -ms-flex-direction: row; display: flex; flex-direction: row; overflow: hidden } .yingyong ul li { -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; height: 500px; width: 33.33%; /* Èùý¶É±íÏÖÁ¼ºÃ¡££¨´Ó/µ½"width:auto"µÄ¹ý¶É ÖÁÉÙÔÚ Gecko ºÍ Webkit ÉÏÊÇÓÐ bug µÄ¡£ ¸ü¶àÐÅÏ¢²Î¼û http://bugzil.la/731886 £© */ -webkit-transition: width 0.7s ease-out; -ms-transition: width 0.7s ease-out; transition: width 0.7s ease-out; overflow: hidden; position: relative; letter-spacing: 5px; margin-right: 10px } .yingyong ul li:nth-child(3n) { margin-right: 0; } .yingyong ul li:hover { width: 50%; writing-mode: horizontal-tb; letter-spacing: 0px } .yingyong ul li img { width: 100%; height: 100%; object-fit: cover; transition: all 0.6s } .yingyong ul li .yyzi { position: absolute; bottom: 0; left: 0; padding: 30px; box-sizing: border-box; width: 100%; height: auto; background-image: linear-gradient(180deg, transparent, #000); z-index: 99 } .yingyong ul li .yyzi h3 { display: block; font-size: 25px; color: #fff; font-weight: bold } .yingyong ul li .yyzi p { display: none; font-size: 16px } .yingyong ul li:hover { background: #0877ec; } .yingyong ul li:hover img { transform: scale(1.1, 1.1); opacity: 0.2; transition: all 0.6s } .yingyong ul li:hover .yyzi { background: none; top: 50%; bottom: auto; transform: translateY(-50%); text-align: center } .yingyong ul li:hover .yyzi h3:after { content: ""; display: block; width: 2px; background: #fff; height: 30px; margin: 20px auto; } .yingyong ul li:hover .yyzi p { display: block; font-size: 16px; line-height: 25px; color: #fff } @media only screen and (max-width:1400px) { .yingyong ul li { height: 350px; } .yingyong ul li .yyzi h3 { font-size: 20px; } .yingyong ul li:hover .yyzi p { font-size: 14px; line-height: 23px; } .yingyong ul li:nth-child(1) { margin-bottom: 20px } } @media only screen and (max-width:992px) { .yingyong ul { flex-wrap: wrap; justify-content: space-between; } .yingyong ul li { height: 160px; writing-mode: horizontal-tb; margin: 0; width: 100%; flex: none } .yingyong ul li .yyzi { padding: 15px } .yingyong ul li .yyzi h3 { font-size: 16px; } .yingyong ul li:hover .yyzi p { font-size: 14px; line-height: 23px; } .yingyong ul li:nth-child(1) { margin-bottom: 10px } .yingyong ul li:nth-child(2) { margin-bottom: 10px } .sy4 { margin: 20px auto; } .yingyong ul li:hover .yyzi h3:after { display: none; } .yingyong ul li:hover .yyzi p { display: none; } .about-home { padding: 5.25vw 15px; background: #fff; } .khtp { background: #f2f2f2; padding: 5.25vw 15px; } } .flexcen { display: flex; justify-content: center; align-items: center; } .flexsta { display: flex; justify-content: flex-start; align-items: center; } .flexend { display: flex; justify-content: flex-end; align-items: center; } .flexbet { display: flex; justify-content: space-between; align-items: center; } .flexaro { display: flex; justify-content: space-around; align-items: center; } .indexDiv2 { padding: 89px 0 80px; background: #f2f2f2; overflow: hidden; } .indexDiv2 .hdDiv { margin: 45px 0 50px; } .indexDiv2 .hdDiv a { width: calc(16.6% - 20px); height: 60px; border: 1px solid #424c66; border-radius: 30px; font-size: 20px; font-weight: bold } .indexDiv2 .hdDiv a.on { background: #0877ec; color: #fff; font-weight: bold; border-color: #0877ec; font-weight: bold; } .indexDiv2 .bdDiv { position: relative; } .indexDiv2 .bdDiv .lunboDiv { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; opacity: 0; } .indexDiv2 .bdDiv .lunboDiv.on { position: relative; z-index: 1; opacity: 1; } .indexDiv2 .bdDiv .swiper-container { overflow: initial; padding-bottom: 70px; } .indexDiv2 .bdDiv a { background: #fff; border-radius: 15px; padding: 60px 40px 55px 60px; flex-direction: row-reverse; } .indexDiv2 .bdDiv .arDiv { width: 52.38%; } .indexDiv2 .bdDiv .textDiv { width: 39.6%; } .indexDiv2 .bdDiv .textDiv span { display: block; font-size: 24px; color: #000; font-weight: bold } .indexDiv2 .bdDiv .textDiv .title { margin: 15px 0 20px; color: #333333; font-size: 15px; line-height: 30px } .indexDiv2 .bdDiv .textDiv .p { color: #666666; line-height: 2.25; margin-bottom: 40px; } .indexDiv2 .bdDiv .textDiv .p ul { padding-left: 0; margin-bottom: 0; list-style: none; overflow: hidden; } .indexDiv2 .bdDiv .textDiv .p li { width: calc(50% - 15px); max-width: 320px; float: left; margin-bottom: 15px; padding: 10px; text-align: center; border: 1px solid #0877ec; border-radius: 3px; font-size: 16px } .indexDiv2 .bdDiv .textDiv .p li:nth-child(odd) { margin-right: 15px; } .indexDiv2 .bdDiv .textDiv .moreBtn { width: 180px; height: 45px; color: #fff; border-radius: 22.5px; background: #0877ec; transition: all .5s; font-size: 16px } .indexDiv2 .bdDiv a:hover .textDiv .moreBtn { background: #0877ec; color: #fff; box-shadow: 0px 0 20px rgba(15, 100, 206, .68); } .indexDiv2 .bdDiv .imgDiv { padding-top: 0; border-radius: 20px; overflow: hidden; } @media only screen and (max-width:992px) { .indexDiv2 { padding: 20px 0 20px; background: #f2f2f2; overflow: hidden; } .indexDiv2 .hdDiv { margin: 20px 0 20px; flex-wrap: wrap; } .indexDiv2 .hdDiv a { width: 33%; height: 38px; border: 1px solid #424c66; border-radius: 15px; font-size: 12px; font-weight: unset; text-align: center; margin: 5px 0; } .indexDiv2 .bdDiv a { background: #fff; border-radius: 15px; padding: 20px; flex-direction: row-reverse; display: block } .indexDiv2 .bdDiv .arDiv { width: 100%; margin-bottom: 20px } .indexDiv2 .bdDiv .textDiv { width: 100%; } .indexDiv2 .bdDiv .imgDiv { padding-top: 0; border-radius: 10px; overflow: hidden; } .indexDiv2 .bdDiv .textDiv span { display: block; font-size: 18px; color: #000; font-weight: bold } .indexDiv2 .bdDiv .textDiv .title { margin: 5px 0 15px; color: #333333; font-size: 15px; line-height: 26px } .indexDiv2 .bdDiv .textDiv .p { color: #666666; line-height: 2.25; margin-bottom: 10px; } .indexDiv2 .bdDiv .textDiv .moreBtn { width: 160px; height: 40px; color: #fff; border-radius: 20px; background: #0877ec; transition: all .5s; font-size: 14px } .indexDiv2 .bdDiv .textDiv .p li { width: 100%; max-width: 320px; float: left; margin-bottom: 15px; padding: 5px; text-align: center; border: 1px solid #0877ec; border-radius: 3px; font-size: 14px } .khtp ul li{ width: 49%;} } .sy_cp { padding: 60px 0 0; } .sy_cp ul li { width: 49.5%; float: left; margin: 0 1% 1% 0; background: #fff; position: relative; transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; display: flex; justify-content: space-between; padding: 10px 15px; align-items: center; -webkit-box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.03); -ms-box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.03); -o-box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.03); box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.03); } .sy_cp ul li:nth-child(2n) { margin-right: 0; } .sy_cp ul li:hover { -webkit-box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.1); transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; } .sy_cp ul li .tp { overflow: hidden; width: 30%; overflow: hidden } .sy_cp ul li img { width: 100%; display: block; height: 100%; object-fit: cover; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .sy_cp ul li:hover img { -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -o-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .sy_cp ul li .wenz { padding: 10px 0; width: calc(100% - 35%); margin-right: 2% } .sy_cp ul li .wenz h3 { font-size: 16px; color: #333; line-height: 1.2; font-weight: bold; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sy_cp ul li .wenz p { font-size: 14px; text-align: left; color: #555; line-height: 1.8; margin-bottom: 10px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .sy_cp ul li span { position: absolute; left: 0; bottom: 0; height: 2px; background: #0877ec; transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; width: 0; z-index: 3; } .sy_cp ul li:hover span { width: 100%; transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; } .sy_cp ul li:hover .wenz h3 { color: #0877ec; } .sy_cp ul li .wenz .gd { width: 150px; height: 38px; line-height: 38px; background: #0877ec; text-align: center; border-radius: 19px; margin-top: 20px; font-size: 14px; } .sy_cp ul li .wenz .gd a { color: #fff; } .sy_cp ul li .wenz .gd i { margin-left: 10px; } .sy_cp ul li .wenz .gd:hover { background: #0877ec; } .sy_cp ul li .wenz .gd:hover a { color: #fff; } @media only screen and (max-width:992px) { .sy_cp { padding: 20px 0 0; } .sy_cp ul li { width: 100%; float: left; margin: 0 0 20px 0; background: #fff; position: relative; transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; display: flex; justify-content: space-between; padding: 10px 15px; align-items: center; -webkit-box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.03); -ms-box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.03); -o-box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.03); box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.03); } .sy_cp ul li .wenz { padding: 10px 0; width: calc(100% - 45%); margin-right: 2% } .sy_cp ul li .wenz h3 { font-size: 16px; color: #333; line-height: 1.2; font-weight: bold; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sy_cp ul li .wenz p { font-size: 14px; text-align: left; color: #555; line-height: 1.8; margin-bottom: 10px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .sy_cp ul li .tp { overflow: hidden; width: 40%; overflow: hidden } .sy_cp ul li .wenz .gd { width: 110px; height: 30px; line-height: 30px; background: #0877ec; text-align: center; border-radius: 19px; margin-top: 10px; font-size: 12px; } } .sjdj { width: 100%; height: auto; overflow: hidden; text-align: center; padding: 70px 0 } .sjdj li { width: 32%; margin-right: 2%; float: left; margin-top: 30px } .sjdj li img { width: 100% } .sjdj li:nth-child(3n) { margin-right: 0; } @media only screen and (max-width:640px) { .sjdj { width: 100%; height: auto; overflow: hidden; text-align: center; padding: 20px 0 } .tit { font-size: 26px; line-height: 30px; font-weight: bold; color: #222222; margin-bottom: 0px; } .solution-title .text { text-align: center; margin-top: 10px; font-size: 14px; line-height: 30px; color: #222; font-weight: normal; } } .caseDiv { padding: 0 0; } .caseDiv .bdDiv ul li { margin-bottom: 80px; box-shadow: 0px 0px 45px rgba(53, 48, 92, 0.08); } .caseDiv .bdDiv ul li a { background: #fff; border-radius: 15px; padding: 60px 40px 55px 60px; flex-direction: row-reverse; } .caseDiv .bdDiv .arDiv { width: 47.38%; } .caseDiv .bdDiv .textDiv { width: 44.6%; } .caseDiv .bdDiv .textDiv span { font-style: italic; color: transparent; background-image: linear-gradient(to bottom, rgba(15, 100, 206, .3) 30%, #fff 70%); -webkit-background-clip: text; display: block; font-family: Myriad Pro; line-height: 1; font-size: 48px } .caseDiv .bdDiv .textDiv .title { margin: 10px 0 20px; color: #333333; font-weight: bold; font-size: 24px } .caseDiv .bdDiv .textDiv .p { color: #666666; line-height: 2.25; margin-bottom: 40px; font-size: 16px } .caseDiv .bdDiv .textDiv .moreBtn { width: 170px; height: 48px; border-radius: 30px; transition: all .5s; color: #fff; border: 1px solid #0877ec; font-size: 16px; background: #0877ec; } .caseDiv .bdDiv ul li a:hover .textDiv .moreBtn { background: #0877ec; color: #fff; box-shadow: 0px 0px 45px rgba(53, 48, 92, 0.08); } .caseDiv .bdDiv .imgDiv { border-radius: 20px; overflow: hidden; } .caseDiv .bdDiv ul li a:hover { box-shadow: 0px 0px 45px rgba(53, 48, 92, 0.08); } .caseDiv .p1 { color: #666666; line-height: 2.25; margin-bottom: 40px; } .caseDiv .p1 dl { padding-left: 0; margin-bottom: 0; list-style: none; overflow: hidden; } .caseDiv .p1 dd { width: calc(50% - 15px); max-width: 320px; float: left; margin-bottom: 15px; padding: 10px; text-align: center; border: 1px solid #0877ec; border-radius: 3px; font-size: 16px } .caseDiv .p1 dd:nth-child(odd) { margin-right: 15px; } @media only screen and (max-width:992px) { .caseDiv .bdDiv ul li { margin-bottom: 20px; box-shadow: 0px 0px 45px rgba(53, 48, 92, 0.08); } .caseDiv .bdDiv ul li a { background: #fff; border-radius: 15px; padding: 20px; flex-direction: row-reverse; display: block } .caseDiv .bdDiv .arDiv { width: 100%; margin-bottom: 20px } .caseDiv .bdDiv .textDiv { width: 100%; } .caseDiv .bdDiv .imgDiv { border-radius: 10px; overflow: hidden; } .caseDiv .bdDiv .textDiv .title { margin: 5px 0 10px; color: #333333; font-weight: bold; font-size: 18px } .caseDiv .bdDiv .textDiv .p { color: #666666; line-height: 26px; margin-bottom: 20px; font-size: 15px } .caseDiv .bdDiv .textDiv .moreBtn { width: 120px; height: 40px; border-radius: 20px; transition: all .5s; color: #fff; border: 1px solid #0877ec; font-size: 14px; background: #0877ec; } .caseDiv .p1 dd { width: 100%; max-width: 320px; float: left; margin-bottom: 15px; padding: 5px; text-align: center; border: 1px solid #0877ec; border-radius: 3px; font-size: 16px } .caseDiv .p1 { color: #666666; line-height: 2.25; margin-bottom: 10px; } } .hycjDiv { padding: 0 0 3.65vw; } .hycjDiv .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .hycjDiv .row { margin: 0 -12.5px; } .hycjDiv .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .hycjDiv .row>div { padding: 0 12.5px; margin-bottom: 25px; } .hycjDiv .row>div a { display: block; background: #fff; border: #edf8fd 1px solid; height: 100%; } .hycjDiv .row>div a .imgDiv {} .hycjDiv .row>div a .imgDiv .pic { overflow: hidden; } .hycjDiv .row>div a .textDiv { padding: 20px } .hycjDiv .row>div a .textDiv .title { font-size: 20px; color: #000; text-align: left; font-weight: bold; margin-bottom: 10px } .hycjDiv .row>div a .textDiv .p { /* text-align: justify; */ color: #333; font-size: 16px; line-height: 30px } .hycjDiv .row>div a .textDiv span { color: #0877ec; font-size: 14px; } .hycjDiv .row>div a:hover { box-shadow: 0px 0px 45px rgba(15, 100, 206, .08); } @media only screen and (max-width:992px) { .hycjDiv { padding: 0 0 0px; } .hycjDiv .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .hycjDiv .row>div a .textDiv .title { font-size: 18px; color: #000; text-align: left; font-weight: bold; margin-bottom: 10px } .hycjDiv .row>div { padding: 0 12.5px; margin-bottom: 15px; } } .dckjDetailDiv3 { padding: 5.25vw 0; background: #f5f7fa; } .dckjDetailDiv3 .bdDiv .row { margin: 0 0px; } .dckjDetailDiv3 .bdDiv .row>div { padding: 0 0; } .dckjDetailDiv3 .bdDiv .row>div .conDiv { padding: 50px 30px; } .dckjDetailDiv3 .bdDiv .row>div .conDiv .title { color: #0877ec; } .dckjDetailDiv3 .bdDiv .row>div .conDiv .p { text-align: left; font-size: 14px; line-height: 1.71; margin-top: 20px; } .dckjDetailDiv3 .bdDiv .row>div .conDiv:hover .title { color: #fff; } .hycjDetailDiv2 .bdDiv .row>div .conDiv { height: 100%; background: #fff; border-radius: 15px; overflow: hidden; text-align: center; padding: 20px; } .hycjDetailDiv2 .bdDiv .row>div .conDiv span { width: 73px; height: 73px; background: url(../images/hy-y.png) no-repeat center center/100%; display: flex; justify-content: center; align-items: center; color: #0877ec; margin: 0 auto; font-weight: bold; font-size: 20px } .hycjDetailDiv2 .bdDiv .row>div .conDiv:hover span { background: url(../images/hy-y_.png) no-repeat center center/100%; color: #fff; } .hycjDetailDiv2 .bdDiv .row>div .conDiv .title { margin-top: 25px; font-size: 20px; font-weight: bold } .hycjDetailDiv2 .bdDiv .row>div .conDiv .p { margin-top: 10px; color: #666666; text-align: center; font-size: 15px } .hycjDetailDiv2 .bdDiv .row>div .conDiv:hover { background: #0877ec; color: #fff; } .hycjDetailDiv2 .bdDiv .row>div .conDiv:hover .p { color: #fff; } .hycjDetailDiv2 .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .hycjDetailDiv2 .col-sm-3 { width: 12.5% } .hycjDetailDiv2 .col-sm-2 { width: 5%; text-align: center } .hycjDetailDiv2 .col-sm-2 img { width: 29px } @media only screen and (max-width:992px) { .hycjDetailDiv2 .col-sm-3 { width: 100% } .hycjDetailDiv2 .col-sm-2 { width: 100%; text-align: center; margin: 10px auto } .hycjDetailDiv2 .col-sm-2 img { transform: rotate(90deg); } } .flexend { display: flex; justify-content: center; align-items: center; } .nyTitle { margin-bottom: 50px } .nyTitle.tc { text-align: center; } .nyTitle span { color: #1d1d1d; font-size: 36px; font-weight: bold; margin-bottom: 10px; display: block } .nyTitle p { color: #9cacc1; text-transform: uppercase; font-size: 16px; } .nyTitle.cfff span { color: #fff; } .sp { height: auto; overflow: hidden; padding: 5.25vw 0 0; } .sp li { float: left; width: 50%; background: #f5f7fa } .sp li img { width: 100%; max-height: 540px; } .sp h3 { padding: 20px 20px 8px; margin-bottom: 0; color: #000000; font-size: 16px; font-weight: bold } .sp h2 { padding: 0 20px 20px; margin-bottom: 0; color: #313132; font-size: 14px; } @media only screen and (max-width:992px) { .nyTitle { margin-bottom: 20px } .nyTitle.tc { text-align: center; } .nyTitle span { color: #1d1d1d; font-size: 26px; font-weight: bold; margin-bottom: 10px; display: block } .nyTitle p { color: #9cacc1; text-transform: uppercase; font-size: 16px; } .sp li { float: left; width: 100%; background: #f5f7fa } } .hwgpDiv5 { padding: 4.25vw 0 5.25vw; overflow: hidden; } .hwgpDiv5 .bdDiv { margin-top: 5px; } .hwgpDiv5 .bdDiv .conDiv { height: 100%; background: #f7fbfe; padding: 30px; transition: all .5s; } .hwgpDiv5 .bdDiv .conDiv .iconDiv { width: 92px; margin: 0 auto } .hwgpDiv5 .bdDiv .conDiv .iconDiv img { width: 100% } .hwgpDiv5 .bdDiv .conDiv .iconDiv .hImg { display: none; } .hwgpDiv5 .bdDiv .conDiv .textDiv { margin-top: 15px; text-align: center } .hwgpDiv5 .bdDiv .conDiv .textDiv span { font-size: 20px; color: #333; font-weight: bold; margin-bottom: 15px; display: block } .hwgpDiv5 .bdDiv .conDiv .textDiv p { color: #666; font-size: 16px; line-height: 30px; min-height: 60px } .hwgpDiv5 .bdDiv li:hover .conDiv { background: linear-gradient(to right, #1c5de9, #2d86f7); } .hwgpDiv5 .bdDiv li:hover .conDiv .iconDiv .dImg { display: none; } .hwgpDiv5 .bdDiv li:hover .conDiv .iconDiv .hImg { display: block; } .hwgpDiv5 .bdDiv li:hover .conDiv .textDiv span, .hwgpDiv5 .bdDiv li:hover .conDiv .textDiv p { color: #fff; } .hwgpDiv5 .bdDiv li { float: left; width: 18.4%; margin-right: 2% } .hwgpDiv5 .bdDiv li:nth-child(5n) { margin-right: 0; } .indexDiv4 { background: #f7fbfe; padding: 4.25vw 0 5.25vw; height: auto; overflow: hidden } .indexDiv4 .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .indexDiv4 .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 18.7%; flex: 0 0 18.7%; max-width: 18.7% } .indexDiv4 .bdDiv { margin-top: 45px; } .indexDiv4 .bdDiv .moreDiv { margin-top: 50px; } .indexDiv4 .bdDiv .row { margin: -10px; } .indexDiv4 .bdDiv .row>div { margin: 10px; border: #0877ec 1px solid; border-radius: 15px; box-shadow: 0px 0px 45px rgba(15, 100, 206, .08); box-sizing: border-box; padding: 0; height: 100%; padding: 27px 20px 27px; } .indexDiv4 .bdDiv .row>div a {} .indexDiv4 .bdDiv .row>div .imgDiv { width: 46.69%; overflow: hidden; } .indexDiv4 .bdDiv .row>div .textDiv { width: 100%; text-align: center } .indexDiv4 .bdDiv .row>div .textDiv span { color: #444; font-size: 20px; font-weight: 700; text-align: center } .indexDiv4 .bdDiv .row>div .textDiv p { font-size: 14px; color: #0877ec; margin-top: 10px; text-transform: uppercase; text-align: center } .indexDiv4 .bdDiv .row>div a:hover .textDiv p { color: #0f64ce; } .indexDiv4 .bdDiv .line { width: 20px; height: 4px; background: #0f64ce; margin: 15px auto; } .indexDiv4 .bdDiv .row>div:hover { background: #0f64ce; color: #fff; } .indexDiv4 .bdDiv .row>div:hover .textDiv span { color: #fff; font-size: 20px; font-weight: 700 } .indexDiv4 .bdDiv .row>div:hover .textDiv p { font-size: 14px; color: #fff; margin-top: 10px; text-transform: uppercase } .indexDiv4 .bdDiv .row>div a:hover .textDiv p { color: #fff; } .indexDiv4 .bdDiv .row>div:hover .line { width: 20px; height: 4px; background: #fff; margin: 15px auto; } .hwgpDiv51 { padding: 0 0 5.25vw; overflow: hidden; } .hwgpDiv51 .bdDiv { margin-top: 5px; } .hwgpDiv51 .bdDiv .conDiv { height: 100%; background: #f7fbfe; padding: 30px; transition: all .5s; } .hwgpDiv51 .bdDiv .conDiv .iconDiv { width: 92px; margin: 0 auto } .hwgpDiv51 .bdDiv .conDiv .iconDiv img { width: 100% } .hwgpDiv51 .bdDiv .conDiv .iconDiv .hImg { display: none; } .hwgpDiv51 .bdDiv .conDiv .textDiv { margin-top: 15px; text-align: center } .hwgpDiv51 .bdDiv .conDiv .textDiv span { font-size: 20px; color: #333; font-weight: bold; margin-bottom: 15px; display: block } .hwgpDiv51 .bdDiv .conDiv .textDiv p { color: #666; font-size: 16px; line-height: 30px; min-height: 60px } .hwgpDiv51 .bdDiv li:hover .conDiv { background: linear-gradient(to right, #1c5de9, #2d86f7); } .hwgpDiv51 .bdDiv li:hover .conDiv .iconDiv .dImg { display: none; } .hwgpDiv51 .bdDiv li:hover .conDiv .iconDiv .hImg { display: block; } .hwgpDiv51 .bdDiv li:hover .conDiv .textDiv span, .hwgpDiv51 .bdDiv li:hover .conDiv .textDiv p { color: #fff; } .hwgpDiv51 .bdDiv ul{display: flex;} .hwgpDiv51 .bdDiv li { width: 23.5%; margin-right: 2% } .hwgpDiv51 .bdDiv li:nth-child(4n) { margin-right: 0; } .tupin { width: 100% } .tupin img { width: 100% } @media only screen and (max-width:992px) { .hwgpDiv51 { padding: 0 0 20px; overflow: hidden; } .hwgpDiv51 .bdDiv .conDiv { height: 100%; background: #f7fbfe; padding: 20px; transition: all .5s; } .hwgpDiv51 .bdDiv ul{flex-wrap: wrap;} .hwgpDiv51 .bdDiv li { width: 100%; margin-right: 0; margin-bottom: 20px } .hwgpDiv51 .bdDiv .conDiv .textDiv span { font-size: 18px; color: #333; font-weight: bold; margin-bottom: 10px; display: block } .index_pro_box1 { padding: 20px 0 0; } .index_pro_item_box1 { width: 100%; margin: 0 0 1.71875% 0; opacity: 1; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .hwgpDiv5 .bdDiv li { float: left; width: 100%; margin-right: 0; margin-bottom: 20px } .hwgpDiv5 .bdDiv .conDiv { height: 100%; background: #f7fbfe; padding: 20px; transition: all .5s; } .hwgpDiv5 .bdDiv .conDiv .textDiv p { color: #666; font-size: 16px; line-height: 30px; min-height: inherit } .hwgpDiv5 { padding: 20px 0; overflow: hidden; } .indexDiv4 .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45% } .indexDiv4 .bdDiv .row>div { margin: 9px; border: #0877ec 1px solid; border-radius: 15px; box-shadow: 0px 0px 45px rgba(15, 100, 206, .08); box-sizing: border-box; padding: 0; height: 100%; padding: 15px 0; } .indexDiv4 .bdDiv .row>div .textDiv span { color: #444; font-size: 18px; font-weight: 700; text-align: center } .index_pro_title_text1 { font-size: 26px; line-height: 36px; font-weight: normal; color: #0877ec; margin-bottom: 10px } .index_pro_subtitle_text2 { font-size: 15px; line-height: 26px; } } .indexDiv3 { height: auto; overflow: hidden } .indexDiv3 .bdDiv { margin-top: 30px; } .indexDiv3 .bdDiv .conDiv { background: #f7fbfe; padding: 25px; position: relative; transition: all .5s; height: 100%; } .indexDiv3 .bdDiv .conDiv .imgDiv { width: 35%; } .indexDiv3 .bdDiv .conDiv .textDiv { width: 63%; padding: 0 30px; } .indexDiv3 .bdDiv .conDiv .textDiv span { font-weight: bold; font-size: 20px; } .indexDiv3 .bdDiv .conDiv .textDiv p { font-size: 16px; color: #666666; margin-top: 20px; line-height: 30px; } .indexDiv3 .bdDiv .conDiv .szImg { position: absolute; right: 5px; top: 5px; } .indexDiv3 .bdDiv .conDiv .szImg .dImg { display: block; } .indexDiv3 .bdDiv .conDiv .szImg .hImg { display: none; } .indexDiv3 .bdDiv .conDiv:hover { background: linear-gradient(to right, #2d87f7, #1c5ce9); } .indexDiv3 .bdDiv .conDiv:hover .szImg .dImg { display: none; } .indexDiv3 .bdDiv .conDiv:hover .szImg .hImg { display: block; } .indexDiv3 .bdDiv .conDiv:hover .textDiv span, .indexDiv3 .bdDiv .conDiv:hover .textDiv p { color: #fff; } .indexDiv3 ul{display: flex;} .indexDiv3 li { width: 32%; margin-right: 2%; /* float: left; */ } .indexDiv3 li:nth-child(3n) { margin-right: 0; } @media only screen and (max-width:992px) { .indexDiv3 ul{flex-wrap: wrap;} .indexDiv3 li { width: 100%; margin-right: 0%; /* float: left; */ margin-bottom: 20px } .indexDiv3 li:last-child { margin-bottom: 0px } .indexDiv3 .bdDiv { margin-top: 20px; } .indexDiv3 .bdDiv .conDiv .szImg { position: absolute; right: 5px; top: 5px; width: 35px } .indexDiv3 .bdDiv .conDiv .szImg img { width: 100% } .indexDiv3 .bdDiv .conDiv { background: #f7fbfe; padding: 15px; position: relative; transition: all .5s; } .indexDiv3 .bdDiv .conDiv .textDiv span { font-weight: bold; font-size: 18px; } .indexDiv3 .bdDiv .conDiv .textDiv p { font-size: 15px; color: #666666; margin-top: 10px; line-height: 26px; } .indexDiv3 .bdDiv .conDiv .textDiv { width: 65%; padding: 0 0 0 20px; } .AddIndexProHead .index_pro_subtitle_label h1 { font-size: 18px; font-weight: bold; background: #0877ec; padding: 5px 10px; color: #fff; width: 100%; text-align: center; margin: 8px 0 } } .ma{ width: 30%;justify-content: space-around;} .ma img{width: 126px; height: 124px;} .ma p{ text-align: center; font-size: 16px; color: white;padding: 10px 0;} .detailP { padding-bottom: 50px;} .detailP .pageTitle { font-size: 36px; color: rgb(51, 51, 51); font-weight: bold; text-align: center; } .detailP .pageTime { font-size: 16px; color: rgb(102, 102, 102); margin-top: 20px; text-align: center; } .detailP .pageNr { font-size: 16px; color: #222; line-height: 1.875; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-top: 32px; padding: 24px 0; margin-bottom: 24px; min-height: 400px; } .detailP .pageNr h1, .detailP .pageNr h2, .detailP .pageNr h3, .detailP .pageNr h4, .detailP .pageNr h5, .detailP .pageNr h6 { font-weight: revert; color: revert; margin: 10px 0; } .detailP .list-paddingleft-2 { padding-left: 30px; } .detailP .list-paddingleft-2 li { list-style: inherit; } .detailP .pageNr img, .detailP .pageNr video, .detailP .pageNr iframe { max-width: 100%; /* height: auto; */ } .detailP .pageNum {} .detailP .pageNum a { font-size: 16px; color: rgb(102, 102, 102); margin-top: 8px; } .detailP .pageNum a:first-child { margin-top: 0; } .detailP .pageNum a:hover { color: #0877ec; } @media (max-width:1432px) { .detailP .pageTitle { font-size: 32px; } .ma{width: 100%;margin-top: 15px;} } @media (max-width:1232px) { .detailP .pageTitle { font-size: 28px; } } @media (max-width:1024px) { .detailP .pageTitle { font-size: 24px; } .sy_wzlist ul li { width: 100%; } } @media (max-width:800px) { .detailP .pageTime { font-size: 14px; margin-top: 8px; } .detailP .pageNr { font-size: 14px; line-height: 1.6; margin-top: 16px; padding: 16px 0; } .detailP .pageNum a { font-size: 14px; } } .ovh1{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;} .pageNums{ margin: 5vw auto 0; display: flex;justify-content: center;align-items: center; } .pageNums a{ font-size: 0.9375vw; color: #0877ec; margin: 0 1.25vw; } .pageNums span{ display: block;width: 2.5vw;height: 2.5vw; border-radius: 50%; background: #0877ec; color: #ffffff; display: flex;justify-content: center;align-items: center; } .pageNums .nextB{transform: rotate(180deg);} .pageNums .nextB, .pageNums .prevB{ display: block;width: 0.68vw;height: 1.1vw; background: url(../images/more5.png) center center no-repeat; background-size: 100% 100%; }