/*@charset "UTF-8";*/ /* CSS Document */ svg {width: 100%;height: 100%;display: block;} /*插件样式*/ .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 {cursor: pointer !important;} /*默认样式*/ article, aside, dialog, footer, header, section, footer, nav, figure, menu {display: block} .Poppins-Black {font-family: "Poppins-Black", "Arial", "Helvetica", "sans-serif" !important;} .Poppins-Bold {font-family: "Poppins-Bold", "Arial", "Helvetica", "sans-serif" !important;} .Poppins-ExtraLight {font-family: "Poppins-ExtraLight", "Arial", "Helvetica", "sans-serif" !important;} .Poppins-Light {font-family: "Poppins-Light", "Arial", "Helvetica", "sans-serif" !important;} .Poppins-Medium {font-family: "Poppins-Medium", "Arial", "Helvetica", "sans-serif" !important;} .Poppins-Regular {font-family: "Poppins-Regular", "Arial", "Helvetica", "sans-serif" !important;} .Poppins-SemiBold {font-family: "Poppins-SemiBold", "Arial", "Helvetica", "sans-serif" !important;} .PuHuiTi-Medium {font-family: "Poppins-Medium", "Alibaba-PuHuiTi-Medium", "Arial", "Helvetica", "sans-serif" !important} .PuHuiTi-Light {font-family: "Poppins-Light", "Alibaba-PuHuiTi-Light", "Arial", "Helvetica", "sans-serif" !important} .PuHuiTi_Regular {font-family: "Poppins-Regular", "Alibaba-PuHuiTi-Regular", "Arial", "Helvetica", "sans-serif" !important} .PuHuiTi-Bold {font-family: "Poppins-Bold", "Alibaba-PuHuiTi-Bold", "Arial", "Helvetica", "sans-serif" !important} @font-face {font-family: "Poppins-Black";src: url(../fonts/Poppins-Black.otf);} @font-face {font-family: "Poppins-Bold";src: url(../fonts/Poppins-Bold.otf);} @font-face {font-family: "Poppins-ExtraLight";src: url(../fonts/Poppins-ExtraLight.otf);} @font-face {font-family: "Poppins-Light";src: url(../fonts/Poppins-Light.otf);} @font-face {font-family: "Poppins-Medium";src: url(../fonts/Poppins-Medium.otf);} @font-face {font-family: "Poppins-Regular";src: url(../fonts/Poppins-Regular.otf);} @font-face {font-family: "Poppins-SemiBold";src: url(../fonts/Poppins-SemiBold.otf);} * {margin: 0;padding: 0;box-sizing: border-box;word-wrap: break-word !important;word-break: normal !important;/*user-select: none;*/} html, body {font-family: "Poppins-Regular", "Alibaba-PuHuiTi-Regular", "Arial", "Helvetica", "sans-serif" !important; background: #fff;font-size: 0.7291666vw;width: 100%;color: #000;margin: 0 auto;-webkit-overflow-scrolling: touch;} body {overflow: hidden;} 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: "Alibaba-PuHuiTi-Regular", "Poppins-Regular", "Arial", "Helvetica", "sans-serif" !important;} .html_page {position: relative;z-index: 19;background: #ffffff;width: 100%;/*min-height: 100vh;*/} .html_page:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 99;background: rgba(0, 0, 0, .3);-webkit-backdrop-filter: blur(1vw);backdrop-filter: blur(1vw);opacity: 0;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);pointer-events: none;} .html_black:after {opacity: 1;} .BMap_cpyCtrl {display: none;} .anchorBL {display: none;} .body_flex {position: fixed;} img {border: none;display: block;width: 100%;} i {font-style: normal;} div {display: block;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} table {border-collapse: collapse;} a {display: inline-block;text-decoration: none;color: #000;-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);tap-highlight-color: rgba(0, 0, 0, 0);} h1, h2, h3, h4, h5 {font-weight: normal;} video {outline: none;} a:focus {outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} li {list-style: none;} 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);} /*单行超出省略*/ .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;} 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;} .swiper-pagination-bullet {outline: none;cursor: pointer;} /*css play*/ .index_page_wrap {position: relative;} .index_banner_wrap {height: 100vh;position: relative;} .index_banner_line {position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);top: 0;width: 48.958333vw;z-index: 9;mix-blend-mode: overlay;pointer-events: none;} .index_banner_line svg {overflow: initial;fill: none;stroke-width: 2.91666vw;stroke: rgba(255, 255, 255, .4);stroke-dasharray: 1843;stroke-dashoffset: 1843;stroke-linecap: round;} .index_bottom_button_wrap {position: absolute;left: 0;width: 100%;bottom: 2.5vw;-webkit-justify-content: center;justify-content: center;pointer-events: none;z-index: 9;opacity: 0;} .index_bottom_button_box {width: 3.958333vw;position: relative;-webkit-border-radius: 100%;border-radius: 100%;pointer-events: auto;cursor: pointer;} .index_bottom_button_jt {position: absolute;left: 0;top: 0;width: 100%;-webkit-transform: translateY(-0.3vw);transform: translateY(-0.3vw);opacity: 0;} .index_bottom_button_jt {-webkit-animation: IconDown 1.4s infinite linear normal both;animation: IconDown 1.4s infinite linear normal both;} @-webkit-keyframes IconDown { 0% {-webkit-transform: translateY(-0.3vw);transform: translateY(-0.3vw);opacity: 0;} 70% {-webkit-transform: translateY(0.3vw);transform: translateY(0.3vw);opacity: 1;} 100% {-webkit-transform: translateY(0.6vw);transform: translateY(0.6vw);opacity: 0;} } @keyframes IconDown { 0% {-webkit-transform: translateY(-0.3vw);transform: translateY(-0.3vw);opacity: 0;} 70% {-webkit-transform: translateY(0.3vw);transform: translateY(0.3vw);opacity: 1;} 100% {-webkit-transform: translateY(0.6vw);transform: translateY(0.6vw);opacity: 0;} } .index_banner_back {height: 100%;width: 100%;background: #ffffff;z-index: 7;position: absolute;left: 0;top: 0;pointer-events: none;} .index_banner_back:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);} .index_banner_back video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;} .index_banner_swiper {height: 100%;position: relative;z-index: 8;} .index_banner_slide {height: 100%;} .index_banner_content {height: 100%;} .block{display: block;} .none{display: none;} #banner {width:100%; position:relative; z-index:0; overflow:hidden;} #banner .one .main{display: none;} #banner .txt .main{width:90%;margin:0 auto} #banner .txt .main{width:90%;margin:-16% auto 0 auto } #banner .txt .main p{color: #333;text-transform: uppercase;text-align: center; margin-top: 0!important;} #banner .txt .main strong{ margin-top: 0!important; color: #00499d; } #banner .txt .main2 strong{text-transform: uppercase; letter-spacing: 0;text-align: center; line-height: 52px;display: block; } #banner .txt .main2{width:90%;margin:0 auto } #banner .txt .main2 p{color: #f5d40d;text-transform: uppercase;text-align: center;} #banner .txt .main2 strong{text-transform: uppercase; letter-spacing: 0;text-align: center; line-height: 52px;display: block; } #banner .txt .main2 .viewmore a{background: #00499d; margin:2% auto 0 auto} #banner .txt{position:absolute;z-index: 999;left:0;top:20%; width:100%; height:100%; /*display: flex; flex-direction:column; justify-content:center;*/ } #banner .txt div.yea{ transform:translateY(200px);opacity:0;transition:all 0.3s; width:25px;height: 4px;background: #fff; margin: 0 auto 35px auto; } #banner .txt p{padding-top: 20px; transform:translateY(200px);opacity:0;transition:all 0.6s; color: #fff; text-align: center;} #banner .txt em{font-size:0.7rem; transform:translateY(400px);opacity:0;transition:all 0.6s; color: #fff; text-align: center; display: block; font-weight: bold; font-style:normal; font-family: 'Poppins';} #banner .txt strong{ color:#fff; transform:translateY(200px);opacity:0;transition:all 0.9s; line-height: 1.8;display: block; text-align: center; } #banner .txt .viewmore {transform:translateY(200px);opacity:0;transition:all 0.9s; margin:3% auto 0 auto } #banner .swiper-slide-active .txt .yea,#banner .swiper-slide-active .txt em,#banner .swiper-slide-active .txt p,#banner .swiper-slide-active .txt strong,#banner .swiper-slide-active .txt .viewmore{transform:translateY(0px);opacity:1; transition-delay:0.5s;} #banner .swiper-slide .telpic{display: none;} #banner .swiper-slide .pcpic {position:relative; z-index:1; height:100vh;} #banner .swiper-slide .pcpic img{width:100%;height:100%; object-fit: cover; transition: all 4s; } .viewmore {position: relative;} .viewmore a{pointer-events: all; display: block;width: 190px; font-size:18px;line-height:58px; color:#fff;background:#fac109;; border-radius: 50px; position: relative;transition:all 0.3s; text-align: center;margin:2% auto 0 auto } .viewmore a i{width: 20px;height: 20px;position: absolute;right: 15%;top: 50%;margin-top: -10px; } .viewmore a:after { position:absolute; right:0; top:0; content: ""; width:0; height:100%; transition:0.6s all;} .viewmore a:hover:after{width:100%; left:0;} #banner .swiper-pagination-bullet{width: 10px;height: 10px; display: inline-block; border-radius: 50%; background:rgba(255,255,255,0.9); transition: all .5s ease;opacity: 1.0; font-size:0;} #banner .swiper-pagination-bullet-active{background:rgba(0,73,157,0.9);color: #fff;width: 33px;border-radius: 30px; } #banner .swiper-pagination{bottom:60px;} #banner .pcpic{background: #000; position: relative;} #banner video{opacity: 0.7;position:absolute; left:50%; margin-left:-50%; width:100%; max-width:none; -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1); transform:scale(1,1); -webkit-transition:all 6s ease; transition:all 6s ease;} @media (max-width:1280px){ #banner .swiper-slide .pcpic{height: 67vh;} #banner .txt strong{font-size:52px;} } @media (max-width:1023px){ #banner .one .main{display: block;} #banner .swiper-slide .pcpic{display: none;} #banner .swiper-slide .telpic{display: block; height: 71vh;} #banner .txt strong{font-size:26px;} #banner .txt p{font-size: 18px; padding-top: 0} #banner .txt .main2{width:90%;margin:0 auto; padding: 0;} #banner .txt .main2 strong{font-size:26px;text-align: center;} #banner .txt .main2 p{font-size: 18px; padding-top: 0;text-align: center;} #banner .swiper-slide .pic{height: 21vh; margin-top: 70px;} #banner .txt div.yea{display: none;} #banner .swiper-pagination{bottom: 20px;} .viewmore{display: none;} .viewmore a{width: 150px; height: 50px; line-height: 50px; font-size: 16px} } @media (max-width: 1200px){ .index_banner_wrap {height: 75vh; display: none;} .index_banner_back {background:url(../images/index/banner01.jpg) no-repeat center top;} .index_banner_back video{display: none;} } .loading_wrap {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);} .loading_box {width: 100%;height: 100%;overflow: hidden;position: relative;z-index: 11;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);} .loading_content {width: 100%;height: 100%;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: relative;} .loading_number {position: absolute;bottom: 2vw;width: 100%;left: 0;color: #c9c8c8;font-size: 1.041666vw;line-height: 1.5625vw;-webkit-justify-content: center;justify-content: center;} .loading_after_box {position: absolute;left: 50%;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);width: 0;height: 0;box-sizing: content-box;z-index: 3;} .loading_after_read {position: absolute;left: 50%;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);width: 100%;height: 100%;box-sizing: content-box;border: 100vw solid #ffffff;border-radius: 100%;} .loading_line_wrap {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-justify-content: center;justify-content: center;} .loading_line_box {width: 1px;height: 100%;position: relative;background: #e4e4e4;} .loading_line_after {position: absolute;left: 0;top: 0;width: 100%;height: 0;background: #0038d6;} .loading_back_box {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-align-items: center;align-items: center;} .loading_back_content {width: 100%;} .loading_back_text {font-size: 10.41666vw;color: #f8f8f8;} .loading_back_border {color: transparent;-webkit-text-stroke: 0.1041666vw #f7f7f7;} .loading_big {-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 9;} .loading_read {-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: relative;} .loading_logo_center {-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: relative;} .loading_logo_animate {position: relative;-webkit-align-items: center;align-items: center;} .loading_logo_max {width: 4.1666vw;height: 4.1666vw;position: relative;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;} .loading_logo_img {width: 70%;} .loading_logo_circle {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-animation: CircleLogo 2s infinite linear normal both;animation: CircleLogo 2s infinite linear normal both;} @-webkit-keyframes CircleLogo { 0% {transform: none;} 100% {-webkit-transform: rotate(-360deg);transform: rotate(-360deg);} } @keyframes CircleLogo { 0% {transform: none;} 100% {-webkit-transform: rotate(-360deg);transform: rotate(-360deg);} } .loading_logo_read {width: 9.8958333vw;padding-left: 1.041666vw;} .loading_logo_text {width: 100%;overflow: hidden;} .loading_hide .loading_logo_max {margin-left: 9.8958333vw;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);} .loading_hide .loading_logo_text img {transform: translateX(-120%);-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);} .loading_hide .loading_big {opacity: 0;-webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);transition: all .6s cubic-bezier(.4, 0, .2, 1);-webkit-transition-delay: .6s;transition-delay: .6s;} .loading_hide .loading_after_box {width: 120vw;height: 120vw;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);transition-delay: 1s;} .index_banner_big {width: 100%;position: absolute;left: 0;top: 0;height: 100%;z-index: 9;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;} .index_banner_center {width: 100%;padding: 0 5.7291666vw;margin-top: -6.270833vw;} .index_banner_max {color: #111111;font-size: 0.9375vw;line-height: 1.458333vw;letter-spacing: 0.26041666vw;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw); transform: translateY(4vw);} .index_banner_title_box {} .index_banner_title_text {line-height: 3.6458333vw;color: #ffffff;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw); text-align: center;} .index_banner_subtitle_text {font-size: 1.458333vw;line-height: 1.9791666vw;text-align: center;color: #ffffff;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);} .index_banner_button {margin: 2.8125vw auto 0;justify-content: center;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);} .public_button_read {padding: 0.625vw 0;position: relative;z-index: 9;} .public_button_center {position: relative;overflow: hidden;} .public_button_box a {-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;width: 8.4375vw;-webkit-border-radius: 1.3541666vw; border-radius: 1.3541666vw;background: #003bd8;overflow: hidden;-webkit-transition: all .6s ease;transition: all .6s ease;position: relative;} .public_button_icon {width: 0.5208333vw;height: 0.5208333vw;position: relative;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;-webkit-transition: all .6s ease;transition: all .6s ease;margin-right: 0.7291666vw;z-index: 1;} .public_button_icon:after {content: ""; position: absolute;left: 50%; top: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);width: 100%;height: 100%;background: #ffffff;-webkit-border-radius: 100%; border-radius: 100%;-webkit-transition: all .6s ease;transition: all .6s ease;} .public_button_icon:before {content: "";position: absolute;left: 0;top: 0;-webkit-transform: scale(0);transform: scale(0);width: 100%;height: 100%;background: #003bd8;-webkit-border-radius: 100%;border-radius: 100%;-webkit-transition: all .6s ease;transition: all .6s ease;z-index: 9;} .public_button_label {width: 60%;opacity: 0;-webkit-transition: all .6s ease;transition: all .6s ease;} .public_button_label svg {fill: #000;} .public_button_text {font-size: 0.78125vw;line-height: 1.458333vw;color: #ffffff;-webkit-transition: all .6s ease;transition: all .6s ease;} .public_button_text:nth-child(2) {position: absolute;left: 0;top: 0;width: 100%;opacity: 0;-webkit-transform: translateY(100%);transform: translateY(100%);} .public_button_box:hover .public_button_text:nth-child(1) {opacity: 0;-webkit-transform: translateY(-100%);transform: translateY(-100%);} .public_button_box:hover .public_button_text:nth-child(2) {opacity: 1;-webkit-transform: none;transform: none;color: #003bd8;} .public_button_box:hover .public_button_icon:after {width: 3000%;height: 3000%;} .public_button_box:hover .public_button_icon:before {-webkit-transform: none;transform: none;} .public_button_box:hover a {background: #ffffff;} .header_wrap {position: fixed;left: 0;top: 0;width: 100%;z-index: 999;opacity: 0;pointer-events: none;-webkit-transform: translateY(-100%);transform: translateY(-100%); border-bottom:1px solid transparent; border-color: rgba(255, 255, 255, 0.2);} .header_wrap:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 0;box-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .05);background: #ffffff;opacity: 0;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);} .header_down_after_wrap {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;z-index: 1;} .header_down_after_box {position: absolute;left: 0;top: 0;width: 100%;height: 0;background: #ffffff;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);} .header_active:after {height: 100%;opacity: 1;} .header_active .header_logo_box a img {-webkit-filter: none;filter: none;} .header_active .public_btn_text {color: #003bd8;} .header_active .public_btn_box a:after {border: 1px solid #003bd8;} .header_active .header_menu_languages_icon svg {fill: #999999;} .header_active .header_menu_languages_text {color: #999999;;} .header_active .header_menu_item_text {color: #333333;} .header_active .header_menu_item_active .header_menu_item_text {color: #003bd8;} .header_active .header_logo_box .s{display: none;} .header_active .header_logo_box .h{display: block;} .header_white:after {height: 100%;opacity: 1;} .header_white .header_logo_box a img {-webkit-filter: none;filter: none;} .header_white .public_btn_text {color: #003bd8;} .header_white .public_btn_box a:after {border: 1px solid #003bd8;} .header_white .header_menu_languages_icon svg {fill: #999999;} .header_white .header_menu_languages_text {color: #999999;;} .header_white .header_menu_item_text {color: #333333;} .header_white .header_menu_item_active .header_menu_item_text {color: #003bd8;} .header_hover:after {height: 100%;opacity: 1;} .header_hover .header_logo_box a img {-webkit-filter: none;filter: none;} .header_hover .public_btn_text {color: #003bd8;} .header_hover .public_btn_box a:after {border: 1px solid #003bd8;} .header_hover .header_menu_item_text {color: #111111;} .header_hover .header_menu_languages_icon svg {fill: #999999;} .header_hover .header_menu_languages_text {color: #999999;;} .header_hover .header_menu_item_active .header_menu_item_text {color: #003bd8;} .header_hover .header_menu_item_active .header_menu_item_icon {opacity: 1;} .header_hover .header_menu_item_default .header_menu_item_text {color: #111111;} .header_hover .header_menu_item_default .header_menu_item_icon {opacity: 0;} .header_hover .header_menu_item_hover .header_menu_item_text {color: #003bd8;} .header_hover .header_menu_item_hover .header_menu_item_icon {opacity: 1;} .header_hover .header_logo_box .s{display: none;} .header_hover .header_logo_box .h{display: block;} .header_box {position: relative;z-index: 9;-webkit-align-items: center;align-items: center;height: 5.1041666vw;} .header_logo_box {width: 12.333vw;position: relative;z-index: 9;} .header_logo_box .s{display: block;} .header_logo_box .h{display: none;} .header_logo_box a img {} .header_content {width: 100%;padding: 0 1.5625vw;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;} .header_menu_wrap {-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;width: 81.0967%;position: relative;} .header_menu_pack {-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;position: relative;width: 100%;} .header_menu_item_content {position: relative;} .header_menu_item_link {position: relative;z-index: 9;} .header_menu_content {position: relative;z-index: 9;} .header_menu_item_icon {position: absolute;left: -0.67708333vw;top: 0.26041666vw;width: 1.1458333vw;-webkit-transform: rotate(95deg);transform: rotate(95deg);opacity: 0;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);} .header_menu_item_text {font-size:18px;line-height: 2.5vw;color: #ffffff;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);} .header_menu_item_active .header_menu_item_text {color: #ffffff;} .header_menu_item_active .header_menu_item_icon {opacity: 1;} .header_menu_item_default .header_menu_item_text {color: #111111;} .header_menu_item_default .header_menu_item_icon {opacity: 0;} .header_menu_item_hover .header_menu_item_text {color: #003bd8;} .header_menu_item_hover .header_menu_item_icon {opacity: 1;} .header_menu_item_box {margin-right: 3.0208333vw;position: relative;padding: 1.25vw 0;} .header_menu_down_wrap {position: fixed;left: 0;top: 0;width: 100%;z-index: 1;height: 0;overflow: hidden;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);pointer-events: none;-webkit-border-radius: 0 0 2.3958333vw 2.3958333vw;border-radius: 0 0 2.3958333vw 2.3958333vw;} .header_menu_down_content {position: relative;padding-top: 5vw;} .header_menu_down_content:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 5vw;-webkit-box-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .05);box-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .05);} .header_menu_down_big {pointer-events: auto;background: #ffffff;position: relative;} .header_menu_down_pic {width: 19.947%;} .header_menu_down_img {height: 100%;min-height: 14.0625vw;} .header_menu_down_pack {width: 80.053%;position: relative;padding: 1.08333vw 3.125vw 0 3.125vw;} .header_menu_down_pack2{width: 100%;} .header_down_tab {width:71.37281%;position: relative;padding: 2.08333vw 3.125vw 0 3.125vw;} .header_down_tab2{width: 100%;} .header_down_item_box {width: 25.2855%;margin: 0 3.07175% 3.07175% 0;; } .header_down_item_box2{width:13.2855%;margin: 0 1.07175% 1.07175% 0;border:1px solid transparent; border-color: rgba(151, 151, 151, 0.2);} .header_down_item_box:nth-child(7n) {margin: 0 0 1.07175% 0;} .header_down_item_box a {padding: 0.78125vw 1.5625vw;display: block;width: 100%;-webkit-transition: all .6s ease;transition: all .6s ease;-webkit-border-radius: 0.78125vw;border-radius: 0.78125vw;} .header_down_item_box img{width: 100%; margin: 0 auto;} .header_down_item_current a {background: #f6f6f6;} .header_down_item_current a .header_down_item_title {color: #003bd8;} .header_down_item_box a:hover {background: url(../images/bg.jpg) no-repeat center top; background-size:cover;transition: .5s; } .header_down_item_box a:hover .header_down_item_title {color: #003bd8;} .header_down_item_title {line-height: 1.3541666vw;color: #111111;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-transition: all .6s ease;transition: all .6s ease;text-align: center; margin-top: 10px;} .header_down_item_text {line-height: 1.25vw;color: #8d99a0;margin-top: 0.3125vw;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;} .header_menu_down_read {width: 28.62719%;-webkit-align-content: space-between;align-content: space-between;padding: 3.125vw 3.6458333vw 2.08333vw 2.6041666vw;position: relative;} .header_menu_down_read:after {content: "";position: absolute;right: 0;top: 0;width: 1px;height: 100%;background: #ededed;} .header_menu_down_title {line-height: 1.666vw;color: #111111;} .header_menu_down_text {color: #8d99a0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-top: 0.78125vw;} .header_down_btn_text {line-height: 1.25vw;color: #003bd8;} .header_down_btn_icon {width: 0.8vw;opacity: 0;-webkit-transition: all .6s ease;transition: all .6s ease;} .header_down_btn_icon svg {fill: #003bd8;} .header_menu_down_btn a:hover .header_down_btn_icon {margin-left: 0.3125vw;opacity: 1;} .header_menu_item_box:last-child {margin-right: 0;} .header_menu_languages_wrap {margin-right: 1.458333vw;-webkit-align-items: center;align-items: center;} .header_menu_languages_li {position: relative;} .header_menu_languages_icon {width: 0.8333vw;margin-right: 0.3125vw;} .header_menu_languages_icon svg {width: 100%;display: block;fill: #ffffff;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);} .header_menu_languages_text {font-size: 0.78125vw;line-height: 2.34375vw;color: #ffffff;position: relative;text-align: center;z-index: 9;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);} .header_menu_button {-webkit-align-items: center;align-items: center;} .header_menu_btn_box {margin-left: 1.041666vw;} .header_menu_btn_box:first-child {margin-left: 0;} .public_btn_box a {overflow: hidden;-webkit-border-radius: 1.25vw;border-radius: 1.25vw;position: relative;-webkit-align-items: center;align-items: center;width: 10.7708333vw;} .public_btn_box a:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #ffffff;box-sizing: border-box;-webkit-border-radius: 1.25vw;border-radius: 1.25vw;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);} .public_btn_text {line-height: 2.6041666vw;color: #ffffff;text-align: center;position: relative;z-index: 9;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);} .public_btn_active a:after {background: #003bd8;border: 1px solid transparent;} .public_btn_active .public_btn_text {color: #ffffff;} .index_banner_auto_wrap {position: absolute;left: 0;bottom: 2.6041666vw;z-index: 99;padding: 0 5.7291666vw;width: 100%;pointer-events: none;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);} .index_banner_auto_item {width: 2.91666vw;margin-right: 1.041666vw;cursor: pointer;-webkit-transition: all .6s ease;transition: all .6s ease;} .index_banner_auto_text {font-size: 0.78125vw;line-height: 1.041666vw;color: rgba(255, 255, 255, .3);-webkit-transition: all .6s ease;transition: all .6s ease;} .index_banner_auto_line {margin-top: 0.5208333vw;height: 1px;position: relative;width: 100%;} .index_banner_auto_after {position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, .3);-webkit-transition: all .6s ease;transition: all .6s ease;} .index_banner_auto_animate {position: absolute;left: 0;bottom: 0;width: 0;height: 100%;background: rgba(255, 255, 255, 1);z-index: 1;} .index_banner_auto_line_active .index_banner_auto_text {color: #ffffff;} .index_banner_auto_line_active {width: 6.7708333vw;} .index_banner_auto_line_current .index_banner_auto_animate {width: 100%;-webkit-transition: all 5s linear;transition: all 5s linear;} .body_animate .header_wrap {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);} .index_page_big {position: relative;z-index: 20;} .index_page_control_wrap {position: absolute;right: 1.5625vw;top: 0;height: 100%;-webkit-align-items: center;align-items: center;z-index: 9;pointer-events: none;opacity: 0;-webkit-transform: translateX(100%);transform: translateX(100%);} .index_page_control_ul {width: 1.041666vw;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);} .index_page_control_li {margin: 0 0 0.7291666vw 0;width: 100%;height: 1.041666vw;cursor: pointer;pointer-events: auto;} .index_page_control_li:last-child {margin: 0;} .index_page_control_read {position: relative;width: 100%;} .index_page_control_label {width: 100%;position: relative;} .index_page_control_label svg {overflow: initial;fill: none;stroke-width: 1px;stroke: #003bd8;stroke-dashoffset: 47;stroke-dasharray: 47;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);} .index_page_control_label:after {content: "";position: absolute;left: 50%;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);background: #ffffff;width: 40%;height: 40%;-webkit-border-radius: 100%;border-radius: 100%;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);} .index_page_control_color .index_page_control_label:after {background: #c3c3c3;} .index_page_control_active .index_page_control_label svg {stroke-dashoffset: 0;} .index_page_control_active .index_page_control_label:after {background: #003bd8;} .index_page_control_hide .index_page_control_ul {opacity: 0;} .index_page_control_hide .index_page_control_li {pointer-events: none;} .index_page_swiper {height: 100vh;position: relative;} .index_page_slide {height: 100%;} .index_page_slide:last-child {height: 40.15625vw;} .index_page_content {height: 100%;} .index_page_img {height: 100%;} .index_banner_swiper .swiper-slide-active .index_banner_title_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);} .index_banner_swiper .swiper-slide-active .index_banner_subtitle_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;} .index_banner_swiper .swiper-slide-active .index_banner_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: .2s;transition-delay: .2s;} .body_animate .index_banner_line svg {stroke-dashoffset: 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;} .body_animate .index_control_wrap {opacity: 1;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: .8s;transition-delay: .8s;} .body_animate .index_banner_auto_wrap {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: .8s;transition-delay: .8s;} .body_animate .index_page_control_wrap {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;} .index_content_wrap {position: relative;background: #ffffff;width: 100%;} .index_passage_page_wrap {background: #ffffff;-webkit-border-radius: 0 0 5.7291666vw 0;border-radius: 0 0 5.7291666vw 0;position: relative;z-index: 30;overflow: hidden;} .index_passage_page_box {position: relative;z-index: 9;} .index_passage_page_back {width: 100vw;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;overflow: hidden;} .index_passage_page_circle:nth-child(1) {position: absolute;bottom: -10vw;right: -20vw;width: 24vw;height: 26vw;z-index: 1;opacity: .6;} .index_passage_page_circle:nth-child(2) {position: absolute;bottom: -15vw;right: -20vw;width: 30vw;height: 18vw;z-index: 1;opacity: .6;} .index_passage_page_circle:nth-child(3) {position: absolute;bottom: 20vw;right: -10vw;width: 16vw;height: 30vw;z-index: 1;opacity: .6;} .index_passage_page_circle:nth-child(4) {position: absolute;bottom: 30vw;right: -10vw;width: 20vw;height: 18vw;z-index: 1;opacity: .6;} .index_passage_page_circle:nth-child(1):after,.index_passage_page_circle:nth-child(2):after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #003bd8;-webkit-border-radius: 100%;border-radius: 100%;-webkit-filter: blur(4vw);filter: blur(4vw);} .index_passage_page_circle:nth-child(3):after,.index_passage_page_circle:nth-child(4):after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #1bad9a;-webkit-border-radius: 100%;border-radius: 100%;-webkit-filter: blur(4vw);filter: blur(4vw);} .index_passage_page_circle:nth-child(1):after {-webkit-animation: 10s opacityAnimate linear infinite normal both;animation: 10s opacityAnimate linear infinite normal both;} .index_passage_page_circle:nth-child(2):after {-webkit-animation: 11s opacityAnimate linear infinite normal both;animation: 11s opacityAnimate linear infinite normal both;} .index_passage_page_circle:nth-child(3):after {-webkit-animation: 10s opacityAnimate2 linear infinite normal both;animation: 10s opacityAnimate2 linear infinite normal both;} .index_passage_page_circle:nth-child(4):after {-webkit-animation: 11s opacityAnimate2 linear infinite normal both;animation: 11s opacityAnimate2 linear infinite normal both;} @-webkit-keyframes opacityAnimate { 0% {opacity: 1;-webkit-transform: none;transform: none;} 25% {opacity: .3;-webkit-transform: translateY(-20vw) translateX(-20vw);transform: translateY(-20vw) translateX(-20vw);} 50% {opacity: .6;-webkit-transform: translateY(-40vw) translateX(-10vw);transform: translateY(-40vw) translateX(-10vw);} 75% {opacity: .3;-webkit-transform: translateY(-40vw) translateX(10vw);transform: translateY(-40vw) translateX(10vw);} 100% {opacity: 1;-webkit-transform: none;transform: none;} } @keyframes opacityAnimate { 0% {opacity: 1;-webkit-transform: none;transform: none;} 25% {opacity: .3;-webkit-transform: translateY(-20vw) translateX(-20vw);transform: translateY(-20vw) translateX(-20vw);} 50% {opacity: .6;-webkit-transform: translateY(-40vw) translateX(-10vw);transform: translateY(-40vw) translateX(-10vw);} 75% {opacity: .3;-webkit-transform: translateY(-40vw) translateX(10vw);transform: translateY(-40vw) translateX(10vw);} 100% {opacity: 1;-webkit-transform: none;transform: none;} } @-webkit-keyframes opacityAnimate2 { 0% {opacity: 1;-webkit-transform: none;transform: none;} 25% {opacity: .3;-webkit-transform: translateY(20vw) translateX(20vw);transform: translateY(20vw) translateX(20vw);} 50% {opacity: .6;-webkit-transform: translateY(40vw) translateX(10vw);transform: translateY(40vw) translateX(10vw);} 75% {opacity: .3;-webkit-transform: translateY(30vw) translateX(-10vw);transform: translateY(30vw) translateX(-10vw);} 100% {opacity: 1;-webkit-transform: none;transform: none;} } @keyframes opacityAnimate2 { 0% {opacity: 1;-webkit-transform: none;transform: none;} 25% {opacity: .3;-webkit-transform: translateY(20vw) translateX(20vw);transform: translateY(20vw) translateX(20vw);} 50% {opacity: .6;-webkit-transform: translateY(40vw) translateX(10vw);transform: translateY(40vw) translateX(10vw);} 75% {opacity: .3;-webkit-transform: translateY(30vw) translateX(-10vw);transform: translateY(30vw) translateX(-10vw);} 100% {opacity: 1;-webkit-transform: none;transform: none;} } .index_passage_box {padding: 0 2.7291666vw;} .index_passage_head_wrap {padding: 5.7291666vw 0 3.6458333vw 0;-webkit-justify-content: space-between;justify-content: space-between;} .index_passage_head_tips {width: 48.823%;line-height: 1.666vw;color: #003bd8;} .index_passage_head_read {width: 48.823%;text-align: right;} .index_passage_head_title {line-height: 4.1666vw;color: #111111;} .index_passage_head_text {line-height: 4.1666vw;color: #111111;} /*首页产品分类*/ .index-title{ width: 90%; margin: 0 auto; text-align: center;} .index-title .name{text-transform: uppercase;} .index-title .nname{} .inpro{background:#f2fcfb; background-size: cover ; padding: 4% 0; position: relative;} .prolist{width: 100%; border-top:1px solid transparent; border-color: rgba(0, 0, 0, 0.1); margin-top: 2%;} .prolist ul{width: 100%; margin:2% auto 0 auto;display: flex; display:-webkit-flex;-webkit-justify-content:center; justify-content: center;flex-wrap: wrap;} .prolist li{width: 13%; margin: 5px 5px 20px 5px;border-bottom:1px solid transparent; border-color: rgba(0, 0, 0, 0.1); } .prolist li .img{width: 45%;display:block; margin:0 auto;} .prolist li span{padding:0 0 15px 0;display: block;text-align: center;} @media (max-width: 1200px){ .prolist ul{width: 100%;-webkit-justify-content:left; justify-content: left;} .prolist li{width:47%;;border:1px solid transparent; border-color: rgba(0, 0, 0, 0.1);text-align: center;padding:0px;margin-bottom: 5px; } .prolist li .img{width: 100%;} .prolist li span{padding-bottom: 0; background: #fff; padding: 10px 0;} .prolist li:nth-child(13){display: none;} } /*产品展示*/ .idxpro {position: relative;background: url(../images/idxProBg.jpg) no-repeat center bottom; padding: 5% 0 5% 0; background-attachment: fixed; background-size: cover;background-attachment: fixed;} .sty2 {margin-top: 66px;position: relative} .sty2 .swiper-container {width: 100%;border-radius: 25px 0 0 25px} .sty2 .swiper-slide {width:33.33%;display: block;position: relative;overflow: hidden;transition: all linear 0.4s} .sty2 .swiper-slide .case_pic{width: 97%; margin: 0 auto;} .sty2 .swiper-slide img {width: 100%;display: block;border-radius: 10px;} .sty2 .swiper-slide .wenan {position: absolute;left: 0;right: 0;bottom: -102px;padding: 30px 0;background-image: linear-gradient(transparent, #000);transition: all linear 0.4s} .sty2 .swiper-slide .wenan strong {display: block;font-size: 22px;line-height: 1.4;text-align: center;color: #FFFFFF} .sty2 .swiper-slide:hover .wenan {bottom: 0} .sty2 .swiper-button {width: 42px;height: 42px;position: absolute;top: 50%;margin-top: -21px;z-index: 2;background: rgba(0,0,0,0.1);border-radius: 50%;text-align: center;line-height: 42px;cursor: pointer;transition: all linear 0.3s} .sty2 .swiper-button:hover {background: rgba(0,0,0,0.5)} .sty2 .swiper-button-prev {left: 0} .sty2 .swiper-button-next {right: 0} @media (max-width: 1280px){ .sty2 .swiper-slide {width: 450px;} } @media (max-width: 1200px){ .sty2 {margin-top: .8rem;margin-left: -.4rem;margin-right: -.4rem} .sty2 .swiper-container {width: 100%;border-radius: 0} .sty2 .swiper-slide {width:90%;margin: 0 5px;border-radius: .4rem} .sty2 .swiper-slide .case_pic{width: 100%;} .sty2 .swiper-slide .wenan {bottom: 0;padding: .4rem 0} .sty2 .swiper-slide .wenan strong {font-size:18px} .sty2 .swiper-button {width: .8rem;height: .8rem;top: 50%;margin-top: -.4rem;line-height: .8rem} .sty2 .swiper-button img {width: 50%} .sty2 .swiper-button-prev {left: .4rem} .sty2 .swiper-button-next {right: .4rem} } .inproduct{padding: 5% 0; margin: 0 auto 5% auto; width: 95%;} #tel_pro{display: none;} #top_scroll {overflow: hidden;width:100%; margin:0 auto 0 auto;height: 1000px; position: relative;} #top_scroll ul{width: 100%; margin:0 auto 0 auto;} #top_scroll ul li{position: relative; float: left;width:32%;margin:0 .5% 1%;overflow: hidden; border:1px solid transparent; border-color: rgba(228, 228, 228, 0.1);; box-sizing: border-box;background-color:#eff6fc;} #top_scroll ul li .img{width: 100%;object-fit: cover; object-position: center; overflow: hidden; } #top_scroll ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;} #top_scroll ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);} #top_scroll ul li .proText{ padding: 25px 0; transition: .4s;-webkit-transition: .4s; background: #fff;border-top:1px solid transparent; border-color: rgba(151, 151, 151, 0.2);} #top_scroll ul li strong{display: block; color: #333333; text-align: center;font-weight:normal;word-break: break-all; text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} #top_scroll ul li span{width: 130px; height: 45px; line-height: 45px; text-align: center;border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); display: block; margin:20px auto 0 auto; border-radius: 63px; background: #38ad40;color: #fff;} .h_more{color: #fff;font-size: 22px;width: 275px; line-height: 68px; background: #2a63b4; margin:3% auto 0 auto; display: block; padding:0 25px;position: relative; border-radius: 15px; transition: 0.3s;} .h_more:after{width:45px;height: 45px;background:rgba(255,255,255,.3) url(../images/gt4.png) no-repeat center center; content: ''; position: absolute;right:25px;top:12px; border-radius: 24px;} .h_more:hover{ font-weight: bold;width: 250px;} .yindd{width: 100%;display: flex;justify-content: center;align-items: center;margin:60px 0 20px;} .yindd a{width: 255px;height: 63px;border-radius: 63px;text-align: center;font-size: 18px;box-sizing: border-box;line-height: 63px;margin-left: 14px;margin-right: 14px;} .yindd a:nth-child(1){color: #FFFFFF;background-color: #2a63b4;} .yindd a:nth-child(2){color: #2a63b4;border: 1px solid #2a63b4;} .yindd a:hover{background-color: #075fc0;color: #FFFFFF;border: 1px solid #075fc0;} @media (max-width:1280px){ .pro-list .c-wrap .c-title{padding: 15px 0;} } @media (max-width:1023px){ .inproduct{display: none;} .probanner{display: none;} #top_scroll,#cf_scroll{display: none;} #top_scroll{display: none;} #tel_pro {overflow: hidden;width:98%; margin:1vh auto 0 auto; padding-bottom: 3%; display: none;} #tel_pro ul li{position: relative; float: left;width:49%;margin:0 .5% 1%;overflow: hidden; border-bottom: #e1dfdf 1px solid; box-sizing: border-box;background-color:#f8f8f8;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} #tel_pro ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden; } #tel_pro ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;} #tel_pro ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);} #tel_pro ul li .proText{ padding:15px 0; transition: .4s;-webkit-transition: .4s;} #tel_pro ul li strong{display: block; color: #333333; text-align: center;font-weight:500;font-size: 16px;word-break: break-all; text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} #tel_pro .protel{width: 70%; margin: 0 auto; line-height: 35px; padding:0 0 15px 0;display: flex; display:-webkit-flex; -webkit-justify-content: space-between; justify-content: space-between; font-size: 14px;} .h_more{width: 200px; height: 55px ; line-height: 55px; font-size: 20px} .h_more:after{width: 35px; height: 35px; right: 10px} .yindd{margin: 20px 0 20px;} .yindd a{width: 200px; height: 55px ; line-height: 55px; font-size: 16px;} } .index_partner_wrap {padding: 4.8125vw 0 6.25vw 0;} .index_partner_box {padding: 0 2.7291666vw;} .index_partner_title {line-height: 3.541666vw;color: #111111;text-align: center;} .index_partner_img {padding-bottom: 80.571%;} .index_partner_content {margin-top: 2.42708333vw;} .index_partner_swiper .swiper-wrapper {transition-timing-function: linear !important;} .index_main_page_wrap {position: relative;margin-top: -5.7291666vw;z-index: 29;} .index_main_page_box {position: relative;padding: 5.7291666vw 0 0 0;} .index_main_page_box:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #ffffff;-webkit-border-radius: 0 0 5.7291666vw 0;border-radius: 0 0 5.7291666vw 0;overflow: hidden;pointer-events: none;} .index_industry_head_wrap {position: relative;z-index: 19;} .index_industry_head_box:nth-child(2) {position: absolute;left: 0;top: 2.6041666vw;width: 100%;pointer-events: none;} .index_main_page_content {position: relative;z-index: 20;} .index_industry_wrap {position: relative;} .index_industry_fixed_item {height: 150vh;} .index_industry_fixed_item:nth-child(2) {height: 80vh;} .index_industry_pack {position: sticky;width: 100%;height: 100vh;top: 0;-webkit-align-items: flex-end;align-items: flex-end;} .index_main_page_back {position: absolute;right: 0;top: 0;width: 100%;height: 100%;opacity: 1;} .index_main_circle_back {position: absolute;right: 0;top: -5.7291666vw;width: 100vw;height: calc(100% + 11.458333vw);opacity: 1;overflow: hidden;} .index_main_white_back { position: absolute; right: 0; top: 0; width: 100vw; height: 100%; opacity: 1; pointer-events: none; overflow: hidden; } .index_main_white_label:nth-child(1) { position: absolute; top: -10vw; left: -60vw; width: 24vw; height: 26vw; z-index: 1; opacity: .4; -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1); transition: all 2s cubic-bezier(.4, 0, .2, 1); } .index_main_white_label:nth-child(2) { position: absolute; top: -15vw; left: -60vw; width: 30vw; height: 18vw; z-index: 1; opacity: .4; -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1); transition: all 2s cubic-bezier(.4, 0, .2, 1); } .index_main_white_label:nth-child(3) { position: absolute; top: 10vw; left: -50vw; width: 16vw; height: 30vw; z-index: 1; opacity: .4; -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1); transition: all 2s cubic-bezier(.4, 0, .2, 1); } .index_main_white_label:nth-child(4) { position: absolute; top: 20vw; left: -50vw; width: 20vw; height: 18vw; z-index: 1; opacity: .4; -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1); transition: all 2s cubic-bezier(.4, 0, .2, 1); } .index_main_white_label:nth-child(1):after, .index_main_white_label:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #003bd8; -webkit-border-radius: 100%; border-radius: 100%; -webkit-filter: blur(4vw); filter: blur(4vw); } .index_main_white_label:nth-child(3):after, .index_main_white_label:nth-child(4):after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1bad9a; -webkit-border-radius: 100%; border-radius: 100%; -webkit-filter: blur(4vw); filter: blur(4vw); } .index_main_white_label:nth-child(1):after { -webkit-animation: 10s WhiteCircleAnimate linear infinite normal both; animation: 10s WhiteCircleAnimate linear infinite normal both; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .index_main_white_label:nth-child(2):after { -webkit-animation: 11s WhiteCircleAnimate linear infinite normal both; animation: 11s WhiteCircleAnimate linear infinite normal both; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .index_main_white_label:nth-child(3):after { -webkit-animation: 10s WhiteCircleAnimate2 linear infinite normal both; animation: 10s WhiteCircleAnimate2 linear infinite normal both; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .index_main_white_label:nth-child(4):after { -webkit-animation: 11s WhiteCircleAnimate2 linear infinite normal both; animation: 11s WhiteCircleAnimate2 linear infinite normal both; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } @-webkit-keyframes WhiteCircleAnimate { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .3; -webkit-transform: translateY(10vw) translateX(15vw); transform: translateY(10vw) translateX(15vw); } 50% { opacity: .6; -webkit-transform: translateY(20vw) translateX(10vw); transform: translateY(20vw) translateX(10vw); } 75% { opacity: .3; -webkit-transform: translateY(10vw) translateX(5vw); transform: translateY(10vw) translateX(5vw); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes WhiteCircleAnimate { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .3; -webkit-transform: translateY(10vw) translateX(15vw); transform: translateY(10vw) translateX(15vw); } 50% { opacity: .6; -webkit-transform: translateY(20vw) translateX(10vw); transform: translateY(20vw) translateX(10vw); } 75% { opacity: .3; -webkit-transform: translateY(10vw) translateX(5vw); transform: translateY(10vw) translateX(5vw); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes WhiteCircleAnimate2 { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .3; -webkit-transform: translateY(-20vw) translateX(15vw); transform: translateY(-20vw) translateX(15vw); } 50% { opacity: .6; -webkit-transform: translateY(-30vw) translateX(10vw); transform: translateY(-30vw) translateX(10vw); } 75% { opacity: .3; -webkit-transform: translateY(-20vw) translateX(5vw); transform: translateY(-20vw) translateX(5vw); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes WhiteCircleAnimate2 { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .3; -webkit-transform: translateY(-20vw) translateX(15vw); transform: translateY(-20vw) translateX(15vw); } 50% { opacity: .6; -webkit-transform: translateY(-30vw) translateX(10vw); transform: translateY(-30vw) translateX(10vw); } 75% { opacity: .3; -webkit-transform: translateY(-20vw) translateX(5vw); transform: translateY(-20vw) translateX(5vw); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .index_main_circle_label:nth-child(1) { position: absolute; top: -10vw; right: -22vw; width: 40vw; height: 40vw; z-index: 1; opacity: .4; } .index_main_circle_label:nth-child(2) { position: absolute; top: 10vw; right: -32vw; width: 50vw; height: 26vw; z-index: 1; opacity: .5; } .index_main_circle_label:nth-child(3) { position: absolute; bottom: -22vw; right: 0; width: 40vw; height: 40vw; z-index: 1; opacity: .4; } .index_main_circle_label:nth-child(4) { position: absolute; bottom: -22vw; right: -10vw; width: 60vw; height: 26vw; z-index: 1; opacity: .3; } .index_main_circle_label:nth-child(5) { position: absolute; top: 30vw; left: -10vw; width: 30vw; height: 20vw; z-index: 1; opacity: .6; } .index_main_circle_label:nth-child(6) { position: absolute; top: -20vw; left: -20vw; width: 30vw; height: 40vw; z-index: 1; opacity: .5; } .index_main_circle_label:nth-child(1):after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #003bd8; -webkit-border-radius: 100%; border-radius: 100%; -webkit-filter: blur(4vw); filter: blur(4vw); } .index_main_circle_label:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #003bd8; -webkit-border-radius: 100%; border-radius: 100%; -webkit-filter: blur(4vw); filter: blur(4vw); } .index_main_circle_label:nth-child(3):after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1bad9a; -webkit-border-radius: 100%; border-radius: 100%; -webkit-filter: blur(4vw); filter: blur(4vw); } .index_main_circle_label:nth-child(4):after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1bad9a; -webkit-border-radius: 100%; border-radius: 100%; -webkit-filter: blur(4vw); filter: blur(4vw); } .index_main_circle_label:nth-child(5):after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #003bd8; -webkit-border-radius: 100%; border-radius: 100%; -webkit-filter: blur(4vw); filter: blur(4vw); } .index_main_circle_label:nth-child(6):after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1bad9a; -webkit-border-radius: 100%; border-radius: 100%; -webkit-filter: blur(4vw); filter: blur(4vw); } .index_main_page_after {position: absolute;right: 0;top: -5.7291666vw;width: 100%;height: calc(100% + 11.458333vw);background: #00041d;-webkit-border-radius: 0 0 0 5.7291666vw;border-radius: 0 0 0 5.7291666vw;overflow: hidden;} .index_passage_wrap {width: 100vw;overflow: hidden;} .index_industry_big {position: relative;z-index: 9;width: 100vw;max-width: 100%;} .index_industry_box {position: relative;padding: 0 5.7291666vw;} .index_industry_subtitle {font-size: 1.5458333vw;line-height: 1.666vw;color: #ffffff;text-align: center;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);} .index_industry_title {font-size: 2.8208333vw;line-height: 3.541666vw;color: #ffffff;text-align: center;margin-top: 1.3208333vw;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);} .index_industry_head_box:nth-child(2) .index_industry_subtitle {color: #003bd8;text-align: left;} .index_industry_head_box:nth-child(2) .index_industry_title {color: #111111;text-align: left;} .index_industry_content {-webkit-justify-content: center;justify-content: center;position: relative;margin-top: -3.125vw;} .index_industry_swiper {position: absolute;left: 0;top: 0;width: 19.41176%;z-index: 29;padding: 7.8125vw 0;} .index_industry_swiper2 {position: absolute;right: 0;top: 0;width: 19.41176%;z-index: 29;padding: 7.8125vw 0;} .index_industry_slide_icon {width: 3.38541666vw;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);} .index_industry_slide_title {line-height: 1.6666vw;color: #ffffff;margin-top: 2.08333vw;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);} .index_industry_slide_text {color: #ffffff;margin-top: 1.041666vw;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);} .index_industry_slide_button {margin-top: 2.34375vw;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);} .index_industry_slide_btn {position: relative;} .index_industry_slide_btn a {background: #24b474;-webkit-border-radius: 1.458333vw;border-radius: 1.458333vw;overflow: hidden;position: relative;width: 2.91666vw;-webkit-transition: all .6s ease;transition: all .6s ease;} .index_industry_slide_btn a:hover {width: 8.125vw;padding-left: 5.20833vw;} .index_industry_slide_btn a:hover .index_industry_btn_text {opacity: 1;} .index_industry_btn_text {width: 5.20833vw;text-align: right;font-size: 0.7291666vw;line-height: 2.91666vw;color: #ffffff;position: absolute;left: 0;top: 0;opacity: 0;-webkit-transition: all .6s ease;transition: all .6s ease;} .index_industry_btn_icon {width: 2.91666vw;height: 2.91666vw;position: relative;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} .index_industry_btn_label {width: 14.2857%;} .index_industry_btn_label svg {fill: #ffffff;} .index_industry_circle_wrap {position: relative;width: 88.70588%;} .index_industry_circle_box {position: relative;padding-bottom: 50%;} .index_industry_circle_content {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 4.708225% 4.708225% 0 4.708225%;} .index_industry_circle_border {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;pointer-events: none;-webkit-transform: scale(0.8);transform: scale(0.8);opacity: 0;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);} .index_industry_circle_border2 {position: absolute;left: 0;top: 0;width: 71.1458333vw;height: 71.1458333vw;z-index: 1;pointer-events: none;-webkit-transform: scale(0.8);transform: scale(0.8);-webkit-border-radius: 100%;border-radius: 100%;opacity: 0;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);} .index_industry_circle_border2:after {content: "";position: absolute;left: -0.1041666vw;top: -0.1041666vw;width: 100%;height: 100%;border: 0.208333vw solid #00beb3;box-sizing: border-box;-webkit-filter: blur(0.26041666vw);filter: blur(0.26041666vw);border-right: transparent;border-top: transparent;border-bottom: transparent;-webkit-border-radius: 100%;border-radius: 100%;opacity: .6;} .index_industry_circle_border2:after {-webkit-animation: CircleBorder 4s infinite linear normal both;animation: CircleBorder 4s infinite linear normal both;} .index_industry_circle_big {position: relative;width: 100%;height: 100%;z-index: 9;} .index_industry_circle_big {padding: 6.88141% 6.88141% 0 6.88141%;position: relative;} .index_industry_circle_pack {position: relative;width: 100%;height: 100%;/*-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);*//*transition: all 1s cubic-bezier(.4, 0, .2, 1);*/} .index_industry_circle_tab {position: relative;width: 100%;height: 100%;-webkit-transform: translateX(-2%) rotate(0.8deg);transform: translateX(-2%) rotate(0.8deg);z-index: 9;} .index_industry_item_box {position: absolute;left: 0;bottom: 0;width: 32.6825%;pointer-events: none;-webkit-transition: all .6s ease;transition: all .6s ease;opacity: 0;} .index_industry_item_content {-webkit-transform: translateY(9%) translateX(-7%);transform: translateY(9%) translateX(-7%);pointer-events: auto;} .index_industry_item_content a {position: relative;display: block;} .index_industry_item_img {padding-bottom: 92.72727%;pointer-events: none;-webkit-transition: all .6s ease;transition: all .6s ease;} .index_industry_item_img:nth-child(1) {} .index_industry_item_img:nth-child(2) {position: absolute;left: 0;top: 0;width: 100%;opacity: 0;} .index_industry_item_box:nth-child(1) {-webkit-transform: rotate(-30deg) translateY(52%) translateX(-37%);transform: rotate(-30deg) translateY(52%) translateX(-37%);} .index_industry_item_box:nth-child(2) {-webkit-transform: none;transform: none;} .index_industry_item_box:nth-child(3) {-webkit-transform: rotate(30deg) translateY(-65%) translateX(8%);transform: rotate(30deg) translateY(-65%) translateX(8%);} .index_industry_item_box:nth-child(4) {-webkit-transform: rotate(60deg) translateY(-126%) translateX(-15%);transform: rotate(60deg) translateY(-126%) translateX(-15%);} .index_industry_item_box:nth-child(5) {-webkit-transform: rotate(90deg) translateY(-165.7%) translateX(-63.5%);transform: rotate(90deg) translateY(-165.7%) translateX(-63.5%);} .index_industry_item_box:nth-child(6) {-webkit-transform: rotate(120deg) translateY(-174%) translateX(-124%);transform: rotate(120deg) translateY(-174%) translateX(-124%);} .index_industry_item_box:hover {z-index: 9;} .index_industry_item_box:hover .index_industry_item_img {-webkit-transform: scale(1.25);transform: scale(1.25);/*-webkit-transform-origin: 50% 58%;*//*transform-origin: 50% 58%;*/} .index_industry_item_box:hover .index_industry_item_img:nth-child(1) {opacity: 0;} .index_industry_item_box:hover .index_industry_item_img:nth-child(2) {opacity: 1;} .index_industry_circle_center {width: 100%;position: absolute;left: 0;bottom: 0;/*-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);*//*transition: all 1s cubic-bezier(.4, 0, .2, 1);*/} .index_industry_earth_wrap {width: 100%;-webkit-justify-content: center;justify-content: center;-webkit-transform: translateY(50%);transform: translateY(50%);-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);} .index_industry_earth_box {width: 44.39728%;position: relative;} .index_industry_earth_back {position: relative;-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all .6s ease;transition: all .6s ease;z-index: 9;} .index_industry_circle_img {width: 100%;} .index_circle_max_box {padding-bottom: 100%;background: rgba(45, 203, 168, .7);-webkit-border-radius: 100%;border-radius: 100%;position: relative;} .index_circle_max_animate {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;-webkit-border-radius: 100%;border-radius: 100%;} .index_circle_max_label {position: absolute;left: 0;top: -70%;width: 100%;height: 100%;background: #064cd5;-webkit-filter: blur(2vw);filter: blur(2vw);opacity: .9;} .index_circle_min_read {position: absolute;left: 50%;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);width: 42.4474%;height: 42.4474%;background: rgba(45, 203, 168, .3);-webkit-border-radius: 100%;border-radius: 100%;z-index: 9;} .index_circle_min_scale {position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .index_circle_scale_label {content: "";position: absolute;left: 50%;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);width: 100%;height: 100%;border: 1px solid #00beb3;-webkit-border-radius: 100%;border-radius: 100%;box-sizing: border-box;z-index: 9;} .index_circle_scale_label:nth-child(2) {-webkit-animation: jack_scale 6s linear infinite normal both;animation: jack_scale 6s linear infinite normal both;} .index_circle_scale_label:nth-child(3) {-webkit-animation: jack_scale 6s 1.5s linear infinite normal both;animation: jack_scale 6s 1.5s linear infinite normal both;} .index_circle_scale_label:nth-child(4) {-webkit-animation: jack_scale 6s 3s linear infinite normal both;animation: jack_scale 6s 3s linear infinite normal both;} .index_circle_scale_label:nth-child(5) {-webkit-animation: jack_scale 6s 4.5s linear infinite normal both;animation: jack_scale 6s 4.5s linear infinite normal both;} @-webkit-keyframes jack_scale { 0% {width: 100%;height: 100%;opacity: 0;} 20% {width: 133.75%;height: 133.75%;opacity: 0.3;} 40% {width: 167.5%;height: 167.5%;opacity: 0.1;} 60% {width: 201.25%;height: 201.25%;opacity: .05;} 80% {width: 235%;height: 235%;opacity: 0;} 100% {width: 100%;height: 100%;opacity: 0;} } @keyframes jack_scale { 0% {width: 100%;height: 100%;opacity: 0;} 20% {width: 133.75%;height: 133.75%;opacity: 0.3;} 40% {width: 167.5%;height: 167.5%;opacity: 0.1;} 60% {width: 201.25%;height: 201.25%;opacity: .05;} 80% {width: 235%;height: 235%;opacity: 0;} 100% {width: 100%;height: 100%;opacity: 0;} } .index_circle_min_animate {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;-webkit-border-radius: 100%;border-radius: 100%;} .index_circle_min_label {position: absolute;left: 0;top: -80%;width: 100%;height: 100%;background: #064cd5;-webkit-filter: blur(2vw);filter: blur(2vw);opacity: .9;} .index_industry_circle_text {font-size: 1.25vw;line-height: 1.5625vw;color: #ffffff;position: absolute;left: 0;top: 33%;width: 100%;text-align: center;z-index: 10;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);} .index_head_animate .index_industry_head_box:nth-child(1) .index_industry_subtitle {opacity: 1;pointer-events: auto;-webkit-transform: none;transform: none;} .index_head_animate .index_industry_head_box:nth-child(1) .index_industry_title {opacity: 1;pointer-events: auto;-webkit-transform: none;transform: none;-webkit-transition-delay: .1s;transition-delay: .1s;} .index_industry_animate .index_main_circle_label:nth-child(1):after {-webkit-animation: 15s opacityCircleAnimate linear infinite normal both;animation: 15s opacityCircleAnimate linear infinite normal both;} .index_industry_animate .index_main_circle_label:nth-child(2):after {-webkit-animation: 18s opacityCircleAnimate linear infinite normal both;animation: 18s opacityCircleAnimate linear infinite normal both;} .index_industry_animate .index_main_circle_label:nth-child(3):after {-webkit-animation: 14s opacityCircleAnimate2 linear infinite normal both;animation: 14s opacityCircleAnimate2 linear infinite normal both;} .index_industry_animate .index_main_circle_label:nth-child(4):after {-webkit-animation: 16s opacityCircleAnimate2 linear infinite normal both;animation: 16s opacityCircleAnimate2 linear infinite normal both;} .index_industry_animate .index_main_circle_label:nth-child(5):after {-webkit-animation: 15s opacityCircleAnimate3 linear infinite normal both;animation: 15s opacityCircleAnimate3 linear infinite normal both;} .index_industry_animate .index_main_circle_label:nth-child(6):after {-webkit-animation: 17s opacityCircleAnimate3 linear infinite normal both;animation: 17s opacityCircleAnimate3 linear infinite normal both;} @-webkit-keyframes opacityCircleAnimate { 0% {transform: none;opacity: 1;} 25% {-webkit-transform: translateX(-40vw) translateY(-25vw) scale(1.1);transform: translateX(-40vw) translateY(-25vw) scale(1.1);opacity: .3;} 50% { -webkit-transform: translateX(-60vw) translateY(-5vw) scale(0.8);transform: translateX(-60vw) translateY(-5vw) scale(0.8);opacity: .6;} 75% {-webkit-transform: translateX(-30vw) translateY(10vw) scale(0.8);transform: translateX(-30vw) translateY(10vw) scale(0.8);opacity: .3;} 100% {transform: none;opacity: 1;} } @keyframes opacityCircleAnimate { 0% {transform: none;opacity: 1;} 25% {-webkit-transform: translateX(-40vw) translateY(-25vw) scale(1.1);transform: translateX(-40vw) translateY(-25vw) scale(1.1);opacity: .3;} 50% {-webkit-transform: translateX(-60vw) translateY(-5vw) scale(0.8);transform: translateX(-60vw) translateY(-5vw) scale(0.8);opacity: .6;} 75% {-webkit-transform: translateX(-30vw) translateY(10vw) scale(0.8);transform: translateX(-30vw) translateY(10vw) scale(0.8);opacity: .3;} 100% {transform: none;opacity: 1;} } @-webkit-keyframes opacityCircleAnimate2 { 0% {transform: none;opacity: 1;} 25% {-webkit-transform: translateX(30vw) translateY(-25vw) scale(1.1);transform: translateX(30vw) translateY(-25vw) scale(1.1);opacity: .3;} 50% {-webkit-transform: translateX(40vw) translateY(-5vw) scale(0.8);transform: translateX(40vw) translateY(-5vw) scale(0.8);opacity: .6;} 75% {-webkit-transform: translateX(10vw) translateY(10vw) scale(0.8);transform: translateX(10vw) translateY(10vw) scale(0.8);opacity: .3;} 100% {transform: none;opacity: 1;} } @keyframes opacityCircleAnimate2 { 0% {transform: none;opacity: 1;} 25% {-webkit-transform: translateX(30vw) translateY(-25vw) scale(1.1);transform: translateX(30vw) translateY(-25vw) scale(1.1);opacity: .3;} 50% {-webkit-transform: translateX(40vw) translateY(-5vw) scale(0.8);transform: translateX(40vw) translateY(-5vw) scale(0.8);opacity: .6;} 75% {-webkit-transform: translateX(10vw) translateY(10vw) scale(0.8);transform: translateX(10vw) translateY(10vw) scale(0.8);opacity: .3;} 100% {transform: none;opacity: 1;} } @-webkit-keyframes opacityCircleAnimate3 { 0% {transform: none;opacity: 1;} 25% {-webkit-transform: translateX(20vw) translateY(25vw) scale(1.1);transform: translateX(20vw) translateY(25vw) scale(1.1);opacity: .3;} 50% {-webkit-transform: translateX(30vw) translateY(5vw) scale(0.8);transform: translateX(30vw) translateY(5vw) scale(0.8);opacity: .6;} 75% {-webkit-transform: translateX(15vw) translateY(-10vw) scale(1.3);transform: translateX(15vw) translateY(-10vw) scale(1.3);opacity: .3;} 100% {transform: none;opacity: 1;} } @keyframes opacityCircleAnimate3 { 0% {transform: none;opacity: 1;} 25% {-webkit-transform: translateX(20vw) translateY(25vw) scale(1.1);transform: translateX(20vw) translateY(25vw) scale(1.1);opacity: .3;} 50% {-webkit-transform: translateX(30vw) translateY(5vw) scale(0.8);transform: translateX(30vw) translateY(5vw) scale(0.8);opacity: .6;} 75% {-webkit-transform: translateX(15vw) translateY(-10vw) scale(1.3);transform: translateX(15vw) translateY(-10vw) scale(1.3);opacity: .3;} 100% {transform: none;opacity: 1;} } .index_industry_animate .index_industry_earth_back {-webkit-transform: none;transform: none;} .index_industry_animate .index_industry_item_box {opacity: 1;} .index_industry_animate .index_industry_item_box:nth-child(1) {-webkit-transform: none;transform: none;} .index_industry_animate .index_industry_item_box:nth-child(2) {-webkit-transform: rotate(30deg) translateY(-65%) translateX(8%);transform: rotate(30deg) translateY(-65%) translateX(8%);-webkit-transition-delay: .1s;transition-delay: .1s;} .index_industry_animate .index_industry_item_box:nth-child(3) {-webkit-transform: rotate(60deg) translateY(-126%) translateX(-15%);transform: rotate(60deg) translateY(-126%) translateX(-15%);-webkit-transition-delay: .2s;transition-delay: .2s;} .index_industry_animate .index_industry_item_box:nth-child(4) {-webkit-transform: rotate(90deg) translateY(-165.7%) translateX(-63.5%);transform: rotate(90deg) translateY(-165.7%) translateX(-63.5%);-webkit-transition-delay: .3s;transition-delay: .3s;} .index_industry_animate .index_industry_item_box:nth-child(5) {-webkit-transform: rotate(120deg) translateY(-174%) translateX(-124%);transform: rotate(120deg) translateY(-174%) translateX(-124%);-webkit-transition-delay: .4s;transition-delay: .4s;} .index_industry_animate .index_industry_item_box:nth-child(6) {-webkit-transform: rotate(150deg) translateY(-149%) translateX(-180%);transform: rotate(150deg) translateY(-149%) translateX(-180%);-webkit-transition-delay: .5s;transition-delay: .5s;} .index_industry_animate .index_industry_circle_border2 {-webkit-transform: none;transform: none;opacity: 1;-webkit-transition-delay: .5s;transition-delay: .5s;} .index_industry_animate .index_industry_circle_border {-webkit-transform: none;transform: none;opacity: 1;-webkit-transition-delay: .6s;transition-delay: .6s;} .index_industry_animate .index_industry_circle_border img {-webkit-animation: CircleBorder infinite 80s linear normal both;animation: CircleBorder infinite 80s linear normal both;} .index_industry_animate .index_industry_current_swiper .swiper-slide-active .index_industry_slide_icon,.index_industry_animate .index_industry_swiper .swiper-slide-active .index_industry_slide_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);-webkit-transition-delay: .1s;transition-delay: .1s;} .index_industry_animate .index_industry_current_swiper .swiper-slide-active .index_industry_slide_title,.index_industry_animate .index_industry_swiper .swiper-slide-active .index_industry_slide_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;} .index_industry_animate .index_industry_current_swiper .swiper-slide-active .index_industry_slide_text,.index_industry_animate .index_industry_swiper .swiper-slide-active .index_industry_slide_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;} .index_industry_animate .index_industry_current_swiper .swiper-slide-active .index_industry_slide_button,.index_industry_animate .index_industry_swiper .swiper-slide-active .index_industry_slide_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: .4s;transition-delay: .4s;} @-webkit-keyframes CircleBorder { 0% {transform: none;} 100% {transform: rotate(360deg);} } @keyframes CircleBorder { 0% {transform: none;} 100% {transform: rotate(360deg);} } .index_industry_hide .index_industry_circle_tab {pointer-events: none;} .index_industry_hide .index_industry_circle_text {opacity: 0;} .index_industry_hide .index_industry_item_content {pointer-events: none;} .index_industry_hide .index_industry_item_box {opacity: 0;} .index_industry_hide .index_industry_item_box:nth-child(6) {-webkit-transform: rotate(120deg) translateY(-174%) translateX(-124%); transform: rotate(120deg) translateY(-174%) translateX(-124%);-webkit-transition-delay: 0s !important;transition-delay: 0s !important;} .index_industry_hide .index_industry_item_box:nth-child(5) {-webkit-transform: rotate(90deg) translateY(-165.7%) translateX(-63.5%);transform: rotate(90deg) translateY(-165.7%) translateX(-63.5%);-webkit-transition-delay: .1s !important;transition-delay: .1s !important;} .index_industry_hide .index_industry_item_box:nth-child(4) {-webkit-transform: rotate(60deg) translateY(-126%) translateX(-15%);transform: rotate(60deg) translateY(-126%) translateX(-15%);-webkit-transition-delay: .2s !important;transition-delay: .2s !important;} .index_industry_hide .index_industry_item_box:nth-child(3) {-webkit-transform: rotate(30deg) translateY(-65%) translateX(8%);transform: rotate(30deg) translateY(-65%) translateX(8%);-webkit-transition-delay: .3s !important;transition-delay: .3s !important;} .index_industry_hide .index_industry_item_box:nth-child(2) {-webkit-transform: none;transform: none;-webkit-transition-delay: .4s !important;transition-delay: .4s !important;} .index_industry_hide .index_industry_item_box:nth-child(1) {-webkit-transform: rotate(-30deg) translateY(52%) translateX(-37%);transform: rotate(-30deg) translateY(52%) translateX(-37%);-webkit-transition-delay: .5s !important;transition-delay: .5s !important;} .index_industry_hide .index_industry_circle_border2 {-webkit-transform: scale(1.2);transform: scale(1.2);opacity: 0;-webkit-transition-delay: 0s;transition-delay: 0s;} .index_industry_hide .index_industry_circle_border {-webkit-transform: scale(1.2);transform: scale(1.2);opacity: 0;-webkit-transition-delay: 0s;transition-delay: 0s;} .index_industry_hide .index_industry_head_wrap .index_industry_head_box:nth-child(1) .index_industry_subtitle {-webkit-transform: translateY(-4vw);transform: translateY(-4vw);opacity: 0;pointer-events: none;-webkit-transition-delay: 0s;transition-delay: 0s;} .index_industry_hide .index_industry_head_wrap .index_industry_head_box:nth-child(1) .index_industry_title {-webkit-transform: translateY(-4vw);transform: translateY(-4vw);opacity: 0;pointer-events: none;-webkit-transition-delay: 0s;transition-delay: 0s;} .index_industry_hide .index_industry_swiper {pointer-events: none;} .index_industry_hide .index_industry_swiper .swiper-slide {pointer-events: none;} .index_industry_hide .index_industry_current_swiper .swiper-slide-active .index_industry_slide_icon,.index_industry_hide .index_industry_swiper .swiper-slide-active .index_industry_slide_icon {opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);-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;} .index_industry_hide .index_industry_current_swiper .swiper-slide-active .index_industry_slide_title,.index_industry_hide .index_industry_swiper .swiper-slide-active .index_industry_slide_title {opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);-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_industry_hide .index_industry_current_swiper .swiper-slide-active .index_industry_slide_text,.index_industry_hide .index_industry_swiper .swiper-slide-active .index_industry_slide_text {opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);-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_industry_hide .index_industry_current_swiper .swiper-slide-active .index_industry_slide_button,.index_industry_hide .index_industry_swiper .swiper-slide-active .index_industry_slide_button {opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);-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_industry_earth_content {width: 100vw;height: 100vw;position: absolute;left: 50%;top: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);opacity: 0;-webkit-transition: all .3s ease;transition: all .3s ease;} .index_industry_earth_big {width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;background:url(../images/index/global.gif) no-repeat center center; background-size: 40%;} .index_earth_read {position: absolute;left: 0;bottom: 38%;width: 100%;z-index: 19;padding: 0 5.7291666vw;pointer-events: none;} .index_earth_tab {-webkit-justify-content: space-between;justify-content: space-between;} .index_earth_item_box {width: 30%;-webkit-justify-content: space-between;justify-content: space-between;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}.index_earth_item_box:nth-child(1) { -webkit-transform: translateX(4vw);transform: translateX(4vw);opacity: 0;} .index_earth_item_box:nth-child(2) {-webkit-transform: translateX(-4vw);transform: translateX(-4vw);opacity: 0;} .index_earth_item_title {-webkit-align-items: flex-end;align-items: flex-end;-webkit-justify-content: center;justify-content: center;} .index_earth_item_number {line-height: 4.1666vw;color: #003bd8;} .index_earth_item_label {font-size: 3.6458333vw;line-height: 4.1666vw;color: #003bd8;} .index_earth_item_min {font-size: 1.25vw;line-height: 2.6041666vw;color: #003bd8;} .index_earth_item_text {line-height: 1.25vw;color: #111111;text-align: center;} @media (max-width: 1200px){ .index_main_white_back{display: none;} .index_industry_earth_big{background-size: 100%;} } /*产品详情*/ .se_procont{width: 100%; background:url(../images/hz.jpg) no-repeat center top;padding: 7% 0 4% 0;background-attachment: fixed; background-size: cover;} .se_procont .s_width{background: #fff;padding:2% 4% 2% 2%;display: flex; display:-webkit-flex;-webkit-justify-content: space-between; justify-content: space-between;width: 90%; margin: 0 auto;} .se_procont .se_procont_l{width: 50%;} .se_procont_r{width: 43%; padding-top: 7%;} .l{float: left;} .r{float: right;} #showbigpic{width: 100%;max-width:800px;} .piclist{width:89%;overflow: hidden; margin:0 auto} #modal-pic{height:51vh;} #modal-pic img{width: 100%;} .modal-dialog{width: 100%;} .absolute{position:absolute} .arrow-left{top:5px;left:5px;color:white;cursor: pointer;width:20px;height:100px; background:url(../images/lleft.png) no-repeat center top; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .arrow-right{top:5px;right:5px;color:white;cursor: pointer;width:20px;height:100px; background:url(../images/rright.png) no-repeat center top; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .arrow-left:hover{ background:url(../images/left_h2.png) no-repeat center top;} .arrow-right:hover{ background:url(../images/right_h2.png) no-repeat center top;} #mycarousel{transition: all .4s;} .espcms_pro_photo li{ float:left; width:80px; margin-right:10px; text-indent:0;} .espcms_pro_photo li img{width:76px;height:auto; background: #fff } .se_product_box{width: 85%; margin: 4% auto;} .se_product_box .se_product_tit{font-size: 30px; font-weight: bold;background: #155bc4;padding: 20px 0px;width:400px; text-align: center; color: #fff; margin-bottom: 4%} .se_product_box h2{ font-size: 32px;color: #333;line-height: 40px;margin-bottom: 30px; font-weight: bold;} .se_product_cont{color: #666;} .se_product_cont .atc-con{font-size: 18px; line-height: 36px;} .se_product_cont table {width: 100%;margin-bottom: 30px; margin-top:4%;font-size: 16px;} .se_product_cont table tr {position: relative;border-bottom: 1px solid #fff;box-sizing: border-box;} .se_product_cont table td {color: #333;} .se_product_cont table tr:nth-child(2n+1) {background: #f2f2f2;} .se_product_cont table thead tr th {background: #7fce3c; } .se_product_cont table thead tr th {color: #fff; font-size: 18px;border-right: 1px solid #fff; padding: 10px 10px} .se_product_bg{margin-top: 3%;} .biaoge{overflow-x: auto;} .biaoge td{padding:10px 5px;white-space: nowrap;font-size: 16px;} .biaoge table thead tr th {background: #0094d9; } .biaoge table thead tr th {color: #fff; font-size: 16px;border-right: 1px solid #fff; padding: 10px 10px; font-weight: 100; line-height: 24px;} table {width: 100%;border-collapse: collapse;} table td {border: 1px solid #e6e7ea;padding:0 10px;line-height: 31px; } @media (max-width: 1200px){ .se_product_box h2{ font-size: 26px; margin-bottom: 20px;} } .se_product_box h3{text-align: center; font-weight: bold; color: #0094d9; font-size: 48px;} .se_product_box h3 i{display: inline-block; font-size: 48px; padding-right: 15px} .se_product_box .content_box{width: 70%; margin: 3% auto} .se_product_box .content_box p{font-size: 16px; line-height: 36px} .se_product_box .content_cont{width:90%;margin: 0 auto;box-shadow: 0px -5px 5px 0px rgba(0,0,0,.1);box-sizing: border-box;padding: 0 47px;border-radius: 30px 30px 0 0; background: #fff;} .se_product_box .content_cont .top{padding: 33px 0 19px; border-bottom: 1px solid #d7d7d7;text-align: center;} .se_product_box .content_cont .top .pro-t{position: relative;display: inline-block;font-size: 32px;text-align: center;color: #0094d9;} .se_product_box .content_cont .top .pro-t:before{position:absolute;bottom: -19px; width: 100%;height: 5px;background: #0094d9; content:"";} .se_product_box .content_cont ul{padding: 52px 0 38px;display: flex; display:-webkit-flex; -webkit-justify-content: left; justify-content: left;flex-wrap: wrap;} .se_product_box .content_cont li{position: relative; width: 18%;height: 52px;float: left;margin: 0 1% 31px; padding: 0 10px;box-sizing: border-box;display: flex;justify-content: center;align-items: center;box-shadow: 0px 5px 5px 0px rgba(0,0,0,.1); background: #f7fcff;overflow: hidden;} .se_product_box .content_cont li:before{position: absolute;top: 0;left: -100%; width: 100%;height: 100%;background: #00a2e9; content: "";transition: all .5s;} .se_product_box .content_cont li p{font-size: 16px;line-height: 26px;color: #666;transition: all .5s;z-index: 2;} .se_product_box .content_cont li:hover:before{left: 0;} .se_product_box .content_cont li:hover p{color: #fff;} .se_product_box.gl .sum img{display: block;max-width: 100%;} @media screen and (max-width: 1440px) { .se_product_cont .atc-con{font-size: 16px; line-height: 31px;} } @media screen and (min-width: 1025px) { .se_procont .se_procont_r h1 {color: #333333;line-height: 1.25;font-weight: 800; margin-bottom: 25px;font-size: 38px;} .se_procont .se_procont_r .aside {margin-top:10px;line-height: 1.25; } .se_procont .se_procont_r .aside span{font-size: 18px; padding: 15px 0;} .se_procont .se_procont_r .imax {margin:16px 0 20px 0;padding-top: 16px;border-top: #eeeeee solid 1px;color: #666666;} .se_procont .se_procont_r .imax p{ line-height: 31px;font-size: 16px;} .se_procont .se_procont_r .btns { margin-top:10%} .se_procont .se_procont_r .btns .btn {z-index: 2;display: inline-block;vertical-align: top;position: relative;overflow: hidden;min-width: 155px;;padding:10px 10px;border-radius: 12px;text-align: center;font-size: 16px;border: #e0e0e0 solid 1px;-webkit-transition: all 250ms ease-out 0s;transition: all 250ms ease-out 0s;color: #333333;} .se_procont .se_procont_r .btns .btn:after {background-color: #6eb92d;opacity: 1;z-index: -1;content: " ";position: absolute;border-radius: 50%;left: 50%;top: 50%;background-color: #fff;width: 108%;padding-bottom: 108%;-webkit-transform: translate(-50%, -50%) scale(0);transform: translate(-50%, -50%) scale(0);pointer-events: none;} .se_procont .se_procont_r .btns .btn:nth-child(1n+2) {margin-left:2%;} .se_procont .se_procont_r .btns .btn2 {color: #6eb92d;border-color: #6eb92d;} } @media screen and (min-width: 1025px) { .se_procont .se_procont_r .btn1:hover {color: #171c32;} .se_procont .se_procont_r .btn2 {color: #6eb92d;border-color: #6eb92d;} .se_procont .se_procont_r .btn2:hover {color: #171c32;} } @media screen and (max-width: 1024px) { .se_procont .se_procont_r {max-width: 100%;margin-top: 0.7rem;width: 514px;margin-left: auto;margin-right: auto;padding-bottom: 0.4rem;} .se_procont .se_procont_r .btns {position: relative;margin-top: 0.6rem;bottom: 0;display: none} .se_product_box .content_box{width: 95%; } .se_product_box{width: 95%; } .se_product_box h3{font-size: 32px} .se_product_box h3 i{font-size: 32px} .se_product_box .content_cont{width: 100%; padding: 0 10px} .se_product_box .content_cont .top{ padding:20px 10px} } @media screen and (max-width: 790px) { .inbanner2 {height: 180px;} .se_procont{padding: 20% 0 4% 0;} .se_procont .s_width{width: 98%; display: block;} .se_procont .se_procont_l{width: 100%;} .se_procont .se_procont_r{width: 90%; margin-top: 0; padding-bottom: 30px;} .se_procont .se_procont_r h1{font-size: 25px; padding-top: 3%;} .se_procont .se_procont_r .aside {margin-top: 10px;font-size: 16px;} .se_procont .se_procont_r .imax{font-size: 15px;display: none} .se_procont .se_procont_r .imax p{line-height: 24px;} .se_procont .se_procont_r .btns .btn{min-width: 100px;line-height: 28px;} .right-fd{display: none!important;} .se_procont .s_width{background: #fff;padding: 0%;width: 95%;} #modal-pic {height: 35vh;} .se_product_box .se_product_tit{font-size: 23px;width: 150px;padding: 10px 0;} .se_product_box .se_product_cont p{font-size: 16px; line-height: 31px;} } .atc-pn {position: relative;padding-top: 26px;padding-right: 160px;border-top: 1px solid #ddd;} .atc-pn a {display: block;overflow: hidden;font-size: 16px;color: #666;line-height: 34px;margin-top: 10px;} .atc-pn a:hover {color: #6eb92d;} .atc-pn a label {display: inline-block;border: 1px solid #ccc;width: 98px;height: 32px;text-align: center;font-size: 16px;line-height: 32px;margin-right: 15px;-webkit-transition: 0.3s;transition: 0.3s;} .atc-pn a:hover label {border-color: #060707;} .atc-pn a.ret {font-size: 14px;color: #fff;line-height: 34px;text-align: center;background-color: #6eb92d;width: 110px;height: 34px;position: absolute;right: 0;bottom: 0;z-index: 1;margin-top: 0;} .atc-pn a.ret:hover {opacity: 0.8;} @media screen and (max-width: 960px) { .atc-pn {padding-right: 0;} .atc-pn a.ret {position: static;width: 110px;height: 45px;line-height: 45px;border-radius: 5px;display: block;margin: 40px auto 0px auto;font-size:15px;} } /* 信息面板样式 */ .info-panel {position: absolute;background-color: rgba(255, 255, 255, 0.9);padding: 0.625vw 0.8333vw;-webkit-border-radius: 0.41666vw;border-radius: 0.41666vw;-webkit-box-shadow: 0 0.1041666vw 0.5208333vw rgba(0, 0, 0, 0.2);box-shadow: 0 0.1041666vw 0.5208333vw rgba(0, 0, 0, 0.2);display: none;pointer-events: none;z-index: 100;} .info-panel h3 {margin: 0 0 0.41666vw 0;color: #0054ce;font-weight: bold;font-size: 0.8333vw;line-height: 1.3541666vw;} .info-panel p {color: #666;font-size: 0.7291666vw;line-height: 1.25vw;} .index_industry_earth_animate .index_industry_earth_back {opacity: 0;pointer-events: none;} .index_industry_earth_animate .index_industry_earth_content {opacity: 1;} .index_industry_earth_animate .index_industry_head_box:nth-child(2) .index_industry_subtitle {opacity: 1;-webkit-transform: none;transform: none;} .index_industry_earth_animate .index_industry_head_box:nth-child(2) .index_industry_title {opacity: 1;-webkit-transform: none;transform: none;-webkit-transition-delay: .1s;transition-delay: .1s;} .index_industry_earth_animate .index_industry_earth_after:before {opacity: 1;-webkit-transition-delay: .1s;transition-delay: .1s;} .index_industry_earth_animate .index_industry_earth_after:after {-webkit-transform: none;transform: none;opacity: 1;-webkit-transition-delay: .3s;transition-delay: .3s;} .index_industry_earth_animate .index_industry_earth_before:after {-webkit-transform: none;transform: none;opacity: 1;-webkit-transition-delay: .5s;transition-delay: .5s;} .index_industry_earth_animate .index_earth_item_box {-webkit-transform: none;transform: none;opacity: 1;-webkit-transition-delay: .5s;transition-delay: .5s;} .index_industry_earth_animate .index_main_white_label:nth-child(1),.index_industry_earth_animate .index_main_white_label:nth-child(2) {left: -20vw;-webkit-transition-delay: .6s;transition-delay: .6s;} .index_industry_earth_animate .index_main_white_label:nth-child(3),.index_industry_earth_animate .index_main_white_label:nth-child(4) {left: -10vw;-webkit-transition-delay: .6s;transition-delay: .6s;} .index_news_wrap {position: relative;z-index: 30;-webkit-border-radius: 0 0 5.7291666vw 0;border-radius: 0 0 5.7291666vw 0;} .index_news_pack {position: relative;z-index: 2;padding: 5.7291666vw 0 7.8125vw 0;} .index_news_pack:after {content: "";position: absolute;left: -30vw;bottom: -30vw;width: 100vw;height: 60vw;background: #003bd8;opacity: .1;-webkit-border-radius: 100%;border-radius: 100%;-webkit-filter: blur(4vw);filter: blur(4vw);pointer-events: none;} .index_news_box {padding: 0 5.7291666vw;position: relative;z-index: 9;overflow: hidden;width: 100vw;} .index_news_back {position: absolute;left: 0;top: 0;width: 100vw;height: 100%;-webkit-border-radius: 0 0 5.7291666vw 0;border-radius: 0 0 5.7291666vw 0;overflow: hidden;} .index_news_head_wrap {-webkit-align-items: flex-end;align-items: flex-end;} .index_news_head_box {width: 70%;} .index_news_head_subtitle {font-size: 1.458333vw;line-height: 1.666vw;color: #003bd8;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);/*opacity: 0;*//*pointer-events: none;*//*-webkit-transform: translateY(4vw);*//*transform: translateY(4vw);*/} .index_news_head_title {font-size: 2.8208333vw;line-height: 3.541666vw;color: #111111;margin-top: 0.5208333vw;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);/*opacity: 0;*//*pointer-events: none;*//*-webkit-transform: translateY(4vw);*//*transform: translateY(4vw);*/} .index_news_head_button {-webkit-justify-content: flex-end;justify-content: flex-end;width: 30%;margin-bottom: 0.5208333vw;} .index_news_head_btn {margin-right: 1.041666vw;cursor: pointer;outline: none;-webkit-transition: all .6s ease;transition: all .6s ease;} .index_news_prev_btn {-webkit-transform: rotate(180deg);transform: rotate(180deg);} .index_news_head_btn:last-child {margin-right: 0;} .index_news_head_icon {width: 2.91666vw;height: 2.91666vw;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: relative;} .index_news_head_icon:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #111111;-webkit-border-radius: 100%;border-radius: 100%;box-sizing: border-box;-webkit-transition: all .6s ease;transition: all .6s ease;} .index_news_head_label {width: 14.2857%;position: relative;z-index: 9;} .index_news_head_label svg {fill: #111111;-webkit-transition: all .6s ease;transition: all .6s ease;} .index_news_head_active .index_news_head_icon:after {background: #003bd8;border: 1px solid #003bd8;} .index_news_head_active .index_news_head_label svg {fill: #ffffff;} .index_news_head_btn.swiper-button-disabled {opacity: .4;pointer-events: none;} .index_news_item_pic {position: relative;z-index: 9;} .index_news_item_pic a {display: block;} .index_news_item_img {padding-bottom: 75%;-webkit-border-radius: 1.041666vw;border-radius: 1.041666vw;-webkit-transition: all .6s ease;transition: all .6s ease;} .index_news_item_img:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #ffffff;} .index_news_swiper {overflow: initial;} .index_news_swiper .index_news_item_box {opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);} .index_news_swiper .swiper-slide:nth-child(4n+1) .AddIndexNewsItemBox {opacity: 1 !important;pointer-events: auto !important;-webkit-transform: none !important;transform: none !important;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);} .index_news_swiper .swiper-slide:nth-child(4n+2) .AddIndexNewsItemBox {opacity: 1 !important;pointer-events: auto !important;-webkit-transform: none !important;transform: none !important;-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_news_swiper .swiper-slide:nth-child(4n+3) .AddIndexNewsItemBox {opacity: 1 !important;pointer-events: auto !important;-webkit-transform: none !important;transform: none !important;-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_news_swiper .swiper-slide:nth-child(4n) .AddIndexNewsItemBox {opacity: 1 !important;pointer-events: auto !important;-webkit-transform: none !important;transform: none !important;-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_news_swiper .swiper-slide:nth-child(4n+1) .AddIndexNewsItemBox .index_news_item_img:after {height: 0;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);} .index_news_swiper .swiper-slide:nth-child(4n+2) .AddIndexNewsItemBox .index_news_item_img:after {height: 0;-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_news_swiper .swiper-slide:nth-child(4n+3) .AddIndexNewsItemBox .index_news_item_img:after {height: 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_news_swiper .swiper-slide:nth-child(4n) .AddIndexNewsItemBox .index_news_item_img:after { height: 0;-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_news_content {margin-top: 4.1666vw;} .index_news_item_box {background: #ffffff;-webkit-border-radius: 1.041666vw;border-radius: 1.041666vw;position: relative;overflow: hidden;} .index_news_item_line {position: absolute;right: 5vw;bottom: -4vw;width: 37.34375vw;height: 38.75vw;-webkit-transform: rotate(31deg);transform: rotate(31deg);pointer-events: none;} .index_news_item_line svg {overflow: initial;fill: none;stroke-width: 2.08333vw;stroke: #f9f9f9;stroke-dasharray: 1843;stroke-dashoffset: 1843;stroke-linecap: round;-webkit-transition: all .6s ease;transition: all .6s ease;} .index_news_item_read {padding: 2.08333vw 1.5625vw 1.82291666vw 1.5625vw;overflow: hidden;position: relative;z-index: 9;-webkit-transition: all .6s ease;transition: all .6s ease;} .index_news_item_tips {-webkit-align-items: center;align-items: center;margin-bottom: 1.30208333vw;} .index_news_item_icon {width: 0.41666vw;height: 0.41666vw;-webkit-border-radius: 100%;border-radius: 100%;background: #0054ce;-webkit-transition: all .6s ease;transition: all .6s ease;} .index_news_item_time {font-size: 0.78125vw;line-height: 1.041666vw;color: #0054ce;margin-left: 0.5208333vw;-webkit-transition: all .6s ease;transition: all .6s ease;} .index_news_item_title a {line-height: 1.5625vw;color: #000000;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;} .index_news_item_text {margin-top: 0.78125vw;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .index_news_item_pack {position: relative;-webkit-transition: all .6s ease;transition: all .6s ease;} .index_news_item_button {position: absolute;left: 0;bottom: 0;opacity: 0;-webkit-transform: translateY(3.125vw);transform: translateY(3.125vw);pointer-events: none;-webkit-transition: all .6s ease;transition: all .6s ease;} .index_news_item_box .public_button_box a {background: none;} .index_news_item_box .public_button_box a:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #000;box-sizing: border-box; -webkit-border-radius: 1.3541666vw;border-radius: 1.3541666vw;-webkit-transition: all .6s ease;transition: all .6s ease;} .index_news_item_box .public_button_icon:after {background: #222222;} .index_news_item_box .public_button_text {color: #222222;} .index_news_item_box .public_button_box:hover a:after {opacity: 0;} .index_news_item_box .public_button_box:hover .public_button_icon:after {background: #003bd8;} .index_news_item_box .public_button_box:hover .public_button_icon:before {background: #ffffff;} .index_news_item_box .public_button_box:hover .public_button_text:nth-child(2) {color: #ffffff;} .index_news_item_box:hover {-webkit-box-shadow: 0 0.5208333vw 4.1666vw rgba(118, 145, 218, .2);box-shadow: 0 0.5208333vw 4.1666vw rgba(118, 145, 218, .2);} .index_news_item_box:hover .index_news_item_title a {color: #003bd8;} .index_news_item_box:hover .index_news_item_pack {padding-bottom: 4.53125vw;} .index_news_item_box:hover .index_news_item_button {opacity: 1;-webkit-transform: none;transform: none;pointer-events: auto;} .index_news_item_box:hover .index_news_item_img {padding-bottom: 54%;} .index_news_item_box:hover .index_news_item_icon {-webkit-transform: scale(0);transform: scale(0);} .index_news_item_box:hover .index_news_item_time {margin: 0;} .index_news_item_box:hover .index_news_item_line svg {stroke-dashoffset: 0;} .index_news_circle_label:nth-child(1) {position: absolute;bottom: -25vw;right: -20vw;width: 40vw;height: 26vw;z-index: 1;opacity: .6;} .index_news_circle_label:nth-child(2) {position: absolute;bottom: -30vw;right: -20vw;width: 36vw;height: 18vw;z-index: 1;opacity: .6;} .index_news_circle_label:nth-child(3) {position: absolute;bottom: 10vw;right: 0;width: 40vw;height: 20vw;z-index: 1;opacity: .6;} .index_news_circle_label:nth-child(4) {position: absolute;bottom: 20vw;right: 0;width: 35vw;height: 18vw;z-index: 1;opacity: .6;} .index_news_circle_label:nth-child(1):after,.index_news_circle_label:nth-child(2):after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #003bd8; -webkit-border-radius: 100%;border-radius: 100%;-webkit-filter: blur(4vw);filter: blur(4vw);} .index_news_circle_label:nth-child(3):after,.index_news_circle_label:nth-child(4):after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #1bad9a;-webkit-border-radius: 100%;border-radius: 100%;-webkit-filter: blur(4vw);filter: blur(4vw);} .index_news_circle_label:nth-child(1):after {-webkit-animation: 10s NewsCircleAnimate linear infinite normal both;animation: 10s NewsCircleAnimate linear infinite normal both;} .index_news_circle_label:nth-child(2):after {-webkit-animation: 9s NewsCircleAnimate linear infinite normal both;animation: 9s NewsCircleAnimate linear infinite normal both;} .index_news_circle_label:nth-child(3):after {-webkit-animation: 9s NewsCircleAnimate2 linear infinite normal both;animation: 9s NewsCircleAnimate2 linear infinite normal both;} .index_news_circle_label:nth-child(4):after {-webkit-animation: 10s NewsCircleAnimate2 linear infinite normal both;animation: 10s NewsCircleAnimate2 linear infinite normal both;} @-webkit-keyframes NewsCircleAnimate { 0% {opacity: 1;-webkit-transform: none;transform: none;} 25% {opacity: .3;-webkit-transform: translateY(-20vw) translateX(-20vw);transform: translateY(-20vw) translateX(-20vw);} 50% {opacity: .6;-webkit-transform: translateY(-40vw) translateX(0);transform: translateY(-40vw) translateX(0);} 75% {opacity: .3;-webkit-transform: translateY(-40vw) translateX(20vw);transform: translateY(-40vw) translateX(20vw);} 100% {opacity: 1;-webkit-transform: none;transform: none;} } @keyframes NewsCircleAnimate { 0% {opacity: 1;-webkit-transform: none;transform: none;} 25% {opacity: .3;-webkit-transform: translateY(-20vw) translateX(-20vw);transform: translateY(-20vw) translateX(-20vw);} 50% {opacity: .6;-webkit-transform: translateY(-40vw) translateX(0);transform: translateY(-40vw) translateX(0);} 75% {opacity: .3;-webkit-transform: translateY(-40vw) translateX(20vw);transform: translateY(-40vw) translateX(20vw);} 100% {opacity: 1;-webkit-transform: none;transform: none;} } @-webkit-keyframes NewsCircleAnimate2 { 0% {opacity: 1;-webkit-transform: none;transform: none;} 25% {opacity: .3;-webkit-transform: translateY(20vw) translateX(20vw);transform: translateY(20vw) translateX(20vw);} 50% {opacity: .6;-webkit-transform: translateY(40vw) translateX(40vw);transform: translateY(40vw) translateX(40vw);} 75% {opacity: .3;-webkit-transform: translateY(30vw) translateX(20vw);transform: translateY(30vw) translateX(20vw);} 100% {opacity: 1;-webkit-transform: none;transform: none;} } @keyframes NewsCircleAnimate2 { 0% {opacity: 1;-webkit-transform: none;transform: none;} 25% {opacity: .3;-webkit-transform: translateY(20vw) translateX(20vw);transform: translateY(20vw) translateX(20vw);} 50% {opacity: .6;-webkit-transform: translateY(40vw) translateX(40vw);transform: translateY(40vw) translateX(40vw);} 75% {opacity: .3;-webkit-transform: translateY(30vw) translateX(20vw);transform: translateY(30vw) translateX(20vw);} 100% {opacity: 1;-webkit-transform: none;transform: none;} } .index_sound_wrap {position: relative;z-index: 19;overflow: hidden;} .index_sound_fixed_wrap {position: relative;top: 0;left: 0;width: 100vw;overflow: hidden;} .index_sound_fixed_box {position: relative;} .index_sound_box {position: relative;padding: 5.7291666vw 0 0 0;z-index: 9;overflow: hidden;} .index_sound_big {position: relative;padding: 0 5.7291666vw} .index_sound_content {width: 100%;;position: relative;} .index_sound_fixed_head {position: absolute;right: 0;top: 26.041666vw;} .index_sound_fixed_button {-webkit-justify-content: flex-end;justify-content: flex-end;margin-top: 1.5625vw;} .index_sound_fixed_button .public_button_box a {background: none;position: relative;} .index_sound_fixed_button .public_button_box a:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #ffffff;-webkit-border-radius: 1.3541666vw;border-radius: 1.3541666vw;box-sizing: border-box;} .index_sound_back {position: fixed;right: 0;top: 0;width: 100%;height: 100vh;opacity: 1;overflow: hidden;} .index_sound_after {position: absolute;right: 0;top: -5.72917vw;width: 100%;height: calc(100% + 11.45834vw);background: rgb(0, 4, 29);overflow: hidden;} .index_sound_circle_back {position: absolute;right: 0;top: -5.7291666vw;width: 100%;height: calc(100% + 11.45834vw);overflow: hidden;} .index_sound_circle_label:nth-child(1) {position: absolute;bottom: -20vw;right: -22vw;width: 40vw;height: 40vw;z-index: 1;opacity: .4;} .index_sound_circle_label:nth-child(2) {position: absolute;bottom: -10vw;right: -15vw;width: 30vw;height: 26vw;z-index: 1;opacity: .5;} .index_sound_circle_label:nth-child(3) {position: absolute;bottom: -20vw;right: 0;width: 40vw;height: 40vw;z-index: 1;opacity: .4;} .index_sound_circle_label:nth-child(4) { position: absolute; bottom: -15vw; right: -10vw; width: 60vw; height: 26vw;z-index: 1;opacity: .3;} .index_sound_circle_label:nth-child(5) { position: absolute; top: 0; left: -10vw; width: 30vw; height: 20vw; z-index: 1; opacity: .6; } .index_sound_circle_label:nth-child(6) { position: absolute; top: -20vw; left: -20vw; width: 30vw; height: 40vw; z-index: 1; opacity: .5; } .index_sound_circle_label:nth-child(7) { position: absolute; bottom: -20vw; left: -15vw; width: 30vw; height: 30vw; z-index: 1; opacity: .6; } .index_sound_circle_label:nth-child(8) { position: absolute; bottom: -30vw; left: -20vw; width: 30vw; height: 40vw; z-index: 1; opacity: .5; } .index_sound_circle_label:nth-child(1):after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #003bd8; -webkit-border-radius: 100%; border-radius: 100%; -webkit-filter: blur(4vw); filter: blur(4vw); } .index_sound_circle_label:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #003bd8; -webkit-border-radius: 100%; border-radius: 100%; -webkit-filter: blur(4vw); filter: blur(4vw); } .index_sound_circle_label:nth-child(3):after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1bad9a; -webkit-border-radius: 100%; border-radius: 100%; -webkit-filter: blur(4vw); filter: blur(4vw); } .index_sound_circle_label:nth-child(4):after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1bad9a; -webkit-border-radius: 100%; border-radius: 100%; -webkit-filter: blur(4vw); filter: blur(4vw); } .index_sound_circle_label:nth-child(5):after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1bad9a; -webkit-border-radius: 100%; border-radius: 100%; -webkit-filter: blur(4vw); filter: blur(4vw); } .index_sound_circle_label:nth-child(6):after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1bad9a; -webkit-border-radius: 100%; border-radius: 100%; -webkit-filter: blur(4vw); filter: blur(4vw); } .index_sound_circle_label:nth-child(7):after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1bad9a; -webkit-border-radius: 100%; border-radius: 100%; -webkit-filter: blur(4vw); filter: blur(4vw); } .index_sound_circle_label:nth-child(8):after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #003bd8; -webkit-border-radius: 100%; border-radius: 100%; -webkit-filter: blur(4vw); filter: blur(4vw); } .index_sound_circle_label:nth-child(1):after { -webkit-animation: 10s SoundCircleAnimate linear infinite normal both; animation: 10s SoundCircleAnimate linear infinite normal both; } .index_sound_circle_label:nth-child(2):after { -webkit-animation: 12s SoundCircleAnimate linear infinite normal both; animation: 12s SoundCircleAnimate linear infinite normal both; } .index_sound_circle_label:nth-child(3):after { -webkit-animation: 11s SoundCircleAnimate2 linear infinite normal both; animation: 11s SoundCircleAnimate2 linear infinite normal both; } .index_sound_circle_label:nth-child(4):after { -webkit-animation: 13s SoundCircleAnimate2 linear infinite normal both; animation: 13s SoundCircleAnimate2 linear infinite normal both; } .index_sound_circle_label:nth-child(5):after { -webkit-animation: 10s SoundCircleAnimate3 linear infinite normal both; animation: 10s SoundCircleAnimate3 linear infinite normal both; } .index_sound_circle_label:nth-child(6):after { -webkit-animation: 12s SoundCircleAnimate3 linear infinite normal both; animation: 12s SoundCircleAnimate3 linear infinite normal both; } .index_sound_circle_label:nth-child(7):after { -webkit-animation: 11s SoundCircleAnimate4 linear infinite normal both; animation: 11s SoundCircleAnimate4 linear infinite normal both; } .index_sound_circle_label:nth-child(8):after { -webkit-animation: 13s SoundCircleAnimate4 linear infinite normal both; animation: 13s SoundCircleAnimate4 linear infinite normal both; } @-webkit-keyframes SoundCircleAnimate { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .4; -webkit-transform: translateY(-20vw) translateX(-20vw) scale(0.8); transform: translateY(-20vw) translateX(-20vw) scale(0.8); } 50% { opacity: .7; -webkit-transform: translateY(-40vw) translateX(-40vw) scale(1.1); transform: translateY(-40vw) translateX(-40vw) scale(1.1); } 75% { opacity: .4; -webkit-transform: translateY(-15vw) translateX(-20vw) scale(0.6); transform: translateY(-15vw) translateX(-20vw) scale(0.6); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes SoundCircleAnimate { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .4; -webkit-transform: translateY(-20vw) translateX(-20vw) scale(0.8); transform: translateY(-20vw) translateX(-20vw) scale(0.8); } 50% { opacity: .7; -webkit-transform: translateY(-40vw) translateX(-40vw) scale(1.1); transform: translateY(-40vw) translateX(-40vw) scale(1.1); } 75% { opacity: .4; -webkit-transform: translateY(-15vw) translateX(-20vw) scale(0.6); transform: translateY(-15vw) translateX(-20vw) scale(0.6); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes SoundCircleAnimate2 { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .5; -webkit-transform: translateY(-15vw) translateX(-10vw) scale(0.6); transform: translateY(-15vw) translateX(-10vw) scale(0.6); } 50% { opacity: .3; -webkit-transform: translateY(-30vw) translateX(-20vw) scale(1.1); transform: translateY(-30vw) translateX(-20vw) scale(1.1); } 75% { opacity: .5; -webkit-transform: translateY(-15vw) translateX(-10vw) scale(0.6); transform: translateY(-15vw) translateX(-10vw) scale(0.6); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes SoundCircleAnimate2 { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .5; -webkit-transform: translateY(-15vw) translateX(-10vw) scale(0.6); transform: translateY(-15vw) translateX(-10vw) scale(0.6); } 50% { opacity: .3; -webkit-transform: translateY(-30vw) translateX(-20vw) scale(1.1); transform: translateY(-30vw) translateX(-20vw) scale(1.1); } 75% { opacity: .5; -webkit-transform: translateY(-15vw) translateX(-10vw) scale(0.6); transform: translateY(-15vw) translateX(-10vw) scale(0.6); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes SoundCircleAnimate3 { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .3; -webkit-transform: translateY(10vw) translateX(5vw) scale(0.6); transform: translateY(10vw) translateX(5vw) scale(0.6); } 50% { opacity: .5; -webkit-transform: translateY(20vw) translateX(10vw) scale(1); transform: translateY(20vw) translateX(10vw) scale(1); } 75% { opacity: .2; -webkit-transform: translateY(5vw) translateX(5vw) scale(0.6); transform: translateY(5vw) translateX(5vw) scale(0.6); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes SoundCircleAnimate3 { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .3; -webkit-transform: translateY(10vw) translateX(5vw) scale(0.6); transform: translateY(10vw) translateX(5vw) scale(0.6); } 50% { opacity: .5; -webkit-transform: translateY(20vw) translateX(10vw) scale(1); transform: translateY(20vw) translateX(10vw) scale(1); } 75% { opacity: .2; -webkit-transform: translateY(5vw) translateX(5vw) scale(0.6); transform: translateY(5vw) translateX(5vw) scale(0.6); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes SoundCircleAnimate4 { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .6; -webkit-transform: translateY(-10vw) translateX(15vw) scale(1.1); transform: translateY(-10vw) translateX(15vw) scale(1.1); } 50% { opacity: .2; -webkit-transform: translateY(-20vw) translateX(30vw) scale(0.7); transform: translateY(-20vw) translateX(30vw) scale(0.7); } 75% { opacity: .6; -webkit-transform: translateY(-5vw) translateX(15vw) scale(1.1); transform: translateY(-5vw) translateX(15vw) scale(1.1); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes SoundCircleAnimate4 { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .6; -webkit-transform: translateY(-10vw) translateX(15vw) scale(1.1); transform: translateY(-10vw) translateX(15vw) scale(1.1); } 50% { opacity: .2; -webkit-transform: translateY(-20vw) translateX(30vw) scale(0.7); transform: translateY(-20vw) translateX(30vw) scale(0.7); } 75% { opacity: .6; -webkit-transform: translateY(-5vw) translateX(15vw) scale(1.1); transform: translateY(-5vw) translateX(15vw) scale(1.1); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .index_sound_head_title { color: #ffffff; font-size: 4.1666vw; line-height: 4.6875vw; } .index_sound_tab { margin-top: 6vw; position: relative; pointer-events: none; padding: 0 0 10vw 0; } .index_sound_item_box { width: 41.82352%; margin-bottom: 2vw; } .index_sound_item_box:last-child { margin-bottom: 0; } .index_sound_item_box:nth-child(1) { transform: none; } .index_sound_item_box:nth-child(1) .index_sound_item_content { transform: none; } .index_sound_item_content { background: rgba(255, 255, 255, .1); -webkit-backdrop-filter: blur(1.041666vw); backdrop-filter: blur(1.041666vw); -webkit-border-radius: 1.5625vw; border-radius: 1.5625vw; overflow: hidden; pointer-events: auto; } .index_sound_item_box:nth-child(4n+1) { margin-left: 27.94117%; } .index_sound_item_box:nth-child(4n+2) { margin-left: 3.88235%; } .index_sound_item_box:nth-child(4n+3) { margin-left: 45.2941%; } .index_sound_item_box:nth-child(4n) { margin-left: 32%; } .index_sound_item_box:nth-child(2) .index_sound_item_content { -webkit-transform: translateY(-80%); transform: translateY(-80%); } .index_sound_item_box:nth-child(3) .index_sound_item_content { -webkit-transform: translateY(-160%); transform: translateY(-160%); } .index_sound_item_box:nth-child(4) .index_sound_item_content { -webkit-transform: translateY(-240%); transform: translateY(-240%); } .index_sound_item_pic { width: 35.1617%; } .index_sound_item_img { padding-bottom: 111.6%; -webkit-border-radius: 1.5625vw; border-radius: 1.5625vw; } .index_sound_item_read { width: 64.8383%; padding: 1.5625vw; -webkit-align-content: space-between; align-content: space-between; } .index_sound_item_tips { -webkit-align-items: center; align-items: center; width: 100%; position: relative; } .index_sound_item_pack { width: 100%; position: relative; } .index_sound_item_head { width: 16.2094%; } .index_sound_head_img { padding-bottom: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .index_sound_item_message { width: 83.7906%; padding-left: 1.041666vw; } .index_sound_item_name { font-size: 1.041666vw; line-height: 1.5625vw; color: #ffffff; } .index_sound_item_label { font-size: 0.7291666vw; line-height: 1.25vw; color: #ffffff; } .index_sound_item_text { font-size: 0.7291666vw; line-height: 1.25vw; color: #ffffff; } .footer_wrap {position: relative;z-index: 30;overflow: hidden;} .footer_box {position: relative;background: #000;padding: 0 5.7291666vw;} .footer_line_box {position: absolute;left: 27%;bottom: -1.19791666vw;width: 61.9791666%;} .footer_line_read {width: 100%;} .footer_content {position: relative;z-index: 9;} .footer_head_wrap {padding: 3.90625vw 0 0 0;position: relative;-webkit-justify-content: space-between;justify-content: space-between;} .footer_tips_wrap {width: 45%;} .footer_logo_box {width: 11.71875vw;} .footer_message_box {margin-top: 3.90625vw;} .footer_message_item_box {margin-bottom: 0.78125vw;} .footer_message_item_box:last-child {margin-bottom: 0;} .footer_message_item_icon {width: 0.78125vw;} .footer_message_item_icon svg {fill: #003bd8;} .footer_message_item_text {width: calc(100% - 0.78125vw);padding-left: 0.78125vw;} .footer_message_item_text,.footer_message_item_text a {font-size: 16px;line-height: 1.1458333vw;color: #aaaaaa;position: relative;-webkit-transition: all .6s ease;transition: all .6s ease;} .footer_message_item_text a:after {content: "";position: absolute;right: 0;bottom: 0;width: 0;height: 1px;background: #ffffff;-webkit-transition: all .6s ease;transition: all .6s ease;} .footer_message_item_text a:hover {color: #ffffff;} .footer_message_item_text a:hover:after {left: 0;width: 100%;} .footer_nav_wrap {width: 53.52941%;} .footer_nav_box {-webkit-justify-content: space-between;justify-content: space-between;} .footer_nav_item_box2{width: 50%;} .footer_nav_item_box2 .footer_nav_item_ul{display: flex; display:-webkit-flex; -webkit-justify-content: space-between; justify-content: space-between;flex-wrap: wrap;} .footer_nav_item_box2 .footer_nav_item_ul .footer_nav_item_li{width: 48%;} .footer_nav_item_ul {margin-top: 0.78125vw;} .footer_nav_item_title a {font-size:22px;line-height: 1.3541666vw;color: #ffffff;} .footer_nav_item_li {padding: 0.26041666vw 0;position: relative;} .footer_nav_item_li a {font-size: 16px;line-height: 31px;color: #adadad;position: relative;-webkit-transition: all .6s ease;transition: all .6s ease;} .footer_nav_item_li img{width: 60%;} .footer_nav_item_li a:after {content: "";position: absolute;right: 0;bottom: 0;width: 0;height: 1px;background: #ffffff;-webkit-transition: all .6s ease;transition: all .6s ease;} .footer_nav_item_li a:hover {color: #ffffff;} .footer_nav_item_li a:hover:after {left: 0;width: 100%;} .footer_max_box {position: relative;} .footer_pack {padding: 4.291666vw 0 4.6875vw 0; } .footer_big {-webkit-justify-content: space-between;justify-content: space-between;position: relative;} .footer_share_wrap {width: 45%;} .footer_cta_wrap {width: 53.52941%;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-end;align-items: flex-end;} .footer_return_btn {width: 2.708333vw;height: 2.708333vw;position: relative;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;cursor: pointer;} .footer_return_btn:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #666666;box-sizing: border-box;-webkit-border-radius: 100%;border-radius: 100%;-webkit-transition: all .6s ease;transition: all .6s ease;} .footer_return_read {width: 23.07692%;position: relative;z-index: 9;} .footer_return_icon {width: 100%;-webkit-transition: all .6s ease;transition: all .6s ease;} .footer_return_icon i{ color: #003bd8;} .footer_return_icon:nth-child(2) {position: absolute;left: 0;top: 0;-webkit-transform: translateY(100%);transform: translateY(100%);opacity: 0;} .footer_return_icon svg {fill: #ffffff;} .footer_return_btn:hover:after {background: #003bd8;border: 1px solid #003bd8;} .footer_return_btn:hover .footer_return_icon:nth-child(1) {opacity: 0;-webkit-transform: translateY(-100%);transform: translateY(-100%);} .footer_return_btn:hover .footer_return_icon:nth-child(2) {opacity: 1;-webkit-transform: none;transform: none;} .footer_public_title {font-size: 0.78125vw;line-height: 1.25vw;color: #2fdca6;} .footer_share_item_box {width: 2.08333vw;height: 2.08333vw;position: relative;margin-right: 1.5625vw;} .footer_share_item_box:last-child {margin-right: 0;} .footer_share_item_box a {background: #242424;height: 100%;width: 100%;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;-webkit-border-radius: 100%;border-radius: 100%;-webkit-transition: all .6s ease;transition: all .6s ease;} .footer_share_item_icon {width: 38%;} .footer_share_item_icon svg {fill: #ffffff;-webkit-transition: all .6s ease;transition: all .6s ease;} .share_facebook {-webkit-transform: scale(0.6);transform: scale(0.6);} .share_ytb {-webkit-transform: scale(1.1);transform: scale(1.1);} .footer_share_item_box a:hover {background: #ffffff;} .footer_share_item_box a:hover .footer_share_item_icon svg {fill: #111111;} .footer_share_box {margin-top: 1.30208333vw;padding-top: 0.3125vw;} .footer_cta_button {margin-top: 1.30208333vw;} .footer_cta_btn {margin-right: 0.8333vw;} .footer_cta_btn:last-child {margin-right: 0;} .footer_cta_btn a {position: relative;padding: 0.5208333vw 1.3541666vw;-webkit-align-items: center;align-items: center;} .footer_cta_btn a:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #666666;box-sizing: border-box;-webkit-border-radius: 1.3541666vw;border-radius: 1.3541666vw;-webkit-transition: all .6s ease;transition: all .6s ease;} .footer_cta_icon {width: 0.41666vw;position: relative;z-index: 9;} .footer_cta_icon svg {fill: #666666;-webkit-transition: all .6s ease;transition: all .6s ease;} .footer_cta_read {width: 2.7291666vw;position: relative;z-index: 9;overflow: hidden;} .footer_cta_text {font-size: 0.8333vw;line-height: 1.666vw;color: #666666;-webkit-transition: all .6s ease;transition: all .6s ease;} .footer_cta_text:nth-child(2) {position: absolute;left: 0;top: 0;opacity: 0;-webkit-transform: translateY(100%);transform: translateY(100%);} .footer_cta_btn a:hover:after {background: #003bd8;border: 1px solid #003bd8;} .footer_cta_btn a:hover .footer_cta_icon svg {fill: #ffffff;} .footer_cta_btn a:hover .footer_cta_text {color: #ffffff;} .footer_cta_btn a:hover .footer_cta_text:nth-child(1) {opacity: 0;-webkit-transform: translateY(-100%);transform: translateY(-100%);} .footer_cta_btn a:hover .footer_cta_text:nth-child(2) {opacity: 1;-webkit-transform: none;transform: none;} .footer_cta_wx_wrap {position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);z-index:10;bottom: 2vw;display: none;} .footer_cta_wx {position: relative;margin-bottom: 1.8vw;background: #fff;border-radius: 0.625vw;padding: 1.25vw 1.25vw 0.625vw;} .footer_cta_wx::after {content: '';position: absolute;width: 0;height: 0;border-top: 12px solid #fff;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: none;left: 50%;margin-left: -10px;bottom: -11px;} .footer_cta_wx_inner {display: -webkit-flex;display: -moz-flex;display: flex;-webkit-justify-content: space-between;-moz-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: nowrap;-moz-flex-wrap: nowrap;flex-wrap: nowrap;} .footer_cta_wx_item + .footer_cta_wx_item {margin-left: 2.083vw;} .footer_cta_wx_item {text-align: center;} .footer_cta_wx_img {width: 6.25vw;height: 6.25vw;margin: 0 auto;} .footer_cta_wx_img img {display: block;width: 100%;height: 100%;object-fit: contain;} .footer_cta_wx_info {font-size: 0.833333vw;line-height: 1.041666vw;padding-top: 0.625vw;color: #333;} .footer_copy_wrap {padding: 2.34375vw 0;position: relative;} /* .footer_copy_wrap:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 1px;background: rgba(128, 199, 199, .15);} */ .footer_copy_box {-webkit-justify-content: space-between;justify-content: space-between;} .footer_copy_text {margin-right: 0.625vw;} .footer_copy_text:last-child {margin-right: 0;} .footer_copy_text,.footer_copy_text a {line-height: 1.25vw;color: #777777;position: relative;-webkit-transition: all .6s ease;transition: all .6s ease;} .footer_copy_text a:after {content: "";position: absolute;right: 0;bottom: 0;width: 0;height: 1px;background: #ffffff;-webkit-transition: all .6s ease;transition: all .6s ease;} .footer_copy_text a:hover {color: #ffffff;} .footer_copy_text a:hover:after {left: 0;width: 100%;} .public_banner_wrap {position: relative;background: #ffffff;-webkit-border-radius: 0 0 5.7291666vw 0;border-radius: 0 0 5.7291666vw 0;overflow: hidden;z-index: 9;} .public_banner_back {padding-bottom: 43.2291666%;position: relative;} .public_banner_back video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;} .public_banner_back:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);} .public_banner_back2 {padding-bottom: 23.0291666%;position: relative;} .public_banner_back2 video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;} .public_banner_back2:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);} .public_banner_box {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 9;} .public_banner_big {width: 100%;height: 100%;position: relative;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;} .public_banner_en_box {mix-blend-mode: overlay;position: absolute;left: 0;width: 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);top: 50%;z-index: 9;} .public_banner_en_read {-webkit-transform: translateY(-50%);transform: translateY(-50%);} .public_banner_en_label {font-size: 3.75vw;line-height: 4.2708333vw;color: #ffffff;text-align: center;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);} .public_banner_cn_box {position: absolute;left: 0;width: 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);top: 50%;z-index: 9;} .public_banner_cn_read {-webkit-transform: translateY(50%);transform: translateY(50%);} .public_banner_cn_label {font-size: 2.8125vw;line-height: 4.2708333vw;color: #ffffff;text-align: center;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);} .AddPublicBanner .public_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: .1s;transition-delay: .1s;} .AddPublicBanner .public_banner_cn_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;} .news_page_box {padding: 0 2.3333vw;position: relative;z-index: 9;} .news_page_label_text {font-size: 0.9375vw;line-height: 1.458333vw;background-image: linear-gradient(to left, #33e0a1, #064cd5);-webkit-background-clip: text;-webkit-text-fill-color: transparent;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);} .news_page_title_text {font-size: 3.125vw;line-height: 3.6458333vw;color: #111111;margin-top: 0.78125vw;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);} .news_page_subtitle_text {font-size: 0.9375vw;line-height: 1.458333vw;color: #666666;margin-top: 1.5625vw;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);} .news_page_wrap {padding: 4.6875vw 0;position: relative;} .news_page_head {-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-end;align-items: flex-end;position: relative;z-index: 9;} .news_page_content { position: relative; z-index: 1; margin-top: 0.6875vw; } .news_screen_select_box { width: 15.625vw; position: relative; -webkit-border-radius: 1.5625vw; border-radius: 1.5625vw; margin-left: 0.5208333vw; } .news_screen_select_content { background: #f4f4f4; padding: 0 1.041666vw; position: relative; z-index: 9; -webkit-border-radius: 1.5625vw; border-radius: 1.5625vw; cursor: pointer; } .news_screen_select_input { width: 56%; } .news_screen_select_input input { width: 100%; font-size: 0.78125vw; line-height: 3.125vw; color: #999999; pointer-events: none; } .news_screen_select_read { width: 44%; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-end; justify-content: flex-end; } .news_screen_select_title { font-size: 0.78125vw; line-height: 3.125vw; color: #666666; } .news_screen_select_icon { width: 0.7291666vw; margin-left: 0.625vw; } .news_screen_select_label { -webkit-transition: all .3s ease; transition: all .3s ease; } .news_screen_select_label svg { width: 100%; fill: #666666; } .news_screen_select_big { position: absolute; left: 0; top: 0; width: 100%; background: #fafafa; -webkit-border-radius: 1.5625vw; border-radius: 1.5625vw; opacity: 0; pointer-events: none; -webkit-transform: scaleY(.8); transform: scaleY(.8); -webkit-transform-origin: top center; transform-origin: top center; -webkit-transition: all .3s ease; transition: all .3s ease; padding: 3.6458333vw 0 1.041666vw 0; } .news_screen_type_show .news_screen_select_label { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .news_screen_type_show .news_screen_select_big { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; } .news_screen_time_show .news_screen_select_label { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .news_screen_time_show .news_screen_select_big { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; } .news_screen_select_pack { max-height: 8.8541666vw; overflow-y: auto; position: relative; } .news_screen_select_option { font-size: 0.7291666vw; line-height: 1.7708333vw; color: #333333; padding: 0 1.041666vw; cursor: pointer; } .news_screen_select_option:hover { color: #003bd8; } .news_page_tab .index_news_item_box { width: 31.25%; margin: 0 3.125% 3.125vw 0; opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); } .news_page_tab .index_news_item_box:nth-child(3n) { margin: 0 0 3.125vw 0; } .news_page_tab .index_news_item_box:nth-child(3n+1).AddIndexNewsItemBox { opacity: 1 !important; pointer-events: auto !important; -webkit-transform: none !important; transform: none !important; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .news_page_tab .index_news_item_box:nth-child(3n+2).AddIndexNewsItemBox { opacity: 1 !important; pointer-events: auto !important; -webkit-transform: none !important; transform: none !important; -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; } .news_page_tab .index_news_item_box:nth-child(3n).AddIndexNewsItemBox { opacity: 1 !important; pointer-events: auto !important; -webkit-transform: none !important; transform: none !important; -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; } .news_page_tab .index_news_item_box:nth-child(3n+1).AddIndexNewsItemBox .index_news_item_img:after { height: 0; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .news_page_tab .index_news_item_box:nth-child(3n+2).AddIndexNewsItemBox .index_news_item_img:after { height: 0; -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; } .news_page_tab .index_news_item_box:nth-child(3n).AddIndexNewsItemBox .index_news_item_img:after {height: 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;} .public_pagination_wrap {position: relative;} .public_pagination_box {-webkit-justify-content: center;justify-content: center;} .news_page_pagination_wrap {margin-top: 1.5625vw;} .public_pagination_box a {width: 2.708333vw;height: 2.708333vw;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;margin: 0 0.26041666vw;-webkit-border-radius: 1.3541666vw;border-radius: 1.3541666vw;position: relative;font-size: 0.8333vw;line-height: 2.708333vw;color: #111111;background: #f4f4f4;-webkit-transition: all .6s ease;transition: all .6s ease;} .public_pagination_box .laypage_main{text-align: center;} .public_pagination_box .laypage_next{width: 80px;font-size: 14px;} .public_pagination_box .laypage_main a{width: 80px;} .public_pagination_box.laypage_main a, .public_pagination_box .laypage_main span{font-size: 14px;} .public_pagination_box .pageListBox{line-height:1.708333vw;} .public_pagination_box .laypageskin_default .laypage_curr{font-size: 14px;} .public_pagination_box a.public_pagination_prev svg {-webkit-transform: rotate(180deg);transform: rotate(180deg);} .public_pagination_box a.public_pagination_current {color: #ffffff;background: #003bd8;} .public_pagination_box a svg {width: 17.3913%;fill: #111111;display: block;position: relative;z-index: 9;-webkit-transition: all .6s ease;transition: all .6s ease;} .public_pagination_box a:hover {color: #ffffff;background: #003bd8;} .public_pagination_box a.public_pagination_next {margin: 0 0.26041666vw 0 2.6041666vw;} .public_pagination_box a.public_pagination_prev {margin: 0 2.6041666vw 0 0.26041666vw;} .public_pagination_box a.public_pagination_next:hover svg,.public_pagination_box a.public_pagination_prev:hover svg {fill: #ffffff;} .news_white_back { position: absolute; right: 0; top: 0; width: 100vw; height: 100%; opacity: 1; pointer-events: none; overflow: hidden; z-index: 3; } .news_white_label:nth-child(1) { position: absolute; top: -10vw; left: -20vw; width: 24vw; height: 26vw; z-index: 3; opacity: .4; -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1); transition: all 2s cubic-bezier(.4, 0, .2, 1); } .news_white_label:nth-child(2) { position: absolute; top: -15vw; left: -20vw; width: 30vw; height: 18vw; z-index: 1; opacity: .4; -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1); transition: all 2s cubic-bezier(.4, 0, .2, 1); } .news_white_label:nth-child(3) { position: absolute; top: 10vw; left: -20vw; width: 16vw; height: 30vw; z-index: 1; opacity: .8; -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1); transition: all 2s cubic-bezier(.4, 0, .2, 1); } .news_white_label:nth-child(4) { position: absolute; top: 20vw; left: -20vw; width: 20vw; height: 18vw; z-index: 1; opacity: .8; -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1); transition: all 2s cubic-bezier(.4, 0, .2, 1); } .news_white_label:nth-child(1):after, .news_white_label:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #003bd8; -webkit-border-radius: 100%; border-radius: 100%; -webkit-filter: blur(4vw); filter: blur(4vw); } .news_white_label:nth-child(3):after, .news_white_label:nth-child(4):after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1bad9a; -webkit-border-radius: 100%; border-radius: 100%; -webkit-filter: blur(4vw); filter: blur(4vw); } .news_white_label:nth-child(1):after { -webkit-animation: 10s NewsWhiteCircleAnimate linear infinite normal both; animation: 10s NewsWhiteCircleAnimate linear infinite normal both; } .news_white_label:nth-child(2):after { -webkit-animation: 11s NewsWhiteCircleAnimate linear infinite normal both; animation: 11s NewsWhiteCircleAnimate linear infinite normal both; } .news_white_label:nth-child(3):after { -webkit-animation: 10s NewsWhiteCircleAnimate2 linear infinite normal both; animation: 10s NewsWhiteCircleAnimate2 linear infinite normal both; } .news_white_label:nth-child(4):after { -webkit-animation: 11s NewsWhiteCircleAnimate2 linear infinite normal both; animation: 11s NewsWhiteCircleAnimate2 linear infinite normal both; } @-webkit-keyframes NewsWhiteCircleAnimate { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .3; -webkit-transform: translateY(10vw) translateX(15vw); transform: translateY(10vw) translateX(15vw); } 50% { opacity: .6; -webkit-transform: translateY(20vw) translateX(10vw); transform: translateY(20vw) translateX(10vw); } 75% { opacity: .3; -webkit-transform: translateY(10vw) translateX(5vw); transform: translateY(10vw) translateX(5vw); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes NewsWhiteCircleAnimate { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .3; -webkit-transform: translateY(10vw) translateX(15vw); transform: translateY(10vw) translateX(15vw); } 50% { opacity: .6; -webkit-transform: translateY(20vw) translateX(10vw); transform: translateY(20vw) translateX(10vw); } 75% { opacity: .3; -webkit-transform: translateY(10vw) translateX(5vw); transform: translateY(10vw) translateX(5vw); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes NewsWhiteCircleAnimate2 { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .3; -webkit-transform: translateY(-20vw) translateX(15vw); transform: translateY(-20vw) translateX(15vw); } 50% { opacity: .6; -webkit-transform: translateY(-30vw) translateX(10vw); transform: translateY(-30vw) translateX(10vw); } 75% { opacity: .3; -webkit-transform: translateY(-20vw) translateX(5vw); transform: translateY(-20vw) translateX(5vw); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes NewsWhiteCircleAnimate2 { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .3; -webkit-transform: translateY(-20vw) translateX(15vw); transform: translateY(-20vw) translateX(15vw); } 50% { opacity: .6; -webkit-transform: translateY(-30vw) translateX(10vw); transform: translateY(-30vw) translateX(10vw); } 75% { opacity: .3; -webkit-transform: translateY(-20vw) translateX(5vw); transform: translateY(-20vw) translateX(5vw); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .news_foot_back { position: absolute; right: 0; bottom: 0; width: 100vw; height: 100%; opacity: 1; pointer-events: none; overflow: hidden; z-index: 1; } .news_foot_label:nth-child(1) { position: absolute; bottom: -10vw; right: -10vw; width: 24vw; height: 26vw; z-index: 1; opacity: .4; -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1); transition: all 2s cubic-bezier(.4, 0, .2, 1); } .news_foot_label:nth-child(2) { position: absolute; bottom: -15vw; right: -10vw; width: 30vw; height: 18vw; z-index: 1; opacity: .4; -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1); transition: all 2s cubic-bezier(.4, 0, .2, 1); } .news_foot_label:nth-child(3) { position: absolute; bottom: -10vw; right: -20vw; width: 16vw; height: 30vw; z-index: 1; opacity: .8; -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1); transition: all 2s cubic-bezier(.4, 0, .2, 1); } .news_foot_label:nth-child(4) { position: absolute; bottom: -20vw; right: -20vw; width: 20vw; height: 18vw; z-index: 1; opacity: .8; -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1); transition: all 2s cubic-bezier(.4, 0, .2, 1); } .news_foot_label:nth-child(1):after, .news_foot_label:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #003bd8; -webkit-border-radius: 100%; border-radius: 100%; -webkit-filter: blur(4vw); filter: blur(4vw); } .news_foot_label:nth-child(3):after, .news_foot_label:nth-child(4):after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1bad9a; -webkit-border-radius: 100%; border-radius: 100%; -webkit-filter: blur(4vw); filter: blur(4vw); } .news_foot_label:nth-child(1):after { -webkit-animation: 10s NewsFootCircleAnimate linear infinite normal both; animation: 10s NewsFootCircleAnimate linear infinite normal both; } .news_foot_label:nth-child(2):after { -webkit-animation: 11s NewsFootCircleAnimate linear infinite normal both; animation: 11s NewsFootCircleAnimate linear infinite normal both; } .news_foot_label:nth-child(3):after { -webkit-animation: 10s NewsFootCircleAnimate2 linear infinite normal both; animation: 10s NewsFootCircleAnimate2 linear infinite normal both; } .news_foot_label:nth-child(4):after { -webkit-animation: 11s NewsFootCircleAnimate2 linear infinite normal both; animation: 11s NewsFootCircleAnimate2 linear infinite normal both; } @-webkit-keyframes NewsFootCircleAnimate { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .3; -webkit-transform: translateY(10vw) translateX(-15vw); transform: translateY(10vw) translateX(-15vw); } 50% { opacity: .6; -webkit-transform: translateY(20vw) translateX(-10vw); transform: translateY(20vw) translateX(-10vw); } 75% { opacity: .3; -webkit-transform: translateY(10vw) translateX(-5vw); transform: translateY(10vw) translateX(-5vw); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes NewsFootCircleAnimate { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .3; -webkit-transform: translateY(10vw) translateX(-15vw); transform: translateY(10vw) translateX(-15vw); } 50% { opacity: .6; -webkit-transform: translateY(20vw) translateX(-10vw); transform: translateY(20vw) translateX(-10vw); } 75% { opacity: .3; -webkit-transform: translateY(10vw) translateX(-5vw); transform: translateY(10vw) translateX(-5vw); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes NewsFootCircleAnimate2 { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .3; -webkit-transform: translateY(-10vw) translateX(-15vw); transform: translateY(-10vw) translateX(-15vw); } 50% { opacity: .6; -webkit-transform: translateY(-20vw) translateX(-10vw); transform: translateY(-20vw) translateX(-10vw); } 75% { opacity: .3; -webkit-transform: translateY(-10vw) translateX(-5vw); transform: translateY(-10vw) translateX(-5vw); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes NewsFootCircleAnimate2 { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .3; -webkit-transform: translateY(-10vw) translateX(-15vw); transform: translateY(-10vw) translateX(-15vw); } 50% { opacity: .6; -webkit-transform: translateY(-20vw) translateX(-10vw); transform: translateY(-20vw) translateX(-10vw); } 75% { opacity: .3; -webkit-transform: translateY(-10vw) translateX(-5vw); transform: translateY(-10vw) translateX(-5vw); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .news_screen_select_button { margin-left: 1.041666vw; } .news_screen_select_button a { width: 9.375vw; font-size: 0.88541666vw; line-height: 3.0208333vw; color: #111111; background: #f4f4f4; -webkit-border-radius: 1.51041666vw; border-radius: 1.51041666vw; text-align: center; -webkit-transition: all .6s ease; transition: all .6s ease; } .news_screen_select_active a { background: #003bd8; color: #ffffff; } .activity_item_box { width: 31.25%; margin: 0 3.125% 3.6458333vw 0; opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); } .activity_item_box:nth-child(3n+2) { -webkit-transition-delay: .1s; transition-delay: .1s; } .activity_item_box:nth-child(3n) { margin: 0 0 3.6458333vw 0; -webkit-transition-delay: .2s; transition-delay: .2s; } .activity_item_pic a { display: block; position: relative; -webkit-border-radius: 1.041666vw; border-radius: 1.041666vw; overflow: hidden; -webkit-transition: all .6s ease; transition: all .6s ease; } .activity_item_pack { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .8); opacity: 0; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-transition: all .6s ease; transition: all .6s ease; } .activity_item_pack:after { content: ""; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; width: 0; height: 0.208333vw; background: #25b472; -webkit-transition: all .6s ease; transition: all .6s ease; } .activity_item_button { width: 3.125vw; height: 3.125vw; -webkit-border-radius: 100%; border-radius: 100%; background: #003bd8; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .6s ease; transition: all .6s ease; } .activity_item_btn { width: 100%; height: 100%; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; position: relative; } .activity_item_eyes_icon { width: 33.3333%; } .activity_item_eyes_icon svg { fill: #ffffff; } .activity_item_img { padding-bottom: 56%; -webkit-transition: all .6s ease; transition: all .6s ease; } .activity_item_img:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ffffff; } .AddActivityItemBox { 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); } .AddActivityItemBox .activity_item_img:after { height: 0; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .activity_item_tips_wrap { margin-top: 1.041666vw; } .activity_item_tips_box { -webkit-align-items: center; align-items: center; max-width: 50%; padding-right: 1.5625vw; } .activity_item_tips_box:last-child { padding-right: 0; } .activity_item_tips_icon { width: 0.625vw; } .activity_item_tips_label { font-size: 0.78125vw; line-height: 1.25vw; color: #999999; margin-left: 0.5208333vw; max-width: calc(100% - 1.1458333vw); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .activity_item_title a { font-size: 1.25vw; line-height: 1.7708333vw; color: #000000; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all .6s ease; transition: all .6s ease; } .activity_item_read { padding: 2.08333vw 0 0 0; } .activity_item_box .activity_item_pic a:hover { -webkit-border-radius: 1.041666vw 1.041666vw 0 0; border-radius: 1.041666vw 1.041666vw 0 0; } .activity_item_box:hover .activity_item_pack { opacity: 1; } .activity_item_box:hover .activity_item_pack:after { width: 100%; } .activity_item_box:hover .activity_item_button { -webkit-transform: none; transform: none; } .activity_item_box:hover .activity_item_title a { color: #003bd8; } .news_active_wrap { padding: 11.458333vw 0 6.25vw 0; } .news_active_box { padding: 0 8.3333vw; position: relative; z-index: 9; } .news_active_editor_title { font-size: 2.1875vw; line-height: 2.86458333vw; color: #111111; } .news_active_editor_label { font-size: 0.8333vw; line-height: 1.3541666vw; color: #003bd8; padding: 0 1.5625vw; position: relative; } .news_active_editor_label:after { content: ""; position: absolute; right: 0; top: 21%; width: 1px; height: 58%; background: #c6c6c6; } .news_active_editor_label:first-child { padding: 0 1.5625vw 0 0; } .news_active_editor_label:last-child { padding: 0 0 0 1.5625vw; } .news_active_editor_label:last-child:after { display: none; } .news_active_editor_bjq { margin-top: 3.125vw; } .news_active_editor_bjq, .news_active_editor_bjq p { font-size: 0.78125vw; line-height: 1.7708333vw; color: #777c8a; } .news_active_editor_bjq p { opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); } .news_active_editor_bjq img { padding: 2.6041666vw 0; width: auto; max-width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); } .news_active_editor_tips { margin-top: 1.5625vw; } .news_active_content { position: relative; -webkit-align-items: flex-start; align-items: flex-start; } .news_active_editor_wrap { width: 68.375%; position: relative; } .news_active_related_wrap { width: 31.625%; position: sticky; top: 11.458333vw; padding-left: 5.208333vw; } .news_active_related_pic { width: 44.226%; } .news_active_related_img { padding-bottom: 56%; } .news_active_related_read { width: 55.774%; padding-left: 1.041666vw; } .news_active_related_title { font-size: 1.1458333vw; line-height: 1.6666vw; color: #003bd8; } .news_active_related_li { padding: 2.08333vw 0; position: relative; } .news_active_related_li a { position: relative; } .news_active_related_li:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ececec; } .news_active_related_li:before { content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 0.1041666vw; background: #003bd8; z-index: 9; -webkit-transition: all .6s ease; transition: all .6s ease; } .news_active_related_li:hover:before { width: 100%; left: 0; } .news_active_related_text { font-size: 0.8333vw; line-height: 1.5625vw; color: #000000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .news_active_related_button a { -webkit-justify-content: center; justify-content: center; background: #fbfbfb; -webkit-transition: all .6s ease; transition: all .6s ease; } .news_active_related_button a:hover { background: #eeeeee; } .news_active_btn_icon { width: 0.9375vw; } .news_active_btn_icon svg { fill: #999999; } .news_active_btn_text { font-size: 0.8333vw; line-height: 3.6458333vw; color: #999999; margin-left: 0.78125vw; } .news_editor_btn_text { font-size: 0.88541666vw; line-height: 2.91666vw; color: #666666; } .news_editor_btn_icon { width: 2.91666vw; height: 2.91666vw; position: relative; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .news_editor_btn_icon:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #111111; -webkit-border-radius: 100%; border-radius: 100%; box-sizing: border-box; -webkit-transition: all .6s ease; transition: all .6s ease; } .news_editor_btn_label { width: 14.2857%; position: relative; z-index: 9; } .news_editor_btn_label svg { fill: #111111; -webkit-transition: all .6s ease; transition: all .6s ease; } .news_active_editor_button { -webkit-justify-content: space-between; justify-content: space-between; padding-top: 2.08333vw; position: relative; } .news_active_editor_button:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #ececec; -webkit-transition: all .6s ease; transition: all .6s ease; } .news_active_editor_prev .news_editor_btn_label { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .news_active_editor_prev .news_editor_btn_text { margin-left: 1.041666vw; } .news_active_editor_next .news_editor_btn_text { margin-right: 1.041666vw; } .news_active_editor_box { padding-bottom: 3.6458333vw; } .news_active_editor_btn:hover .news_editor_btn_icon:after { background: #003bd8; border: 1px solid #003bd8; } .news_active_editor_btn:hover .news_editor_btn_text { color: #003bd8; } .news_active_editor_btn:hover .news_editor_btn_label svg { fill: #ffffff; } .join_page_wrap { position: relative; padding: 6.25vw 0 7.291666vw 0; overflow: hidden; } .join_page_box { padding: 0 8.3333vw; position: relative; z-index: 9; } .join_page_title { font-size: 3.0208333vw; line-height: 3.541666vw; color: #111111; } .join_page_subtitle { font-size: 1.5625vw; line-height: 2.6041666vw; color: #111111; margin-top: 1.458333vw; } .join_message_item_box { width: 33.3333%; position: relative; padding: 0 3.125vw; } .join_message_item_box:first-child { padding: 0 3.125vw 0 0; } .join_message_item_box:last-child { padding: 0 0 0 3.125vw; } .join_message_item_box:after { content: ""; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #d2d7df; } .join_message_item_box:last-child:after { display: none; } .join_message_item_title { font-size: 1.5625vw; line-height: 2.08333vw; color: #003bd8; margin-top: 0.78125vw; } .join_message_item_read { margin-top: 6.25vw; } .join_message_item_text { font-size: 0.8333vw; line-height: 1.3541666vw; color: #333333; } .join_message_item_big { padding: 2.08333vw 0 3.125vw 0; } .join_message_item_head { margin-top: 2.6041666vw; } .join_message_item_icon { width: 2.5vw; } .join_message_item_icon svg { fill: #003bd8; } .join_message_item_tips { position: relative; } .join_message_item_label { width: 0.7291666vw; height: 0.7291666vw; background: rgba(36, 181, 116, .5); -webkit-border-radius: 100%; border-radius: 100%; } .join_message_item_label:nth-child(2) { margin-left: -0.36458333vw; } .AddJoinMessageWrap .join_message_item_label:nth-child(1) { -webkit-animation: JoinIconAnimate 3s infinite linear normal both; animation: JoinIconAnimate 3s infinite linear normal both; } .AddJoinMessageWrap .join_message_item_label:nth-child(2) { -webkit-animation: JoinIconAnimate2 3s infinite linear normal both; animation: JoinIconAnimate2 3s infinite linear normal both; } @-webkit-keyframes JoinIconAnimate { 0% { -webkit-transform: none; transform: none; } 50% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: .8; } 100% { -webkit-transform: none; transform: none; } } @keyframes JoinIconAnimate { 0% { -webkit-transform: none; transform: none; } 50% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: .8; } 100% { -webkit-transform: none; transform: none; } } @-webkit-keyframes JoinIconAnimate2 { 0% { -webkit-transform: none; transform: none; } 50% { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: .8; } 100% { -webkit-transform: none; transform: none; } } @keyframes JoinIconAnimate2 { 0% { -webkit-transform: none; transform: none; } 50% { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: .8; } 100% { -webkit-transform: none; transform: none; } } .join_message_wrap { margin-top: 6.25vw; position: relative; } .join_message_line_box { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; z-index: 9; height: 0.15625vw; pointer-events: none; } .join_message_line_box:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #d2d7df; } .join_message_line_box:before { content: ""; position: absolute; left: 0; top: 0; width: 33.333%; -webkit-transform: translateX(-100%); transform: translateX(-100%); height: 100%; background: #0037d5; z-index: 1; } .AddJoinMessageWrap .join_message_line_box:before { -webkit-animation: JoinLineAnimate 5s infinite linear normal both; animation: JoinLineAnimate 5s infinite linear normal both; } @-webkit-keyframes JoinLineAnimate { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 25% { -webkit-transform: none; transform: none; } 50% { -webkit-transform: translateX(100%); transform: translateX(100%); } 75% { -webkit-transform: translateX(200%); transform: translateX(200%); } 100% { -webkit-transform: translateX(300%); transform: translateX(300%); } } @keyframes JoinLineAnimate { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 25% { -webkit-transform: none; transform: none; } 50% { -webkit-transform: translateX(100%); transform: translateX(100%); } 75% { -webkit-transform: translateX(200%); transform: translateX(200%); } 100% { -webkit-transform: translateX(300%); transform: translateX(300%); } } .join_btn_item_box { width: 48.75%; margin: 0 2.5% 0 0; } .join_btn_item_box:nth-child(2n+1) { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; pointer-events: none; } .join_btn_item_box:nth-child(2n) { margin: 0; -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; pointer-events: none; } .join_btn_item_box.AddJoinBtnItemBox { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .join_btn_item_box a { display: block; position: relative; -webkit-border-radius: 1.5625vw; border-radius: 1.5625vw; overflow: hidden; } .join_btn_item_content { position: relative; } .join_btn_item_big { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; -webkit-transition: all .6s ease; transition: all .6s ease; } .join_btn_item_pack { height: 100%; position: relative; z-index: 9; -webkit-transition: all .6s ease; transition: all .6s ease; } .join_btn_item_pack:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; border: 1px solid rgba(255, 255, 255, .2); -webkit-border-radius: 1.5625vw; border-radius: 1.5625vw; box-sizing: border-box; opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; } .join_bottom_item_parcel { -webkit-align-content: space-between; align-content: space-between; height: 100%; position: relative; z-index: 9; padding: 2.34375vw 3.125vw 1.82291666vw 3.125vw; -webkit-transition: all .6s ease; transition: all .6s ease; } .join_btn_item_head { width: 100%; } .join_btn_item_read { width: 100%; } .join_btn_item_text { font-size: 0.9375vw; line-height: 1.3541666vw; color: #ffffff; } .join_btn_item_img { padding-bottom: 51.282%; } .join_btn_item_img:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; } .join_btn_item_img img { -webkit-transition: all .6s ease; transition: all .6s ease; } .join_btn_item_title { font-size: 2.3958333vw; line-height: 2.91666vw; color: #ffffff; } .join_btn_item_tips { -webkit-align-items: center; align-items: center; margin-top: 1.041666vw; } .join_btn_item_submit { font-size: 0.8333vw; line-height: 1.5625vw; color: #ffffff; margin-right: 0.5208333vw; } .join_btn_item_icon { width: 0.9375vw; height: 0.9375vw; background: #ffffff; -webkit-border-radius: 100%; border-radius: 100%; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .join_btn_item_icon svg { fill: #0740d9; } .join_btn_item_label { width: 28%; } .join_button_wrap { margin-top: 7.8125vw; position: relative; } .join_btn_item_box a:hover .join_btn_item_img:after { opacity: 1; } .join_btn_item_box a:hover .join_btn_item_img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .join_btn_item_box a:hover .join_btn_item_big { padding: 1.5625vw; } .join_btn_item_box a:hover .join_btn_item_pack:after { opacity: 1; } .join_active_wrap { padding: 9.8958333vw 0 5.7291666vw 0; background: #f9f9f9; } .page_center {padding: 0 2.3333vw;} .join_active_box {position: relative;} .join_screen_type_show .news_screen_select_label {-webkit-transform: rotate(180deg);transform: rotate(180deg);} .join_screen_type_show .news_screen_select_big { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; } .join_active_head { position: relative; z-index: 9; -webkit-justify-content: space-between; justify-content: space-between; } .join_screen_type_box .news_screen_select_content { background: #ffffff; } .join_screen_type_box .news_screen_select_big { background: #f3f3f3; } .join_screen_box { width: 20.8333vw; position: relative; -webkit-align-items: center; align-items: center; background: #ffffff; -webkit-border-radius: 1.5625vw; border-radius: 1.5625vw; } .join_screen_input { width: 73.75%; } .join_screen_input input { font-size: 0.78125vw; line-height: 3.125vw; padding: 0 1.5625vw; width: 100%; } .join_screen_button { width: 26.25%; padding-right: 0.26041666vw; } .join_screen_button a { width: 100%; background: #24b574; -webkit-border-radius: 1.30208333vw; border-radius: 1.30208333vw; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .join_screen_title { font-size: 0.78125vw; line-height: 2.6041666vw; color: #ffffff; } .join_screen_icon { width: 0.7291666vw; margin-left: 0.5208333vw; } .join_screen_label { width: 100%; } .join_screen_label svg { fill: #ffffff; } .join_active_item_head { padding: 0 2.34375vw 0 2.08333vw; cursor: pointer; position: relative; } .join_active_item_head:after { content: ""; position: absolute; top: 0; right: 0; width: 0; height: 0.1041666vw; background: #003bd8; -webkit-transition: all .6s ease; transition: all .6s ease; } .join_active_item_top { padding: 1.1458333vw 0; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; } .join_active_item_title { font-size: 1.5625vw; line-height: 2.08333vw; color: #111111; width: 80%; } .join_active_item_time { width: 20%; -webkit-justify-content: flex-end; justify-content: flex-end; } .join_active_item_text { font-size: 0.8333vw; line-height: 1.3541666vw; color: #aaaaaa; } .join_active_item_color { color: #003bd8; margin-right: 0.78125vw; } .join_btn_item_parcel { padding-bottom: 2vw; } .join_active_item_label { font-size: 0.8333vw; line-height: 1.3541666vw; color: #666666; max-width: 33.3333%; margin-right: 9.8958333vw; font-family: "Poppins-Light", "Alibaba-PuHuiTi-Light", "Arial", "Helvetica", "sans-serif" !important } .join_active_item_label:last-child { margin-right: 0; } .join_active_item_tips { width: 80%; } .join_active_item_btn { width: 20%; -webkit-justify-content: flex-end; justify-content: flex-end; } .join_active_btn_text { font-size: 0.8333vw; line-height: 1.3541666vw; color: #666666; -webkit-transition: all .6s ease; transition: all .6s ease; } .join_active_btn_icon { width: 0.9375vw; margin-left: 0.78125vw; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all .6s ease; transition: all .6s ease; } .join_active_btn_icon svg { fill: #b3b3b3; } .join_active_item_bottom { padding: 1.6666vw 0; position: relative; } .join_active_item_bottom:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #efefef; } .join_active_item_box { margin-bottom: 1.5625vw; -webkit-border-radius: 1.041666vw; border-radius: 1.041666vw; overflow: hidden; position: relative; background: #ffffff; } .join_active_content { margin-top: 2.08333vw; } .join_active_item_content { overflow: hidden; height: 0; -webkit-transition: all .6s ease; transition: all .6s ease; } .join_active_item_pack { padding: 0 2.34375vw 0 2.08333vw; } .join_active_item_bjq, .join_active_item_bjq p { font-size: 0.8333vw; line-height: 2.08333vw; color: #666666; font-family: "Poppins-Light", "Alibaba-PuHuiTi-Light", "Arial", "Helvetica", "sans-serif" !important } .join_active_item_bjq h1 { font-size: 1.1458333vw; line-height: 2.08333vw; color: #111111; font-family: "Poppins-Bold", "Alibaba-PuHuiTi-Bold", "Arial", "Helvetica", "sans-serif" !important } .join_active_item_bjq h2 { font-size: 1.041666vw; line-height: 2.08333vw; color: #111111; font-family: "Poppins-Bold", "Alibaba-PuHuiTi-Bold", "Arial", "Helvetica", "sans-serif" !important } .join_active_item_bjq h3 { font-size: 0.9375vw; line-height: 2.08333vw; color: #111111; font-family: "Poppins-Bold", "Alibaba-PuHuiTi-Bold", "Arial", "Helvetica", "sans-serif" !important } .join_active_mail_btn { margin-top: 1.82291666vw; } .join_active_mail_btn, .join_active_mail_btn a { color: #003bd8; font-size: 0.8333vw; line-height: 2.08333vw; } .join_active_mail_btn a { position: relative; } .join_active_mail_btn a:after { content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 1px; background: #003bd8; -webkit-transition: all .6s ease; transition: all .6s ease; } .join_active_mail_btn a:hover:after { width: 100%; left: 0; } .join_active_item_current .join_active_btn_text { color: #003bd8; } .join_active_item_current .join_active_btn_icon { -webkit-transform: none; transform: none; } .join_active_item_current .join_active_item_head:after { width: 100%; left: 0; } .join_active_tab { padding-bottom: 3.125vw; } .case_global_back { padding-bottom: 35.2604%; } .case_global_wrap { position: relative; } .case_global_box { position: relative; z-index: 9; padding: 5.208333vw 0 0 0; } .case_page_head { -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-end; align-items: flex-end; position: relative; z-index: 9; padding: 0 8.3333vw; } .case_global_content { margin-top: 6.7708333vw; position: relative; -webkit-transform: translateY(10vw); transform: translateY(10vw); pointer-events: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddCaseGlobalContent { -webkit-transform: none; transform: none; pointer-events: auto; } .case_global_tab { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; } .case_global_item_head { width: 3.4375vw; } .case_global_item_img { padding-bottom: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .case_global_circle_label { width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: #24b574; -webkit-border-radius: 100%; border-radius: 100%; } .case_global_circle_label:nth-child(2) { -webkit-animation: GlobalScale 2.4s linear infinite normal both; animation: GlobalScale 2.4s linear infinite normal both; } .case_global_circle_label:nth-child(3) { -webkit-animation: GlobalScale 2.4s .8s linear infinite normal both; animation: GlobalScale 2.4s .8s linear infinite normal both; } .case_global_circle_label:nth-child(4) { -webkit-animation: GlobalScale 2.4s 1.6s linear infinite normal both; animation: GlobalScale 2.4s 1.6s linear infinite normal both; } @-webkit-keyframes GlobalScale { 0% { width: 100%; height: 100%; opacity: 0; } 20% { width: 200%; height: 200%; opacity: 0.4; } 40% { width: 300%; height: 300%; opacity: 0.3; } 60% { width: 400%; height: 400%; opacity: .2; } 80% { width: 500%; height: 500%; opacity: 0; } 100% { width: 100%; height: 100%; opacity: 0; } } @keyframes GlobalScale { 0% { width: 100%; height: 100%; opacity: 0; } 20% { width: 200%; height: 200%; opacity: 0.4; } 40% { width: 300%; height: 300%; opacity: 0.3; } 60% { width: 400%; height: 400%; opacity: .2; } 80% { width: 500%; height: 500%; opacity: 0; } 100% { width: 100%; height: 100%; opacity: 0; } } .case_global_item_pack { width: 24.791666vw; } .case_global_item_content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; } .case_global_item_parcel { padding: 1.041666vw 1.82291666vw 1.041666vw 1.82291666vw; position: relative; -webkit-align-content: space-between; align-content: space-between; height: 100%; } .case_global_item_top { width: 100%; } .case_global_item_back { padding-bottom: 55.4621%; } .case_global_item_tips { -webkit-align-items: center; align-items: center; } .case_global_item_title { font-size: 1.041666vw; line-height: 1.5625vw; color: #111111; } .case_global_item_subtitle { font-size: 0.7291666vw; line-height: 1.25vw; color: #666666; } .case_global_item_read { width: calc(100% - 3.4375vw); padding-left: 0.78125vw; } .case_global_item_label { font-size: 0.7291666vw; line-height: 1.25vw; color: #111111; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .case_global_item_text { margin-top: 1.25vw; } .case_global_item_button { width: 100%; } .case_global_btn_text { font-size: 0.7291666vw; line-height: 1.25vw; color: #003bd8; } .case_global_btn_box a { -webkit-align-items: center; align-items: center; } .case_global_btn_icon { width: 0.8333vw; height: 0.8333vw; background: #003bd8; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-border-radius: 100%; border-radius: 100%; margin-left: 0.5208333vw; } .case_global_btn_label { width: 25%; } .case_global_btn_label svg { fill: #f8fafe; } .case_global_item_li { position: absolute; z-index: 9; } .case_global_item_all { position: relative; -webkit-transform: scale(0); transform: scale(0); pointer-events: none; -webkit-transition: all 1s ease; transition: all 1s ease; opacity: 0; } .case_global_item_circle { width: 0.5208333vw; height: 0.5208333vw; position: relative; -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; } .case_global_item_box { position: absolute; -webkit-transition: all .6s ease; transition: all .6s ease; } .highlight { opacity: 1; pointer-events: auto; } .highlight .case_global_item_circle { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; } .highlight .case_global_item_all { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; -webkit-transition: all 1.6s ease; transition: all 1.6s ease; } /*左上*/ .GlobalLeftTop .case_global_item_back { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .GlobalLeftTop .case_global_item_li { padding: 0; left: 0.26041666vw; top: 0.26041666vw; -webkit-transform: translateX(-100%) translateY(-100%); transform: translateX(-100%) translateY(-100%); } .GlobalLeftTop .case_global_item_all { -webkit-transform-origin: right bottom; transform-origin: right bottom; } .GlobalLeftTop .case_global_item_content { padding: 0 0.416666vw 0.78125vw 0; } /*右上*/ .GlobalRightTop .case_global_item_back { -webkit-transform: none; transform: none; } .GlobalRightTop .case_global_item_li { padding: 0.26041666vw 0 0 0.26041666vw; left: 0; top: 0.26041666vw; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .GlobalRightTop .case_global_item_content { padding: 0 0 0.78125vw 0.416666vw; } .GlobalRightTop .case_global_item_all { -webkit-transform-origin: left bottom; transform-origin: left bottom; } /*右下*/ .GlobalRightBottom .case_global_item_back { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .GlobalRightBottom .case_global_item_li { padding: 0.26041666vw 0 0 0.26041666vw; left: 0; top: 0; } .GlobalRightBottom .case_global_item_content { padding: 0.78125vw 0 0 0.416666vw; } .GlobalRightBottom .case_global_item_all { -webkit-transform-origin: left top; transform-origin: left top; } /*左下*/ .GlobalLeftBottom .case_global_item_back { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .GlobalLeftBottom .case_global_item_li { padding: 0; left: 0.26041666vw; top: 0.26041666vw; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .GlobalLeftBottom .case_global_item_content { padding: 0.78125vw 0 0 0.416666vw; } .GlobalLeftBottom .case_global_item_all { -webkit-transform-origin: right top; transform-origin: right top; } .merchant_wrap { padding: 5.208333vw 0 5.7291666vw 0; position: relative; z-index: 9; } .merchant_item_box { width: 23.0625%; margin: 0 2.58333% 3.125vw 0; } .merchant_item_box:nth-child(4n+2) { -webkit-transition-delay: .1s; transition-delay: .1s; } .merchant_item_box:nth-child(4n+3) { -webkit-transition-delay: .2s; transition-delay: .2s; } .merchant_item_box:nth-child(4n) { margin: 0 0 3.125vw 0; -webkit-transition-delay: .3s; transition-delay: .3s; } .merchant_item_box a { display: block; position: relative; -webkit-border-radius: 1.041666vw 1.041666vw 0 0; border-radius: 1.041666vw 1.041666vw 0 0; overflow: hidden; -webkit-transition: all .6s ease; transition: all .6s ease; } .merchant_item_box a:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #eaeaea; -webkit-border-radius: 1.041666vw 1.041666vw 0 0; border-radius: 1.041666vw 1.041666vw 0 0; box-sizing: border-box; -webkit-transition: all .6s ease; transition: all .6s ease; pointer-events: none; } .merchant_item_box a:hover:after { border: 1px solid #003bd8; } .merchant_item_box a:hover { -webkit-box-shadow: 0 1.041666vw 1.5625vw rgba(71, 117, 239, .1); box-shadow: 0 1.041666vw 1.5625vw rgba(71, 117, 239, .1); } .merchant_item_pic { position: relative; z-index: 9; } .merchant_item_img { padding-bottom: 50.6775%; } .merchant_item_title { font-size: 1.1458333vw; line-height: 1.6666vw; color: #111111; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .merchant_item_max { height: 6.25vw; margin-top: 1.041666vw; } .merchant_item_text { font-size: 0.8333vw; line-height: 1.5625vw; color: #111111; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .merchant_item_pack { background: #ffffff; padding: 1.5625vw 1.5625vw 1.82291666vw 1.5625vw; } .merchant_item_add { font-size: 0.78125vw; line-height: 1.3541666vw; color: #999999; margin-top: 3.6458333vw; } .merchant_item_head_box { width: 2.6041666vw; } .merchant_item_tips { -webkit-align-items: center; align-items: center; position: relative; margin-top: 2.08333vw; } .merchant_item_head_img { padding-bottom: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .merchant_item_read { width: calc(100% - 2.6041666vw); padding-left: 0.78125vw; } .merchant_item_name { font-size: 0.8333vw; line-height: 1.1458333vw; color: #111111; } .merchant_item_label { font-size: 0.7291666vw; line-height: 1.041666vw; color: #666666; } .merchant_tab { padding-bottom: 1.5625vw; } .case_active_wrap { position: relative; padding: 11.9791666vw 0 6.7708333vw 0; } .case_active_pack { width: 68.75%; } .case_active_bjq { margin-top: 2.08333vw; } .case_active_bjq video { width: 100%; height: auto!important; max-width: 100%; padding: 1.7708333vw 0; } .case_active_bjq image { width: auto; max-width: 100%; padding: 1.7708333vw 0; opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); } .case_active_title { font-size: 2.1875vw; line-height: 2.708333vw; color: #111111; } .case_active_bjq, .case_active_bjq p { font-size: 0.78125vw; line-height: 1.7708333vw; color: #777c8a; } .case_active_bjq p { opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); } .case_active_box { position: relative; } .case_active_content { -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; position: relative; padding-bottom: 4.1666vw; } .case_active_line { width: 100%; height: 1px; background: #ececec; } .case_active_tips_wrap { position: sticky; top: 11.9791666vw; width: 25.375%; -webkit-border-radius: 1.041666vw 1.041666vw 0 0; border-radius: 1.041666vw 1.041666vw 0 0; overflow: hidden; } .case_active_tips_content { background: #003bd8; padding: 1.5625vw; -webkit-align-items: center; align-items: center; } .case_active_head_box { width: 2.6041666vw; padding: 0.1041666vw; position: relative; } .case_active_head_box:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0.1041666vw solid #ffffff; -webkit-border-radius: 100%; border-radius: 100%; box-sizing: border-box; } .case_active_head_img { padding-bottom: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .case_active_tips_read { width: calc(100% - 2.6041666vw); padding-left: 0.78125vw; } .case_active_tips_title { font-size: 0.8333vw; line-height: 1.1458333vw; color: #ffffff; } .case_active_tips_text { font-size: 0.7291666vw; line-height: 1.041666vw; color: #ffffff; } .case_active_message_box { padding: 1.5625vw; background: #fbfbfb; } .case_active_message_text { font-size: 0.78125vw; line-height: 2.08333vw; color: #333333; } .case_active_tips_box { position: relative; } .case_active_tips_box:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.1041666vw; background: #003bd8; } .case_active_related_wrap { margin-top: 2.6041666vw; } .case_active_related_title { font-size: 1.1458333vw; line-height: 1.6666vw; color: #003bd8; } .case_active_related_box { margin-top: 2.08333vw; } .case_active_related_box .merchant_item_box { margin: 0 2.58333% 0 0; } .case_active_related_box .merchant_item_box:nth-child(4n) { margin: 0; } .investor_page_wrap { padding: 4.6875vw 0; position: relative; } .investor_page_box { position: relative; z-index: 9; } .investor_page_head { -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-end; align-items: flex-end; } .investor_item_box { position: relative; } .investor_item_box:first-child:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #c5cee7; } .investor_item_box a { -webkit-justify-content: space-between; justify-content: space-between; position: relative; } .investor_item_box a:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #c5cee7; } .investor_item_box a:before { content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 1px; background: #003bd8; -webkit-transition: all .6s ease; transition: all .6s ease; z-index: 1; } .investor_item_title { width: 90%; font-size: 1.25vw; line-height: 5vw; color: #111111; -webkit-transition: all .6s ease; transition: all .6s ease; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .investor_item_tips { width: 10%; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-end; justify-content: flex-end; position: relative; } .investor_item_label { font-size: 0.8333vw; line-height: 5vw; color: #999999; -webkit-transform: translateX(1.6666vw); transform: translateX(1.6666vw); -webkit-transition: all .6s ease; transition: all .6s ease; } .investor_item_icon { width: 1.1458333vw; margin-left: 0.5208333vw; opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; } .investor_item_icon svg { fill: #999999; } .investor_page_tab { padding: 3.125vw 0 4.1666vw 0; position: relative; } .investor_item_box a:hover .investor_item_title { color: #003bd8; } .investor_item_box a:hover:before { left: 0; width: 100%; } .investor_item_box a:hover .investor_item_label { -webkit-transform: none; transform: none; } .investor_item_box a:hover .investor_item_icon { opacity: 1; } .report_item_box { width: 22.3125%; margin: 0 3.58333% 3.6458333vw 0; } .report_item_box:nth-child(4n) { margin: 0 0 3.6458333vw 0; } .report_item_box a { display: block; } .service_train_box { position: relative; } .report_item_img { padding-bottom: 122.689%; -webkit-border-radius: 1.041666vw; border-radius: 1.041666vw; -webkit-transition: all .6s ease; transition: all .6s ease; } .report_item_title { font-size: 1.1458333vw; line-height: 1.6666vw; color: #111111; margin-top: 1.30208333vw; text-align: center; -webkit-transition: all .6s ease; transition: all .6s ease; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .report_page_tab { position: relative; margin-top: 3.6458333vw; } .report_item_box a:hover .report_item_title { color: #003bd8; } .report_item_box a:hover .report_item_img { -webkit-box-shadow: 0 0.5208333vw 1.5625vw rgba(118, 145, 218, .4); box-shadow: 0 0.5208333vw 1.5625vw rgba(118, 145, 218, .4); } .governance_page_title { font-size: 1.5625vw; line-height: 2.08333vw; color: #003bd8; } .governance_item_box { width: 31.4375%; margin: 0 2.84375% 2.6041666vw 0; background: #ffffff; position: relative; -webkit-border-radius: 1.041666vw; border-radius: 1.041666vw; overflow: hidden; } .governance_item_box:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #dadfeb; -webkit-border-radius: 1.041666vw; border-radius: 1.041666vw; box-sizing: border-box; z-index: 9; pointer-events: none; } .governance_item_back { position: absolute; right: -2.08333vw; top: -2.08333vw; width: 58.0516%; z-index: 9; } .governance_item_label:nth-child(2) { position: absolute; left: 0; top: 0; width: 100%; } .governance_item_label svg { overflow: initial; fill: none; stroke-width: 2.91666vw; stroke: #f9f9f9; stroke-linecap: round; } .governance_item_label:nth-child(2) svg { stroke: #003bd8; stroke-dasharray: 1843; stroke-dashoffset: 1843; -webkit-transition: all .6s ease; transition: all .6s ease; } .governance_item_box:hover .governance_item_label:nth-child(2) svg { stroke-dashoffset: 0; } .governance_item_box:nth-child(3n) { margin: 0 0 2.6041666vw 0; } .governance_item_title { font-size: 1.25vw; line-height: 1.7708333vw; color: #111111; } .governance_item_read { font-size: 0.78125vw; line-height: 2.08333vw; color: #666666; margin-top: 1.5625vw; } .governance_page_box { padding-top: 4.6875vw; } .governance_page_tab { margin-top: 2.08333vw; } .governance_item_content { position: relative; z-index: 9; padding: 2.08333vw 2.08333vw 1.82291666vw 2.08333vw; } .investor_form_box { -webkit-justify-content: flex-end; justify-content: flex-end; } .investor_form_content { width: 67.375%; } .investor_form_head { font-size: 1.5625vw; line-height: 2.6041666vw; color: #111111; } .investor_form_head a { color: #003bd8; position: relative; } .investor_form_head a:after { content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 1px; background: #003bd8; -webkit-transition: all .6s ease; transition: all .6s ease; } .investor_form_head a:hover:after { width: 100%; left: 0; } .investor_form_pack { margin-top: 4.1666vw; } .investor_form_big { margin-top: 1.82291666vw; } .investor_form_tips { font-size: 1.041666vw; line-height: 1.6666vw; color: #003bd8; } .investor_form_min .investor_form_item_box { width: 48.8868%; margin: 0 2.2264% 1.5625vw 0; } .investor_form_min .investor_form_item_box:nth-child(2n) { margin: 0 0 1.5625vw 0; } .investor_form_max .investor_form_item_box { width: 100%; margin: 0 0 1.5625vw 0; } .investor_form_item_box { position: relative; } /*.investor_form_item_box:after {*/ /* content: "";*/ /* position: absolute;*/ /* left: 0;*/ /* top: 0;*/ /* width: 100%;*/ /* height: 100%;*/ /* border:1px solid #dde2ee;*/ /* box-sizing: border-box;*/ /*}*/ .investor_form_item_box input { width: 100%; font-size: 0.8333vw; line-height: 3.3333vw; color: #333333; position: relative; z-index: 9; padding: 0 1.041666vw; -webkit-transition: all .3s ease; transition: all .3s ease; border: 1px solid #dde2ee; } .investor_form_item_box input::placeholder { color: #999999; } .investor_form_item_box textarea { width: 100%; font-size: 0.8333vw; line-height: 1.3541666vw; color: #333333; position: relative; z-index: 9; padding: 1.041666vw; resize: none; height: 10.208333vw; -webkit-transition: all .3s ease; transition: all .3s ease; border: 1px solid #dde2ee; } .investor_form_item_box textarea::placeholder, .investor_form_item_box input::placeholder { color: #999999; } .investor_form_item_box textarea:focus, .investor_form_item_box input:focus { border-color: #003bd8; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0.41666vw rgba(0, 59, 216, .3); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0.41666vw rgba(0, 59, 216, .3); } .investor_form_img { width: 11.875vw; height: 3.4375vw; position: relative; border: 1px solid #dde2ee; box-sizing: border-box; align-items: center; justify-content: center; cursor: pointer; } .investor_form_img img { width: auto; height: auto; max-width: 100%; max-height: 100%; } .investor_form_check_input { width: 11.875vw; position: relative; margin-left: 0.5208333vw; } .investor_form_check_input input { width: 100%; font-size: 0.8333vw; line-height: 3.3333vw; color: #333333; position: relative; z-index: 9; padding: 0 1.041666vw; -webkit-transition: all .3s ease; transition: all .3s ease; border: 1px solid #dde2ee; } .investor_form_check_input input::placeholder { color: #999999; } .investor_form_check_input input:focus { border-color: #003bd8; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0.41666vw rgba(0, 59, 216, .3); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0.41666vw rgba(0, 59, 216, .3); } .investor_form_tab_for_about {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;margin-top: 1vw;} .contact_form_item_box.investor_form_tab_for_about {width: 48%;} .investor_form_tab_for_about .investor_form_check_input {-webkit-flex: 1 1 auto;flex: 1 1 auto;} .investor_form_tab_for_about .investor_form_check_input input {height: 3.3333vw;height: calc(3.3333vw + 2px);} .investor_form_button {width: 10.41666vw;margin-top: 2.6041666vw;} .investor_form_button button {width: 100%;font-size: 0.8333vw;line-height: 3.4375vw;color: #ffffff;background: #003bd8;-webkit-border-radius: 0.5208333vw;border-radius: 0.5208333vw;cursor: pointer;} .investor_ecology_wrap {padding-bottom: 2.08333vw;} .investor_ecology_box {margin-top: 3.6458333vw;} .investor_ecology_title {font-size: 1.875vw;line-height: 2.3958333vw;color: #111111;} .investor_ecology_big img {padding: 2.291666vw 0;width: auto;max-width: 100%;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);} .investor_ecology_big p {font-size: 0.8333vw;line-height: 1.1458333vw;color: #666666;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);} .public_menu_wrap {position: relative;z-index: 19; } .public_menu_box {-webkit-box-shadow: 0 0.41666vw 0.9375vw rgba(181, 181, 181, .16);box-shadow: 0 0.41666vw 0.9375vw rgba(181, 181, 181, .16);padding:15px 2.3333vw;position: relative;z-index: 9;} @media screen and (max-width:1440px) { .public_page_wrap {height: 60vh;} } /*内页新闻详情*/ .news-cont .pagesBread{border-bottom:1px solid transparent; border-color: rgba(26, 118, 193, 0.1); padding-bottom:20px;} .news-cont{background: #f2f2f2;} .l-bg-white{background-color:#fff; padding: 4%;} .main-other{width: 90%; margin: 0 auto; padding: 4% 0;display: flex; display:-webkit-flex; -webkit-justify-content: space-between; justify-content: space-between;flex-wrap: wrap;} .main-other .newsDetail-l{padding-right:10px; width:75%;} .main-other .newsDetail-r{width:24%;} .newsDetail-top{align-items:center;} .newsDetail-top .left i{margin-right:10px; font-weight:bold;} .newsDetail-top .left a:hover{color:#1d70c0;} .newsDetail-cont{margin-top:30px; padding:30px 0 0; position:relative;} .newsDetail-cont:before{content:''; display:block; width:calc(100% + 60px); height:1px; background:#eee; position:absolute; left:-30px; top:0;} .newsDetail-cont .nname{align-items:center; margin-top:20px;} .newsDetail-cont .nname span{margin-left:30px;} .newsDetail-cont .nname span:first-child{margin-left:0;} .newsDetail-cont .cont{margin-top:30px;} .newsDetail-cont .cont p img{width: 100%; max-width: 750px;display: block; margin: 0 auto;} .detail-ewm{justify-content:flex-end; align-items:center;} .detail-ewm .img{width:85px; margin-left:50px;} .detail-bottom{align-items:center;display: flex; display:-webkit-flex; -webkit-justify-content:flex-end; justify-content:flex-end;} .detail-bottom>*{flex:1; width:50%;} .detail-bottom>*.detail-page{flex:1; padding-right:50px;} .newsDetail-r{ border-radius:10px;} .newsDetail-r:first-child{margin-top:0;} .news-other-item {margin-top:30px;transition: .5s;} .news-other-item li{margin-top: 30px;} .news-other-item .name{margin-top:6px;} .news-other-item .img{height:170px; border-radius:10px; margin-top:10px; overflow: hidden; } .news-other-item:hover{color:#1d70c0;} .news-other-item:hover .l-imgs{transform:scale(1.1);} .news-other-item .l-imgs{height:100%;transition: .5s;} .l-imgs{background-position:center;background-repeat:no-repeat;background-size:cover;} @media (max-width: 1023px){ .main-other{width: 95%; padding: 0;} .main-other .newsDetail-l{width: 100%; padding-right: 0;} .main-other .newsDetail-r{display: none;} .detail-ewm{display: none;} } /*内页案例*/ .honor_cont { width: 90%; margin:3% auto 0 auto; position: relative; z-index: 9;} .honor_cont .wrap{display: flex; display:-webkit-flex; -webkit-justify-content: left; justify-content:left;flex-wrap: wrap;} .honor_cont li {width: 19%;margin: 0 0.5% 50px;box-sizing: border-box;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;border-bottom: #ccc 1px solid} .honor_cont .allist_con {-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;position: relative;top: 0;overflow: hidden} .honor_cont .allist_con a {display: block;overflow: hidden;} .honor_cont .allist_img img {display: block;transition: all ease 1s;width: 100%} .honor_cont .allist_img:hover img {transform: scale(1.1);opacity: 0.85;filter: alpha(opacity=85);} .honor_cont .allist_con a i {display: block;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));transform: skewx(-25deg);-o-transform: skewx(-25deg);-moz-transform: skewx(-25deg);-webkit-transform: skewx(-25deg);} .honor_cont .allist_con a:hover i {transition: all .3s ease;left: 100%} .honor_cont .allist_con .allist_text {padding: 10px 0 15px 0;position: relative; text-align: center;} .honor_cont .allist_con .allist_text h3 {display: block;color: #333;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 10px 0} .honor_cont .allist_con .allist_text p {color: #666;} .honor_cont .allist_con:hover h3 a {color: #7fce3c} .honor_cont .allist_con::after {content: "";position: absolute;right: 100%;bottom: 0;width: 100%;height: 6px;background-color: #7fce3c;opacity: 0;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';filter: alpha(Opacity=0);-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;} .honor_cont .allist_con:hover::after {right: 0;opacity: 1;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';filter: alpha(Opacity=100)} .honor_cont .allist_con .allist_text .icon img {width: 110px;display: block;position: absolute;top: -30px;right: 15px;} @media screen and (max-width:1023px) { .honor_cont li{width: 100%;} .honor_cont .allist_con .allist_text .icon img {width:90px;} } .stock_page_wrap {width: 61.125%;} .news_page_tips {width: 100%;} .stock_tips_title {font-size: 1.5625vw;line-height: 2.08333vw;color: #111111;} .stock_tips_number {font-size: 3.125vw;line-height: 3.6458333vw;color: #003bd8;} .stock_tips_label {font-size: 1.041666vw;line-height: 2.6041666vw;color: #111111;} .stock_tips_link {margin-top: 1.30208333vw;} .stock_tips_read {margin-top: 1.82291666vw;-webkit-align-items: flex-end;align-items: flex-end;} .stock_tips_link a {font-size: 0.8333vw;line-height: 1.3541666vw;color: #333333;} .stock_page_tab {-webkit-justify-content: space-between;justify-content: space-between;position: relative;margin-top: 4.6875vw;} .stock_item_box {max-width: 25%;} .stock_item_title {font-size: 0.8333vw;line-height: 1.3541666vw;color: #111111;} .stock_item_number {font-size: 2.08333vw;line-height: 2.6041666vw;color: #003bd8;margin-top: 0.5208333vw;} .stock_page_text {font-size: 0.8333vw;line-height: 1.3541666vw;color: #888888;margin-top: 4.0625vw;} .stock_page_head {-webkit-justify-content: space-between;justify-content: space-between;} .news_page_screen_wrap {opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);} .AddNewsPageTips .news_page_label_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);} .AddNewsPageTips .news_page_title_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;} .AddNewsPageTips .news_page_subtitle_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;} .AddNewsPageScreen {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;} .esg_page_wrap {position: relative;z-index: 9;padding: 6.25vw 0 0 0;-webkit-border-radius: 0 0 0 5.7291666vw;border-radius: 0 0 0 5.7291666vw;overflow: hidden;background: #ffffff;} .esg_concept_tips_box {padding-left: 3.6458333vw;margin-top: 4.1666vw;position: relative;} .esg_concept_tips_text {font-size: 1.25vw;line-height: 1.7708333vw;color: #111111;} .esg_concept_tips_title {font-size: 2.6208333vw;line-height: 3.541666vw;color: #0038d5;margin-top: 0.5208333vw;} .esg_concept_tab {padding-left: 55.25%;position: relative;margin-top: 3.6458333vw;padding-bottom: 4.6875vw;} .esg_concept_item_box {-webkit-align-items: center;align-items: center;} .esg_concept_item_icon {width: 0.625vw;height: 0.625vw;position: relative;} .esg_concept_item_icon:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0.15625vw solid #24b474;-webkit-border-radius: 100%;border-radius: 100%; box-sizing: border-box;} .esg_concept_item_title {color: #111111;width: calc(100% - 0.625vw);padding-left: 1.1458333vw;} .esg_concept_pack {-webkit-justify-content: space-between;justify-content: space-between;} .esg_concept_min_pic {width: 35.625%;height: 22.3958333vw;-webkit-border-radius: 1.5625vw;border-radius: 1.5625vw;overflow: hidden;} .esg_concept_max_pic {width: 63.5625%;height: 22.3958333vw;-webkit-border-radius: 1.5625vw;border-radius: 1.5625vw;overflow: hidden;position: relative;} .esg_concept_min_img,.esg_concept_max_img {height: 38.75vw;} .esg_concept_max_img {position: absolute;left: 0;bottom: 0;width: 100%;} .esg_concept_slogan_read {-webkit-transform: translateX(-100%);transform: translateX(-100%);} .esg_concept_slogan_box {margin-top: 3.6458333vw;} .esg_concept_slogan_text {font-size: 10.8333vw;line-height: 8.3333vw;text-transform: uppercase;text-align: center;color: transparent;-webkit-text-stroke: 1px #e1e1e1;text-stroke: 1px #e1e1e1;} .esg_duty_box .news_page_head {-webkit-justify-content: center;justify-content: center;} .esg_duty_box .news_page_label_box {-webkit-justify-content: center;justify-content: center;} .esg_duty_box .news_page_title_box {-webkit-justify-content: center;justify-content: center;} .esg_duty_wrap {padding: 6.25vw 0 5.8541666vw 0} .esg_duty_item_box {width: 23.4375%;margin: 0 2.08333% 0 0;background: #ffffff;padding: 3.125vw 2.08333vw;-webkit-border-radius: 1.041666vw;border-radius: 1.041666vw;-webkit-box-shadow: 0 0 1.5625vw rgba(231, 231, 231, .5);box-shadow: 0 0 1.5625vw rgba(231, 231, 231, .5);} .esg_duty_item_box:nth-child(4n) {margin: 0;} .esg_duty_item_title {font-size: 1.3541666vw;line-height: 1.875vw;color: #0038d5;text-align: center;margin-top: 2.34375vw;} .esg_duty_item_icon {width: 3.3333vw;height: 3.3333vw;margin: 0 auto;} .esg_duty_item_icon svg {fill: #24b474;} .esg_duty_item_line {margin: 1.30208333vw auto 0;width: 1.7708333vw;height: 0.208333vw;background: #0038d5;} .esg_duty_item_read {margin-top: 2.42708333vw;} .esg_duty_item_text {font-size:18px;line-height:36px;color: #333333;text-align: center;} .esg_page_box {position: relative;z-index: 9;} .esg_duty_tab {margin-top: 4.1666vw;} .esg_core_wrap {position: relative;margin-top: -5.7291666vw;z-index: 1;} .esg_core_back {padding-bottom: 46.6458333%;} .esg_core_box {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 9;padding: 5.7291666vw 0 0 0;} .esg_core_content {padding: 4.6875vw 0 0 0;} .esg_core_content .news_page_head {-webkit-justify-content: center;justify-content: center;} .esg_core_content .news_page_label_box {-webkit-justify-content: center;justify-content: center;} .esg_core_content .news_page_title_box {-webkit-justify-content: center;justify-content: center;} .esg_core_tab {margin-top: 4.8958333vw;} .esg_core_item_box {width: 32.5%;margin: 0 1.25% 0 0;position: relative;backdrop-filter: blur(0.6vw);} .esg_core_item_box:nth-child(3n) {margin: 0;} .esg_core_item_icon {position: absolute;right: -1.041666vw;top: -1.041666vw;width: 11.458333vw;height: 9.375vw;-webkit-transition: all .6s ease;transition: all .6s ease;} .esg_core_item_icon svg {fill: rgba(0, 0, 0, 1);opacity: .1;} .esg_core_item_content {position: relative;padding-bottom: 59.2307%;-webkit-border-radius: 1.5625vw;border-radius: 1.5625vw;overflow: hidden;background: rgba(0, 0, 0, .1);-webkit-transition: all .6s ease;transition: all .6s ease;} .esg_core_item_pack {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;-webkit-transform: translateY(100%);transform: translateY(100%);margin-top: -9.375vw; -webkit-transition: all .6s ease;transition: all .6s ease;} .esg_core_item_title {line-height: 2.08333vw;color: #fefeff;-webkit-transition: all .6s ease;transition: all .6s ease;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .esg_core_item_text {line-height: 2.08333vw;color: #fefeff; -webkit-transition: all .6s ease;transition: all .6s ease;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .esg_core_item_read {-webkit-transition: all .6s ease;transition: all .6s ease; padding: 2.6041666vw;width: 100%;} .esg_core_item_label {font-size: 18px;line-height: 36px;color: #444444;margin-top: 0.8333vw;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;opacity: 0;-webkit-transition: all .6s ease;transition: all .6s ease;} .esg_core_item_line {width: 83%;position: absolute;left: 2.291666vw;top: 5%;-webkit-transform: rotate(22deg);transform: rotate(22deg);} .esg_core_item_line svg {overflow: initial;fill: none;stroke-width: 2.91666vw;stroke: rgba(122, 154, 229, .1);stroke-dasharray: 1843;stroke-dashoffset: 1843;stroke-linecap: round; -webkit-transition: all .6s ease;transition: all .6s ease;} .esg_core_item_box:hover .esg_core_item_content {background: rgba(255, 255, 255, 1);backdrop-filter: none;} .esg_core_item_box:hover .esg_core_item_icon {opacity: 0;} .esg_core_item_box:hover .esg_core_item_pack {-webkit-transform: none;transform: none;margin-top: 0;} .esg_core_item_box:hover .esg_core_item_label {opacity: 1;-webkit-transform: translateY(-2.08333vw);transform: translateY(-2.08333vw);} .esg_core_item_box:hover .esg_core_item_title {color: #111111;} .esg_core_item_box:hover .esg_core_item_text {opacity: 0;} .esg_core_item_box:hover .esg_core_item_line svg { stroke-dashoffset: 0; -webkit-transition-delay: .3s; transition-delay: .3s; } .advantage_page_wrap { position: relative; } .advantage_page_box { position: relative; } .advantage_page_content { position: relative; } .advantage_page_tab { position: relative; } .advantage_item_box { height: 100vh; } .advantage_page_pack { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .advantage_animate_big { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; } .advantage_animate_wrap { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; } .advantage_animate_box { position: relative; width: 100%; height: 100%; overflow: hidden; } .advantage_animate_wrap:last-child .advantage_animate_box { height: 100% !important; } .advantage_animate_content { position: relative; width: 100%; height: 100vh; } .advantage_animate_back { position: relative; width: 100%; height: 100%; } .advantage_animate_parcel { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; padding: 0 8.3333vw; -webkit-align-items: center; align-items: center; } .advantage_animate_wrap:nth-child(2n+1) .advantage_animate_parcel { -webkit-justify-content: flex-end; justify-content: flex-end; } .advantage_animate_wrap:nth-child(2n) .advantage_animate_parcel { -webkit-justify-content: flex-start; justify-content: flex-start; } .advantage_animate_show { width: 43.75%; } .advantage_animate_en { font-size: 0.9375vw; line-height: 1.458333vw; color: #111111; opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webnkit-transition-delay: .4s; transition-delay: .4s; } .advantage_animate_cn { font-size: 2.8125vw; line-height: 3.3333vw; color: #003bd8; margin-top: 0.5208333vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); -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; } .advantage_animate_head { margin-bottom: 2.6041666vw; } .advantage_animate_line { width: 1.82291666vw; height: 0.208333vw; background: #24b574; opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); -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; } .advantage_animate_text { font-size: 1.041666vw; line-height: 1.7708333vw; color: #111111; margin-top: 3.90625vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); -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; } .advantage_animate_tab { margin-top: 3.6458333vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: 0s; transition-delay: 0s; } .advantage_animate_item_box { padding: 0.36458333vw 0; } .advantage_animate_icon { width: 0.8333vw; margin-top: 0.26041666vw; } .advantage_animate_label { font-size: 0.8333vw; line-height: 1.3541666vw; color: #111111; width: calc(100% - 0.8333vw); padding-left: 0.78125vw; } .advantage_animate_current .advantage_animate_en { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition-delay: 0s; transition-delay: 0s; } .advantage_animate_current .advantage_animate_cn { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition-delay: .1s; transition-delay: .1s; } .advantage_animate_current .advantage_animate_line { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition-delay: .2s; transition-delay: .2s; } .advantage_animate_current .advantage_animate_text { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition-delay: .3s; transition-delay: .3s; } .advantage_animate_current .advantage_animate_tab { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition-delay: .4s; transition-delay: .4s; } .service_back_wrap { position: relative; background: #fbfbfc; -webkit-border-radius: 0 0 5.7291666vw 0; border-radius: 0 0 5.7291666vw 0; overflow: hidden; z-index: 9; } .service_back_box { position: relative; z-index: 9; } .service_supplier_wrap { padding: 5.208333vw 0 3.6458333vw 0; position: relative; } .service_supplier_head .news_page_label_box { -webkit-justify-content: center; justify-content: center; } .service_supplier_head .news_page_title_box { -webkit-justify-content: center; justify-content: center; } .service_supplier_head .service_page_subtitle_box { -webkit-justify-content: center; justify-content: center; margin-top: 1.041666vw; } .service_public_head .news_page_tips { width: 100%; } .service_public_head .service_page_subtitle_box { margin-top: 1.041666vw; } .service_page_subtitle_text { font-size: 1.041666vw; line-height: 1.5625vw; color: #666666; opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); } .AddNewsPageTips .service_page_subtitle_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; } .service_supplier_content { padding: 5.208333vw 0 0 0; } .service_supplier_control_box { -webkit-justify-content: center; justify-content: center; } .service_supplier_control_li { margin: 0 5.208333vw; cursor: pointer; } .service_supplier_item_icon { width: 2.1875vw; margin: 0 auto; } .service_supplier_item_title { font-size: 1.1458333vw; line-height: 1.6666vw; padding: 0.625vw 0; margin-top: 0.3125vw; -webkit-transition: all .6s ease; transition: all .6s ease; position: relative; } .service_supplier_item_title:after { content: ""; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0.1041666vw; background: #0038d5; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_supplier_control_active .service_supplier_item_title { font-weight: bold; color: #0038d5; } .service_supplier_control_active .service_supplier_item_title:after { width: 100%; } .service_supplier_swiper { margin-top: 2.34375vw; } .supplier_active_wrap { background: #ffffff; -webkit-border-radius: 1.5625vw; border-radius: 1.5625vw; overflow: hidden; } .supplier_active_box { -webkit-justify-content: flex-end; justify-content: flex-end; position: relative; } .supplier_active_pack { position: absolute; left: 0; top: 0; width: 48.0625%; height: 100%; padding: 2.08333vw 1.041666vw 2.08333vw 3.125vw; } .supplier_active_big { padding: 0 2.08333vw 0 0; height: 100%; overflow: auto; } .supplier_active_pic { width: 51.9375%; } .supplier_active_img { padding-bottom: 68.592%; -webkit-border-radius: 1.5625vw; border-radius: 1.5625vw; } .supplier_active_item_box { position: relative; } .supplier_active_item_box:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #efefef; } .supplier_active_item_content { padding: 1.30208333vw 0; position: relative; -webkit-justify-content: space-between; justify-content: space-between; -webkit-transition: all .6s ease; transition: all .6s ease; cursor: pointer; } .supplier_active_item_title { font-size: 1.1458333vw; line-height: 1.6666vw; color: #111111; width: calc(100% - 2.6041666vw); -webkit-transition: all .6s ease; transition: all .6s ease; } .supplier_active_item_read { height: 0; overflow: hidden; -webkit-transition: all .6s ease; transition: all .6s ease; } .supplier_active_item_text { font-size: 0.88541666vw; line-height: 1.5625vw; color: #111111; padding: 0 0 1.041666vw 0; } .supplier_active_item_bjq { font-size: 0.88541666vw; line-height: 1.5625vw; color: #111111; } .supplier_active_item_icon { width: 1.5625vw; height: 1.5625vw; position: relative; } .supplier_active_item_icon:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #003bd8; box-sizing: border-box; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all .6s ease; transition: all .6s ease; } .supplier_active_item_label { width: 40%; height: 1px; position: absolute; z-index: 9; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); background: #003bd8; -webkit-transition: all .6s ease; transition: all .6s ease; } .supplier_active_item_label:nth-child(2) { -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg); transform: translateY(-50%) translateX(-50%) rotate(90deg); } .supplier_active_item_active .supplier_active_item_title { font-size: 1.458333vw; font-weight: bold; } .supplier_active_item_active .supplier_active_item_icon:after { background: #003bd8; } .supplier_active_item_active .supplier_active_item_label { background: #ffffff; } .supplier_active_item_active .supplier_active_item_label:nth-child(1) { width: 0; -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg); transform: translateY(-50%) translateX(-50%) rotate(90deg); } .supplier_active_item_active .supplier_active_item_label:nth-child(2) { -webkit-transform: translateY(-50%) translateX(-50%) rotate(180deg); transform: translateY(-50%) translateX(-50%) rotate(180deg); } .service_purchase_wrap { padding: 4.1666vw 0 7.8125vw 0; position: relative; } .service_purchase_content { position: relative; margin-top: 4.1666vw; } .service_purchase_line { height: 0.1041666vw; background: #000; } .service_purchase_tab { position: relative; margin-top: 4.1666vw; -webkit-flex-flow: nowrap; flex-flow: nowrap; } .service_purchase_item_max { -webkit-align-items: flex-end; align-items: flex-end; height: 100%; padding: 0 1.5625vw; cursor: pointer; position: absolute; left: 0; bottom: 0; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_purchase_item_tips { writing-mode: vertical-rl; text-orientation: mixed; font-size: 1.25vw; line-height: 2.08333vw; color: #111111; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-height: 100%; } .service_purchase_item_box { position: relative; height: 23.4375vw; width: 5.208333vw; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); overflow: hidden; } .service_purchase_item_box:after { content: ""; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #ced3e1; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_purchase_item_box:first-child:before { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #ced3e1; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_purchase_item_content { position: absolute; left: 0; top: 0; width: 62.5vw; opacity: 0; pointer-events: none; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_purchase_item_big { width: 100%; padding: 0 1.82291666vw; position: relative; } .service_purchase_item_active { width: 62.5vw; } .service_purchase_item_box:first-child.service_purchase_item_active:before { opacity: 0; } .service_purchase_item_box:last-child.service_purchase_item_active:after { opacity: 0; } .service_purchase_item_box:first-child.service_purchase_item_active .service_purchase_item_big { padding: 0 1.82291666vw 0 0; } .service_purchase_item_box:last-child.service_purchase_item_active .service_purchase_item_big { padding: 0 0 0 1.82291666vw; } .service_purchase_item_active .service_purchase_item_content { opacity: 1; pointer-events: auto; -webkit-transition-delay: .8s; transition-delay: .8s; } .service_purchase_item_active .service_purchase_item_max { opacity: 0; pointer-events: none; } .service_purchase_item_pack { width: calc(100% - 34.0625vw); -webkit-align-content: space-between; align-content: space-between; padding-right: 2.86458333vw; } .service_purchase_item_pic { width: 34.0625vw; } .service_purchase_item_img { height: 23.4375vw; -webkit-border-radius: 1.5625vw; border-radius: 1.5625vw; } .service_purchase_item_number { font-size: 2.08333vw; line-height: 2.6041666vw; color: #cccccc; width: 100%; } .service_purchase_item_title { font-size: 1.875vw; line-height: 2.1875vw; color: #003bd8; width: 100%; } .service_purchase_item_read { width: 100%; } .service_purchase_item_text { font-size: 0.8333vw; line-height: 1.458333vw; color: #111111; } .service_global_wrap { position: relative; z-index: 8; margin-top: -5.7291666vw; -webkit-border-radius: 0 0 0 5.7291666vw; border-radius: 0 0 0 5.7291666vw; overflow: hidden; } .service_global_back { padding-bottom: 56.25%; } .service_global_box { position: relative; overflow: hidden; width: 100%; height: 100%; } .service_global_pack { position: absolute; left: 0; top: 0; height: 100%; padding: 5.7291666vw 0 0 0; z-index: 9; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_global_hide { margin-left: -34.8958333vw; } .service_global_hide .service_global_btn_icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .service_global_hide .service_global_btn_icon svg { fill: #ffffff; } .service_global_hide .service_global_popup_button { background: #003bd8; } .service_global_big { position: relative; -webkit-transform: translateX(-34.8958333vw); transform: translateX(-34.8958333vw); pointer-events: none; } .AddServiceGlobalBig { 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); } .service_global_popup_wrap { width: 34.8958333vw; -webkit-align-items: center; align-items: center; position: relative; z-index: 9; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .service_global_popup_max { width: 100%; height: 100%; position: relative; background: rgba(255, 255, 255, .3); -webkit-box-shadow: 0 0 2.08333vw rgba(35, 61, 132, .1); box-shadow: 0 0 2.08333vw rgba(35, 61, 132, .1); backdrop-filter: blur(0.6vw); -webkit-align-items: center; align-items: center; -webkit-border-radius: 0 0 0 5.72917vw; border-radius: 0 0 0 5.72917vw; overflow: hidden; } .service_global_popup_button { position: absolute; right: -1.041666vw; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #ffffff; -webkit-border-radius: 100%; border-radius: 100%; width: 2.08333vw; height: 2.08333vw; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; cursor: pointer; z-index: 9; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_global_btn_icon { width: 22%; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_global_btn_icon svg { fill: #111111; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_global_popup_button:hover { background: #003bd8; } .service_global_popup_button:hover .service_global_btn_icon svg { fill: #ffffff; } .service_global_popup_box { padding: 0 4.1666vw 0 8.3333vw; width: 100%; position: relative; } .service_global_head { width: 100%; } .service_global_subtitle_box { margin-top: 2.34375vw; } .service_global_subtitle_text { font-size: 0.9375vw; line-height: 1.5625vw; color: #666666; } .service_global_label_text { font-size: 0.9375vw; line-height: 1.458333vw; background-image: linear-gradient(to left, #33e0a1, #064cd5); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .service_global_title_text { font-size: 3.125vw; line-height: 3.6458333vw; color: #111111; margin-top: 0.78125vw; } .service_global_popup_tab { position: relative; margin-top: 3.125vw; } .global_popup_item_box { -webkit-align-items: center; align-items: center; position: relative; padding: 2.08333vw 0; } .global_popup_item_box:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e1e7f9; } .global_popup_item_box:first-child:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #e1e7f9; } .global_popup_item_icon { width: 3.6458333vw; height: 3.6458333vw; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background: #ffffff; -webkit-border-radius: 100%; border-radius: 100%; } .global_popup_item_label { width: 42.8%; } .global_popup_item_label svg { fill: #003bd8; } .global_popup_item_read { width: calc(100% - 3.6458333vw); padding-left: 1.5625vw; } .global_popup_item_title { font-size: 1.5625vw; line-height: 2.08333vw; color: #003bd8; } .global_popup_item_text { font-size: 0.88541666vw; line-height: 1.458333vw; color: #666666; margin-top: 0.5208333vw; } .service_global_tips_wrap { -webkit-align-items: flex-end; align-items: flex-end; position: relative; padding: 2.08333vw 2.6041666vw; } .service_global_tips_title { font-size: 1.6666vw; line-height: 2.08333vw; color: #111111; } .service_global_tips_button { margin-top: 1.5625vw; } .service_global_tips_button a { width: 14.0625vw; background: #ffffff; } .service_global_tips_button a .public_button_icon { margin-left: 0.7291666vw; } .service_global_tips_button .public_button_text { color: #003bd8; } .service_global_tips_button .public_button_icon:after { background: #003bd8; } .service_global_tips_button .public_button_icon:before { background: #ffffff; } .service_global_tips_button .public_button_box:hover .public_button_icon:after { width: 6000%; height: 6000%; } .service_global_tips_button .public_button_box:hover a { background: #003bd8; } .service_global_tips_button .public_button_box:hover .public_button_text:nth-child(2) { color: #ffffff; } .service_global_tips_text { font-size: 0.8333vw; line-height: 2.708333vw; color: #003bd8; } .service_global_tips_icon { width: 0.416666vw; height: 0.416666vw; -webkit-border-radius: 100%; border-radius: 100%; background: #003bd8; margin-left: 0.8333vw; } .service_global_content { position: relative; } .service_global_add_tab { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .global_add_item_box { position: absolute; } .global_add_item_box:nth-child(1) { left: 72.7%; top: 58%; } .global_add_item_box:nth-child(2) { left: 72.1%; top: 56%; } .global_add_item_box:nth-child(3) { left: 78.5%; top: 61%; } .global_add_item_box:nth-child(4) { left: 54%; top: 46%; } .global_add_item_box:nth-child(5) { left: 83%; top: 75%; } .global_add_item_box:nth-child(6) { left: 54.5%; top: 33.5%; } .global_add_item_box:nth-child(7) { left: 95%; top: 89%; } .global_add_item_read { position: absolute; width: max-content; z-index: 9; opacity: 0; } .global_top { left: 50%; -webkit-transform: translateX(-50%) translateY(-100%); transform: translateX(-50%) translateY(-100%); top: -0.625vw; } .global_bottom { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 100%; margin-top: 0.625vw; } .global_left { left: -0.625vw; -webkit-transform: translateY(-50%) translateX(-100%); transform: translateY(-50%) translateX(-100%); top: 50%; } .global_right { left: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; margin-left: 0.625vw; } .global_add_item_title { font-size: 0.7291666vw; line-height: 1.041666vw; color: #111111; } .global_add_item_icon { width: 0.416666vw; height: 0.416666vw; position: relative; -webkit-transform: scale(0); transform: scale(0); } .global_add_item_label { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 100%; height: 100%; background: #003bd8; -webkit-border-radius: 100%; border-radius: 100%; } .global_add_item_label:nth-child(2) { -webkit-animation: ServiceGlobalScale 6s linear infinite normal both; animation: ServiceGlobalScale 6s linear infinite normal both; } .global_add_item_label:nth-child(3) { -webkit-animation: ServiceGlobalScale 6s 1.5s linear infinite normal both; animation: ServiceGlobalScale 6s 1.5s linear infinite normal both; } .global_add_item_label:nth-child(4) { -webkit-animation: ServiceGlobalScale 6s 3s linear infinite normal both; animation: ServiceGlobalScale 6s 3s linear infinite normal both; } .global_add_item_label:nth-child(5) { -webkit-animation: ServiceGlobalScale 6s 4.5s linear infinite normal both; animation: ServiceGlobalScale 6s 4.5s linear infinite normal both; } @-webkit-keyframes ServiceGlobalScale { 0% { width: 100%; height: 100%; opacity: 0; } 20% { width: 650%; height: 650%; opacity: 0.16; } 40% { width: 1200%; height: 1200%; opacity: 0.1; } 60% { width: 1850%; height: 1850%; opacity: 0.04; } 80% { width: 2200%; height: 2200%; opacity: 0; } 100% { width: 100%; height: 100%; opacity: 0; } } @keyframes ServiceGlobalScale { 0% { width: 100%; height: 100%; opacity: 0; } 20% { width: 650%; height: 650%; opacity: 0.16; } 40% { width: 1200%; height: 1200%; opacity: 0.1; } 60% { width: 1850%; height: 1850%; opacity: 0.04; } 80% { width: 2200%; height: 2200%; opacity: 0; } 100% { width: 100%; height: 100%; opacity: 0; } } .service_train_wrap { margin-top: -5.7291666vw; position: relative; z-index: 7; -webkit-border-radius: 0 0 5.7291666vw 0; border-radius: 0 0 5.7291666vw 0; overflow: hidden; } .service_train_back { padding-bottom: 56.25%; } .service_train_content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; padding: 5.7291666vw 0 0 0; } .service_train_pack { width: 100%; height: 100%; position: relative; -webkit-align-items: center; align-items: center; } .service_train_big { padding: 0 8.3333vw; width: 100%; } .service_train_head { width: 100%; } .service_train_subtitle_box { margin-top: 2.34375vw; } .service_train_subtitle_text { font-size: 1.5625vw; line-height: 2.08333vw; color: #ffffff; text-align: center; } .service_train_label_text { font-size: 0.9375vw; line-height: 1.458333vw; color: #ffffff; text-align: center; } .service_train_title_text { font-size: 3.125vw; line-height: 3.6458333vw; color: #ffffff; margin-top: 0.78125vw; text-align: center; } .service_train_item_content { height: 19.791666vw; position: relative; background: rgba(0, 0, 0, .3); backdrop-filter: blur(0.6vw); -webkit-border-radius: 1.5625vw; border-radius: 1.5625vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); } .AddServiceTrainItemContent { 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); } .service_train_tips_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-align-content: space-between; align-content: space-between; padding: 2.08333vw; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_train_tips_title { font-size: 1.041666vw; line-height: 1.5625vw; color: #fefeff; text-align: center; } .service_train_tab { -webkit-flex-flow: nowrap; flex-flow: nowrap; position: relative; margin-top: 6.25vw; } .service_train_item_box { width: 12.5%; margin: 0 1.25% 0 0; -webkit-transition: all .6s ease; transition: all .6s ease; cursor: pointer; } .service_train_item_box:nth-child(3n) { margin: 0; } .service_train_tips_head { width: 100%; } .service_train_tips_btn { width: 2.291666vw; height: 2.291666vw; position: relative; } .service_train_tips_button { width: 100%; -webkit-justify-content: center; justify-content: center; } .service_train_tips_btn:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #ffffff; box-sizing: border-box; -webkit-border-radius: 100%; border-radius: 100%; } .service_train_tips_label { position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 31.818%; height: 0.1041666vw; background: #ffffff; } .service_train_tips_label:nth-child(2) { -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg); transform: translateY(-50%) translateX(-50%) rotate(90deg); } .service_train_item_big { height: 100%; padding: 2.08333vw; -webkit-align-items: flex-end; align-items: flex-end; overflow: hidden; } .service_train_item_read { width: 100%; } .service_train_item_title { font-size: 1.9791666vw; line-height: 2.5vw; color: #fefeff; opacity: 0; pointer-events: none; -webkit-transform: translateY(2vw); transform: translateY(2vw); } .service_train_item_text { font-size: 0.8333vw; line-height: 1.5625vw; color: #fefeff; margin-top: 1.041666vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2vw); transform: translateY(2vw); } .service_train_item_active { width: 72.5%; } .service_train_item_active .service_train_tips_box { opacity: 0; pointer-events: none; } .service_train_item_active .service_train_item_title { opacity: 1; pointer-events: auto; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: .4s; transition-delay: .4s; } .service_train_item_active .service_train_item_text { opacity: 1; pointer-events: auto; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: .5s; transition-delay: .5s; } .service_purchaser_wrap { padding: 6.7708333vw 0 4.1666vw 0; position: relative; } .service_foot_wrap { position: relative; z-index: 6; margin-top: -5.7291666vw; } .service_foot_box { position: relative; z-index: 2; padding: 5.7291666vw 0 0 0; } .service_public_head .service_purchaser_subtitle_box { margin-top: 1.82291666vw; -webkit-justify-content: center; justify-content: center; } .service_trust_subtitle_box { margin-top: 1.82291666vw; } .service_purchaser_subtitle_text { font-size: 1.5625vw; line-height: 2.08333vw; color: #111111; text-align: center; opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); } .AddNewsPageTips .service_purchaser_subtitle_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; } .service_trust_subtitle_text { font-size: 1.5625vw; line-height: 2.08333vw; color: #111111; opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); } .AddNewsPageTips .service_trust_subtitle_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; } .service_purchaser_item_box { -webkit-border-radius: 1.5625vw; border-radius: 1.5625vw; overflow: hidden; position: relative; -webkit-transition: all .6s ease; transition: all .6s ease; margin-bottom: 5.208333vw; } .service_purchaser_item_box:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ffffff; z-index: 9; } .AddServicePurchaserItemBox:after { height: 0; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .service_purchaser_item_pic { position: relative; } .service_purchaser_item_img { padding-bottom: 69.8989%; } .service_purchaser_item_content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; -webkit-align-items: flex-end; align-items: flex-end; } .service_purchaser_item_content:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 20%; opacity: 0; background-image: linear-gradient(to top, rgba(0, 59, 216, 1), rgba(0, 59, 216, 0) 100%); -webkit-transition: all .6s ease; transition: all .6s ease; z-index: 2; } .service_purchaser_item_content:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-image: linear-gradient(to top, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0) 30%); -webkit-transition: all .6s ease; transition: all .6s ease; } .service_purchaser_item_read { width: 100%; padding: 1.5625vw; -webkit-transform: translateY(calc(100% - 4.791666vw)); transform: translateY(calc(100% - 4.791666vw)); -webkit-transition: all .6s ease; transition: all .6s ease; position: relative; z-index: 9; } .service_purchaser_item_title { font-size: 1.1458333vw; line-height: 1.6666vw; color: #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .service_purchaser_item_text { font-size: 0.8333vw; line-height: 1.5625vw; color: #ffffff; margin-top: 0.78125vw; opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_purchaser_control_tips { position: relative; width: 30%; } .service_purchaser_control_refer { position: relative; width: 30%; -webkit-justify-content: center; justify-content: center; } .service_purchaser_control_big { position: relative; width: 30%; -webkit-justify-content: flex-end; justify-content: flex-end; } .service_purchaser_refer_btn { background: #24b474; -webkit-border-radius: 1.458333vw; border-radius: 1.458333vw; padding: 0 1.9791666vw; cursor: pointer; } .service_purchaser_control_icon { width: 0.8333vw; } .service_purchaser_control_icon svg { fill: #ffffff; } .service_purchaser_control_label { font-size: 0.78125vw; line-height: 2.91666vw; color: #ffffff; margin-left: 0.5208333vw; } .service_purchaser_control_box { -webkit-align-items: flex-end; align-items: flex-end; -webkit-justify-content: space-between; justify-content: space-between; position: relative; margin-top: 2.6041666vw; } .service_purchaser_control_prev { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .service_purchaser_control_text { font-size: 1.25vw; line-height: 1.7708333vw; margin-right: 1.041666vw; } .service_purchaser_control_current { color: #003bd5; } .service_purchaser_control_center { font-size: 0.8333vw; } .service_purchaser_swiper { margin-top: 6.7708333vw; } .service_purchaser_swiper .swiper-slide-active .service_purchaser_item_box { -webkit-transform: translateY(5.208333vw); transform: translateY(5.208333vw); } .service_purchaser_swiper .swiper-slide-duplicate-active .service_purchaser_item_box { -webkit-transform: translateY(5.208333vw); transform: translateY(5.208333vw); } .service_purchaser_swiper .swiper-slide-active .service_purchaser_item_read { -webkit-transform: none; transform: none; } .service_purchaser_swiper .swiper-slide-active .service_purchaser_item_text { opacity: 1; } .service_purchaser_swiper .swiper-slide-active .service_purchaser_item_content:after { height: 100%; opacity: 1; } .service_purchaser_swiper .swiper-slide-duplicate-active .service_purchaser_item_read { -webkit-transform: none; transform: none; } .service_purchaser_swiper .swiper-slide-duplicate-active .service_purchaser_item_text { opacity: 1; } .service_purchaser_swiper .swiper-slide-duplicate-active .service_purchaser_item_content:after { height: 100%; opacity: 1; } .service_purchaser_swiper .service_purchaser_item_default .service_purchaser_item_read { -webkit-transform: translateY(calc(100% - 4.791666vw)); transform: translateY(calc(100% - 4.791666vw)); } .service_purchaser_swiper .service_purchaser_item_default .service_purchaser_item_text { opacity: 0; } .service_purchaser_swiper .service_purchaser_item_default .service_purchaser_item_content:after { height: 20%; opacity: 0; } .service_purchaser_swiper .service_purchaser_item_active .service_purchaser_item_read { -webkit-transform: none; transform: none; } .service_purchaser_swiper .service_purchaser_item_active .service_purchaser_item_text { opacity: 1; } .service_purchaser_swiper .service_purchaser_item_active .service_purchaser_item_content:after { height: 100%; opacity: 1; } .service_trust_head .news_page_tips { width: 100%; } .service_trust_wrap { padding: 4.1666vw 0 6.7708333vw 0; position: relative; } .service_trust_content { margin-top: 6.25vw; } .service_trust_item_box { width: 25%; padding: 0 3.125vw 0 2.08333vw; position: relative; overflow: hidden; opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); } .service_trust_item_box:after { content: ""; position: absolute; right: 0; top: 0; width: 1px; height: 0; background: #e8e8e8; } .AddServiceTrustItemBox { 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); } .AddServiceTrustItemBox:after { height: 100%; -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1); transition: all 2s cubic-bezier(.4, 0, .2, 1); } .service_trust_item_box:first-child { padding: 0 3.125vw 0 0; } .service_trust_item_box:last-child { padding: 0 0 0 2.08333vw; } .service_trust_item_box:last-child:after { display: none; } .service_trust_item_icon { width: 3.8541666vw; height: 3.8541666vw; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .service_trust_item_icon svg { fill: #0038d5; } .service_trust_item_title { font-size: 1.25vw; line-height: 1.7708333vw; color: #111111; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .service_trust_item_subtitle { font-size: 1.041666vw; line-height: 1.25vw; color: #111111; margin-top: 1.041666vw; height: 2.5vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .service_trust_item_pack { margin-top: 3.6458333vw; -webkit-transform: translateY(calc(100% - 5.3125vw)); transform: translateY(calc(100% - 5.3125vw)); -webkit-transition: all .6s ease; transition: all .6s ease; } .service_trust_item_big { margin-top: 1.82291666vw; opacity: 0; pointer-events: none; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_trust_item_line { width: 1.5625vw; height: 0.208333vw; background: #0038d5; } .service_trust_item_read { margin-top: 1.82291666vw; } .service_trust_item_text { font-size: 0.8333vw; line-height: 1.5625vw; height: 6.25vw; color: #111111; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .service_trust_item_active .service_trust_item_pack { -webkit-transform: none; transform: none; } .service_trust_item_active .service_trust_item_big { opacity: 1; pointer-events: auto; } .advantage_right_back { position: absolute; right: 0; bottom: 0; width: 100vw; height: 100%; opacity: 1; pointer-events: none; overflow: hidden; z-index: 1; } .advantage_right_label:nth-child(1) { position: absolute; bottom: -10vw; right: -10vw; width: 24vw; height: 20vw; z-index: 1; opacity: .4; -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1); transition: all 2s cubic-bezier(.4, 0, .2, 1); } .advantage_right_label:nth-child(2) { position: absolute; bottom: -15vw; right: -10vw; width: 30vw; height: 15vw; z-index: 1; opacity: .4; -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1); transition: all 2s cubic-bezier(.4, 0, .2, 1); } .advantage_right_label:nth-child(3) { position: absolute; bottom: -10vw; right: -20vw; width: 16vw; height: 20vw; z-index: 1; opacity: .8; -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1); transition: all 2s cubic-bezier(.4, 0, .2, 1); } .advantage_right_label:nth-child(4) { position: absolute; bottom: -20vw; right: -20vw; width: 20vw; height: 15vw; z-index: 1; opacity: .8; -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1); transition: all 2s cubic-bezier(.4, 0, .2, 1); } .advantage_right_label:nth-child(1):after, .advantage_right_label:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #003bd8; -webkit-border-radius: 100%; border-radius: 100%; -webkit-filter: blur(4vw); filter: blur(4vw); } .advantage_right_label:nth-child(3):after, .advantage_right_label:nth-child(4):after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1bad9a; -webkit-border-radius: 100%; border-radius: 100%; -webkit-filter: blur(4vw); filter: blur(4vw); } .advantage_right_label:nth-child(1):after { -webkit-animation: 10s AdvantageAnimate linear infinite normal both; animation: 10s AdvantageAnimate linear infinite normal both; } .advantage_right_label:nth-child(2):after { -webkit-animation: 11s AdvantageAnimate linear infinite normal both; animation: 11s AdvantageAnimate linear infinite normal both; } .advantage_right_label:nth-child(3):after { -webkit-animation: 10s AdvantageAnimate2 linear infinite normal both; animation: 10s AdvantageAnimate2 linear infinite normal both; } .advantage_right_label:nth-child(4):after { -webkit-animation: 11s AdvantageAnimate2 linear infinite normal both; animation: 11s AdvantageAnimate2 linear infinite normal both; } @-webkit-keyframes AdvantageAnimate { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .3; -webkit-transform: translateY(10vw) translateX(-15vw); transform: translateY(10vw) translateX(-15vw); } 50% { opacity: .6; -webkit-transform: translateY(20vw) translateX(-10vw); transform: translateY(20vw) translateX(-10vw); } 75% { opacity: .3; -webkit-transform: translateY(10vw) translateX(-5vw); transform: translateY(10vw) translateX(-5vw); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes AdvantageAnimate { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .3; -webkit-transform: translateY(10vw) translateX(-15vw); transform: translateY(10vw) translateX(-15vw); } 50% { opacity: .6; -webkit-transform: translateY(20vw) translateX(-10vw); transform: translateY(20vw) translateX(-10vw); } 75% { opacity: .3; -webkit-transform: translateY(10vw) translateX(-5vw); transform: translateY(10vw) translateX(-5vw); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes AdvantageAnimate2 { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .3; -webkit-transform: translateY(-5vw) translateX(-15vw); transform: translateY(-5vw) translateX(-15vw); } 50% { opacity: .6; -webkit-transform: translateY(-10vw) translateX(-10vw); transform: translateY(-10vw) translateX(-10vw); } 75% { opacity: .3; -webkit-transform: translateY(-5vw) translateX(-5vw); transform: translateY(-5vw) translateX(-5vw); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes AdvantageAnimate2 { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .3; -webkit-transform: translateY(-5vw) translateX(-15vw); transform: translateY(-5vw) translateX(-15vw); } 50% { opacity: .6; -webkit-transform: translateY(-10vw) translateX(-10vw); transform: translateY(-10vw) translateX(-10vw); } 75% { opacity: .3; -webkit-transform: translateY(-5vw) translateX(-5vw); transform: translateY(-5vw) translateX(-5vw); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .advantage_left_back { position: absolute; right: 0; bottom: 0; width: 100vw; height: 100%; opacity: 1; pointer-events: none; overflow: hidden; z-index: 1; } .advantage_left_label:nth-child(1) { position: absolute; bottom: -10vw; left: -10vw; width: 24vw; height: 20vw; z-index: 1; opacity: .4; -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1); transition: all 2s cubic-bezier(.4, 0, .2, 1); } .advantage_left_label:nth-child(2) { position: absolute; bottom: -15vw; left: -10vw; width: 30vw; height: 15vw; z-index: 1; opacity: .4; -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1); transition: all 2s cubic-bezier(.4, 0, .2, 1); } .advantage_left_label:nth-child(3) { position: absolute; bottom: -10vw; left: -20vw; width: 16vw; height: 20vw; z-index: 1; opacity: .8; -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1); transition: all 2s cubic-bezier(.4, 0, .2, 1); } .advantage_left_label:nth-child(4) { position: absolute; bottom: -20vw; left: -20vw; width: 20vw; height: 15vw; z-index: 1; opacity: .8; -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1); transition: all 2s cubic-bezier(.4, 0, .2, 1); } .advantage_left_label:nth-child(1):after, .advantage_left_label:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #003bd8; -webkit-border-radius: 100%; border-radius: 100%; -webkit-filter: blur(4vw); filter: blur(4vw); } .advantage_left_label:nth-child(3):after, .advantage_left_label:nth-child(4):after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1bad9a; -webkit-border-radius: 100%; border-radius: 100%; -webkit-filter: blur(4vw); filter: blur(4vw); } .advantage_left_label:nth-child(1):after { -webkit-animation: 10s AdvantageLeftAnimate linear infinite normal both; animation: 10s AdvantageLeftAnimate linear infinite normal both; } .advantage_left_label:nth-child(2):after { -webkit-animation: 11s AdvantageLeftAnimate linear infinite normal both; animation: 11s AdvantageLeftAnimate linear infinite normal both; } .advantage_left_label:nth-child(3):after { -webkit-animation: 10s AdvantageLeftAnimate2 linear infinite normal both; animation: 10s AdvantageLeftAnimate2 linear infinite normal both; } .advantage_left_label:nth-child(4):after { -webkit-animation: 11s AdvantageLeftAnimate2 linear infinite normal both; animation: 11s AdvantageLeftAnimate2 linear infinite normal both; } @-webkit-keyframes AdvantageLeftAnimate { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .3; -webkit-transform: translateY(10vw) translateX(15vw); transform: translateY(10vw) translateX(15vw); } 50% { opacity: .6; -webkit-transform: translateY(20vw) translateX(10vw); transform: translateY(20vw) translateX(10vw); } 75% { opacity: .3; -webkit-transform: translateY(10vw) translateX(5vw); transform: translateY(10vw) translateX(5vw); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes AdvantageLeftAnimate { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .3; -webkit-transform: translateY(10vw) translateX(15vw); transform: translateY(10vw) translateX(15vw); } 50% { opacity: .6; -webkit-transform: translateY(20vw) translateX(10vw); transform: translateY(20vw) translateX(10vw); } 75% { opacity: .3; -webkit-transform: translateY(10vw) translateX(5vw); transform: translateY(10vw) translateX(5vw); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes AdvantageLeftAnimate2 { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .3; -webkit-transform: translateY(-5vw) translateX(15vw); transform: translateY(-5vw) translateX(15vw); } 50% { opacity: .6; -webkit-transform: translateY(-10vw) translateX(10vw); transform: translateY(-10vw) translateX(10vw); } 75% { opacity: .3; -webkit-transform: translateY(-5vw) translateX(5vw); transform: translateY(-5vw) translateX(5vw); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes AdvantageLeftAnimate2 { 0% { opacity: 1; -webkit-transform: none; transform: none; } 25% { opacity: .3; -webkit-transform: translateY(-5vw) translateX(15vw); transform: translateY(-5vw) translateX(15vw); } 50% { opacity: .6; -webkit-transform: translateY(-10vw) translateX(10vw); transform: translateY(-10vw) translateX(10vw); } 75% { opacity: .3; -webkit-transform: translateY(-5vw) translateX(5vw); transform: translateY(-5vw) translateX(5vw); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .service_form_popup_wrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: rgba(0, 0, 0, .6); opacity: 0; pointer-events: none; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_form_popup_box { width: 100%; height: 100%; position: relative; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .service_form_popup_content { width: 33.4375%; position: relative; -webkit-transform: translateY(4vw); transform: translateY(4vw); opacity: 0; pointer-events: none; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_form_popup_show { opacity: 1; pointer-events: auto; } .service_form_popup_show .service_form_popup_content { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition-delay: .2s; transition-delay: .2s; } .service_form_popup_close { position: absolute; right: -1.5625vw; top: 0; width: 1.3541666vw; -webkit-transform: translateX(100%); transform: translateX(100%); cursor: pointer; } .service_form_popup_close svg { fill: #ffffff; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_form_popup_close:hover svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .service_form_popup_pack { position: relative; background: #ffffff; -webkit-border-radius: 1.5625vw; border-radius: 1.5625vw; overflow: hidden; } .service_form_popup_back { position: absolute; left: 0; top: 0; width: 100%; } .service_form_popup_parcel { position: relative; z-index: 9; padding: 1.5625vw 2.91666vw 2.6041666vw 2.91666vw; } .service_form_popup_title { font-size: 1.5625vw; line-height: 2.08333vw; color: #222222; text-align: center; } .service_form_popup_subtitle { font-size: 0.78125vw; line-height: 1.30208333vw; color: #777777; text-align: center; } .service_form_popup_big { margin-top: 2.6041666vw; } .service_form_item_box { width: 49.0566%; margin: 0 1.8868% 1.5625vw 0; } .service_form_item_box:nth-child(2n) { margin: 0 0 1.5625vw 0; } .service_form_item_title { font-size: 0.8333vw; line-height: 1.3541666vw; color: #111111; margin-bottom: 0.5208333vw; } .service_form_item_input input { background: #f5f7f9; font-size: 0.78125vw; line-height: 3.0208333vw; color: #111111; width: 100%; -webkit-border-radius: 0.3125vw; border-radius: 0.3125vw; padding: 0 1.041666vw; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_form_item_input input::placeholder { color: #b9bfc5; } .service_form_select_wrap { position: relative; z-index: 9; } .service_form_select_box { background: #f5f7f9; color: #111111; width: 100%; -webkit-border-radius: 0.3125vw; border-radius: 0.3125vw; padding-right: 1.041666vw; position: relative; z-index: 9; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_form_select_input { width: calc(100% - 0.78125vw); pointer-events: none; } .service_form_select_input input { padding: 0 1.041666vw; font-size: 0.78125vw; line-height: 3.0208333vw; color: #111111; width: 100%; } .service_form_select_icon { width: 0.78125vw; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_form_select_icon svg { fill: #b3b3b3; } .service_form_select_input input::placeholder { color: #b9bfc5; } .service_form_select_big { position: absolute; left: 0; top: 0; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: center top; transform-origin: center top; background: #f0f0f0; -webkit-border-radius: 0.3125vw; border-radius: 0.3125vw; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; padding: 3.6458333vw 0 1.041666vw 0; } .service_form_select_pack { height: 7.08333vw; overflow: auto; } .service_form_select_option { padding: 0 1.041666vw; font-size: 0.7291666vw; line-height: 1.7708333vw; color: #333333; cursor: pointer; -webkit-transition: all .6s ease; transition: all .6s ease; } .service_form_select_option:hover { color: #003bd8; } .service_form_select_show .service_form_select_icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .service_form_select_show .service_form_select_big { -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto; } .service_form_radio_read { -webkit-align-items: center; align-items: center; margin-right: 2.6041666vw; padding-bottom: 1.041666vw; } .service_form_radio_input input { position: relative; display: block; width: 0.7291666vw; height: 0.7291666vw; border: 0.208333vw solid #e5e5e5; box-sizing: border-box; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all .3s ease; transition: all .3s ease; } .service_form_radio_input input:checked { border: 0.208333vw solid #003bd8; } .service_form_radio_label { font-size: 0.78125vw; line-height: 2.08333vw; color: #666666; } .service_form_radio_label label { padding-left: 0.625vw; } .service_form_radio_box { padding-bottom: 0.5208333vw; } .service_form_textarea_box textarea { background: #f5f7f9; font-size: 0.78125vw; line-height: 1.30208333vw; padding: 0.78125vw 1.041666vw; color: #111111; width: 100%; -webkit-border-radius: 0.3125vw; border-radius: 0.3125vw; -webkit-transition: all .6s ease; transition: all .6s ease; resize: none; /*height: 6.7708333vw;*/ height: 4.7708333vw; } .service_form_checkbox_box { margin: 0.5208333vw 0 0 0; } .service_form_checkbox_read { -webkit-align-items: center; align-items: center; width: 100%; } .service_form_checkbox_input { width: 0.7291666vw; height: 0.7291666vw; } .service_form_checkbox_input input { width: 100%; height: 100%; position: relative; border: 1px solid #999999; box-sizing: border-box; -webkit-border-radius: 0.1041666vw; border-radius: 0.1041666vw; -webkit-transition: all .3s ease; transition: all .3s ease; } .service_form_checkbox_input input:checked { background: url(../images/cd-icon-check.svg) no-repeat center center #003bd8; background-size: 150%; border: 1px solid #003bd8; } .service_form_checkbox_label { font-size: 0.78125vw; line-height: 1.5625vw; color: #999999; } .service_form_checkbox_label { width: calc(100% - 0.7291666vw); padding-left: 0.625vw; } .service_form_button_box { margin-top: 1.82291666vw; position: relative; } .service_form_button_box button { background: #003bd8; font-size: 0.9375vw; line-height: 3.2291666vw; color: #ffffff; width: 100%; text-align: center; -webkit-border-radius: 0.3125vw; border-radius: 0.3125vw; cursor: pointer; } .about_brand_wrap {position: relative;} .about_brand_animate_wrap {height: 250vh;} .about_brand_content {width: 100%;position: relative;z-index: 9;} .about_brand_big {position: relative;} .about_brand_box {position: sticky;left: 0;bottom: 0;width: 100%;} .about_brand_pic_wrap {position: relative;width: 100%;height: 100vh;margin-top: -37vh;z-index: 9;} .about_brand_pic_content {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 9;padding: 10.41666vw 0 0 0;overflow: hidden;} .about_brand_pic_tips {width: 38.25%;pointer-events: none;-webkit-transform: translateX(4vw);transform: translateX(4vw);opacity: 0;-webkit-transition: .6s ease;transition: .6s ease;} .about_brand_pic_tips .news_page_label_text {background-image: linear-gradient(to left, #ffffff, #ffffff);} .about_brand_pic_tips .news_page_title_text {color: #ffffff;} .pic_tips_active {opacity: 1;pointer-events: auto;-webkit-transform: none;transform: none;} .about_brand_pic_read {width:60.75%;opacity: 0;pointer-events: none;-webkit-transform: translateX(4vw);transform: translateX(4vw);-webkit-transition: .6s ease;transition: .6s ease;} .pic_read_active {opacity: 1;pointer-events: auto;-webkit-transform: none;transform: none;} .about_public_title_text {font-size: 0.9375vw;line-height: 1.458333vw;color: #111111;} .about_public_subtitle_text {font-size: 3.125vw;line-height: 3.6458333vw;color: #111111;} .about_brand_pic_text {color: #ffffff;} .about_brand_slogan_box {margin-top: 2.08333vw;} .about_brand_pic_content .news_page_label_text {opacity: 1;-webkit-transform: none;transform: none;} .about_brand_pic_content .news_page_title_text {opacity: 1;-webkit-transform: none;transform: none;} .about_brand_slogan_title {font-size: 1.5625vw;line-height: 2.08333vw;color: #ffffff;} .about_brand_slogan_text {font-size: 1.1458333vw;line-height: 1.6666vw;color: #ffffff;margin-top: 0.5208333vw;} .about_brand_pic_top {position: relative;width: 100%;height: 100%;} .about_brand_pic_box {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;} .about_brand_pic_width {width: 18%;height: 26%;overflow: hidden;-webkit-align-content: center;align-content: center;-webkit-justify-content: center;justify-content: center;-webkit-border-radius: 1.5625vw;border-radius: 1.5625vw;} .about_brand_pic_details {min-width: max-content;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;} .about_brand_pic_img { width: 100vw; height: 100vh; } .about_brand_pack { padding: 10.41666vw 0 0 0; } .about_brand_head { -webkit-justify-content: center; justify-content: center; } .about_brand_text { font-size: 3.3333vw; line-height: 3.8541666vw; color: #111111; margin: 0 0.625vw; } .about_brand_color { color: #003bd8; } .about_brand_line_box { height: 16.666vw; position: relative; -webkit-justify-content: center; justify-content: center; margin-top: 1.7708333vw; } .about_brand_line_label { width: 1px; height: 100%; background: #e2e7f6; margin: 0 0.15625vw; position: relative; } .about_brand_line_after { content: ""; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; top: 0; width: 300%; height: 24%; background-image: linear-gradient(to top, #003bd8, #00d88e); } .about_vision_wrap { position: relative; padding: 7.291666vw 0 5.208333vw 0; overflow: hidden; } .about_vision_item_box { width: 48.75%; margin: 0 2.5% 0 0; -webkit-border-radius: 1.5625vw; border-radius: 1.5625vw; overflow: hidden; position: relative; } .about_vision_item_box:nth-child(2n+1) { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; pointer-events: none; } .about_vision_item_box:nth-child(2n) { margin: 0; -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; pointer-events: none; } .about_vision_item_content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-align-items: flex-end; align-items: flex-end; padding: 1.041666vw; } .about_vision_item_read { width: 100%; background: rgba(255, 255, 255, .95); padding: 2.08333vw 2.34375vw; -webkit-border-radius: 1.5625vw; border-radius: 1.5625vw; } .about_vision_item_img { padding-bottom: 64.1025%; } .about_vision_item_title { font-size: 2.3958333vw; line-height: 2.91666vw; color: #111111; } .about_vision_item_text { font-size: 1.041666vw; line-height: 1.5625vw; color: #111111; margin-top: 0.78125vw; } .about_vision_content { position: relative; margin-top: 2.6041666vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); } .about_vision_swiper { -webkit-border-radius: 1.5625vw; border-radius: 1.5625vw; position: relative; } .about_vision_slide_img { padding-bottom: 41%; } .about_vision_cost_wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; -webkit-align-items: center; align-items: center; } .about_vision_cost_box { position: relative; width: 100%; } .about_vision_cost_title { font-size: 2.3958333vw; line-height: 2.91666vw; color: #ffffff; text-align: center; opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); } .about_vision_cost_pack { margin-top: 4.94791666vw; position: relative; } .about_vision_cost_back { position: absolute; left: 0; top: 0; width: 100%; -webkit-justify-content: space-between; justify-content: space-between; pointer-events: none; } .about_vision_back_li:nth-child(1), .about_vision_back_li:nth-child(5) { width: 9.375vw; margin-top: 6.7708333vw; } .about_vision_back_li:nth-child(2), .about_vision_back_li:nth-child(4) { width: 15.46875vw; margin-top: 1.3541666vw; } .about_vision_back_li:nth-child(3) { width: 15.3125vw; margin-top: 1.82291666vw; } .about_vision_back_pic { width: 0; overflow: hidden; } .about_vision_back_li:nth-child(1) .about_vision_back_img, .about_vision_back_li:nth-child(5) .about_vision_back_img { width: 9.375vw; } .about_vision_back_li:nth-child(2) .about_vision_back_img, .about_vision_back_li:nth-child(4) .about_vision_back_img { width: 15.46875vw; } .about_vision_back_li:nth-child(3) .about_vision_back_img { width: 15.3125vw; } .about_vision_back_li:nth-child(5) .about_vision_back_img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .about_vision_back_li:nth-child(4) .about_vision_back_img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .about_vision_cost_tab { -webkit-justify-content: space-between; justify-content: space-between; padding: 0 4.1666vw; } .about_vision_cost_li { width: 20.13888%; opacity: 0; pointer-events: none; -webkit-transform: translateX(-4vw); transform: translateX(-4vw); cursor: pointer; } .about_vision_cost_li:first-child { margin-top: 3.90625vw; } .about_vision_cost_li:last-child { margin-top: 3.90625vw; } .about_vision_cost_icon { width: 4.6875vw; height: 4.6875vw; position: relative; background: rgba(255, 255, 255, .2); -webkit-border-radius: 100%; border-radius: 100%; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-transition: all .6s ease; transition: all .6s ease; margin: 0 auto; } .about_vision_cost_label { width: 48.888%; } .about_vision_cost_label svg { fill: #ffffff; -webkit-transition: all .6s ease; transition: all .6s ease; } .about_vision_cost_tips { font-size: 0.9375vw; line-height: 1.458333vw; color: #ffffff; text-align: center; margin-top: 1.041666vw; -webkit-transition: all .6s ease; transition: all .6s ease; } .about_vision_cost_text { font-size: 1.5625vw; line-height: 2.08333vw; color: rgba(255, 255, 255, .5); margin-top: 1.5625vw; text-align: center; -webkit-transition: all .6s ease; transition: all .6s ease; } .about_vision_cost_active .about_vision_cost_tips { font-weight: bold; } .about_vision_cost_active .about_vision_cost_text { color: rgba(255, 255, 255, 1); } .about_vision_cost_active .about_vision_cost_icon { background: rgba(255, 255, 255, 1); } .about_vision_cost_active .about_vision_cost_label svg { fill: #003bd8; } .AddAboutVisionContent { 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); } .AddAboutVisionContent .about_vision_cost_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); } .AddAboutVisionContent .about_vision_back_li:nth-child(1) .about_vision_back_pic { width: 100%; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: .1s; transition-delay: .1s; } .AddAboutVisionContent .about_vision_cost_li:nth-child(1) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: .2s; transition-delay: .2s; } .AddAboutVisionContent .about_vision_back_li:nth-child(2) .about_vision_back_pic { width: 100%; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: .4s; transition-delay: .4s; } .AddAboutVisionContent .about_vision_cost_li:nth-child(2) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: .5s; transition-delay: .5s; } .AddAboutVisionContent .about_vision_back_li:nth-child(3) .about_vision_back_pic { width: 100%; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: .7s; transition-delay: .7s; } .AddAboutVisionContent .about_vision_cost_li:nth-child(3) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: .8s; transition-delay: .8s; } .AddAboutVisionContent .about_vision_back_li:nth-child(4) .about_vision_back_pic { width: 100%; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1s; transition-delay: 1s; } .AddAboutVisionContent .about_vision_cost_li:nth-child(4) { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1.1s; transition-delay: 1.1s; } .AddAboutVisionContent .about_vision_back_li:nth-child(5) .about_vision_back_pic { width: 100%; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: 1.3s; transition-delay: 1.3s; } .about_stories_animate_wrap { padding: 0 50vh; } .about_stories_animate_box { height: 100vh; } .about_stories_wrap { position: relative; } .about_stories_box { height: 100vh; position: sticky; top: 0; left: 0; width: 100%; } .about_stories_content { height: 100%; } .about_stories_swiper { height: 100%; position: relative; -webkit-border-radius: 0 0 0 5.7291666vw; border-radius: 0 0 0 5.7291666vw; } .about_stories_swiper .swiper-slide { overflow: hidden; } .about_stories_swiper .about_stories_slide { overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .about_stories_item_content { height: 100%; position: relative; } .about_stories_item_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; padding: 0 8.3333vw; } .about_stories_item_pack { width: 100%; padding: 0 14% 0 28.125%; -webkit-justify-content: center; justify-content: center; } .about_stories_item_pic { height: 100%; position: relative; z-index: 1; } .about_stories_item_big { width: 66.954%; -webkit-align-items: center; align-items: center; } .about_stories_item_title { font-size: 2.6041666vw; line-height: 3.125vw; color: rgba(255, 255, 255, .5); opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); } .about_stories_item_add { font-size: 2.91666vw; line-height: 3.4375vw; color: #ffffff; opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); } .about_stories_item_text { font-size: 0.8333vw; line-height: 1.5625vw; color: #ffffff; margin-top: 3.125vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); } .AddStoriesAnimate .about_stories_item_current .about_stories_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); } .AddStoriesAnimate .about_stories_item_current .about_stories_item_add { 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; } .AddStoriesAnimate .about_stories_item_current .about_stories_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; } .about_stories_item_img { height: 100%; } .about_stories_pack { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 8.3333vw; -webkit-justify-content: space-between; justify-content: space-between; pointer-events: none; z-index: 9; } .about_stories_tips_wrap { width: 28.125%; pointer-events: auto; } .about_stories_tips_box { height: 100%; -webkit-align-content: space-between; align-content: space-between; padding: 8.8541666vw 0 6.7708333vw 0; } .about_stories_tips_pack { width: 100%; } .about_stories_tips_read { width: 100%; } .about_stories_control_wrap { width: 14%; -webkit-align-items: center; align-items: center; } .about_stories_control_box { width: 100%; } .about_stories_tips_pack .news_page_label_text { opacity: 1; -webkit-transform: none; transform: none; } .about_stories_tips_pack .news_page_title_text { opacity: 1; -webkit-transform: none; transform: none; } .about_stories_tips_pack .news_page_label_text { background-image: linear-gradient(to left, #ffffff, #ffffff); } .about_stories_tips_pack .news_page_title_text { color: #ffffff; } .about_stories_tips_title { font-size: 1.6666vw; line-height: 2.1875vw; color: #ffffff; } .about_stories_tips_text {font-size: 1.1458333vw;line-height: 1.875vw;color: #ffffff;margin-top: 1.041666vw;} .about_stories_control_li {margin-bottom: 2.6041666vw;pointer-events: auto;} .about_stories_control_li:last-child {margin-bottom: 0;} .about_stories_control_text {position: relative;-webkit-justify-content: flex-end;justify-content: flex-end;} .about_stories_control_text a {font-size: 2.08333vw;line-height: 2.6041666vw;color: rgba(255, 255, 255, .25);text-align: right;-webkit-transition: all .6s ease;transition: all .6s ease;} .about_stories_control_active .about_stories_control_text a {color: rgba(255, 255, 255, 1);} .about_culture_wrap {position: relative;padding: 5.7291666vw 0 6.7708333vw 0;overflow: hidden;} .about_culture_box {padding: 0 0 0 2.3333vw;overflow: hidden;position: relative;} .about_culture_control_box {width: 13.6363%;-webkit-align-items: center;align-items: center;} .about_culture_control_li {margin-bottom: 1.30208333vw;} .about_culture_control_li:last-child {margin-bottom: 0;} .about_culture_control_label {font-size: 1.041666vw;line-height: 2.291666vw;color: #999999;position: relative;-webkit-transition: all .6s ease;transition: all .6s ease;} .about_culture_control_label:after {content: "";position: absolute;right: 0;bottom: 0;width: 0;height: 0.1041666vw;background: #003bd8;-webkit-transition: all .6s ease;transition: all .6s ease;} .about_culture_control_active .about_culture_control_label {color: #003bd8;} .about_culture_control_active .about_culture_control_label:after {width: 100%;left: 0;} .about_culture_pack {width: 82.2727%;position: relative;} .culture_control_button {position: absolute;right: 43.75%;top: 50%;width: 5vw;height: 5vw;z-index: 9;-webkit-transform: translateX(50%) translateY(-50%) scale(0);transform: translateX(50%) translateY(-50%) scale(0);-webkit-transition: all .6s ease;transition: all .6s ease;} .culture_control_btn {width: 50%;height: 100%;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;background: #003bd8;-webkit-border-radius: 0 2.5vw 2.5vw 0;border-radius: 0 2.5vw 2.5vw 0;-webkit-transition: all .6s ease;transition: all .6s ease;cursor: pointer;outline: none;} .culture_control_active {background: #24b574;} .culture_control_prev {-webkit-transform: rotate(180deg);transform: rotate(180deg);} .culture_control_label {width: 26%;} .culture_control_label svg {fill: #ffffff;} .about_culture_content {position: relative;margin-top: 2.08333vw;} .about_culture_min_box {position: absolute;right: -16.5909%;top: 0;width: 21.81818%;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);} .about_culture_item_content {width: 100%;-webkit-align-items: center;align-items: center;padding: 0 0 0 4.1666vw;} .about_culture_item_pack {position: relative;width: 100%;-webkit-align-items: center;align-items: center;} .about_culture_pic {width: 46.484375%;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);} .about_culture_img {padding-bottom: 126.0504%;-webkit-border-radius: 1.5625vw;border-radius: 1.5625vw;} .about_culture_item_head {position: relative;overflow: hidden;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);} .about_culture_item_title {font-size: 2.6666vw;line-height: 4.6875vw;color: #003bd8;} .about_culture_item_en { font-size: 2.3958333vw;line-height: 3.125vw;color: #24b574;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);} .about_culture_item_cn {font-size: 1.7708333vw;line-height: 3.125vw;color: #111111;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);} .about_culture_item_text {width: 85%;font-size: 16px;line-height:31px;color: #111111;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);} .about_culture_item_label {font-size: 0.9375vw;line-height: 1.25vw;color: #aaaaaa;margin-top: 2.08333vw;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);} .about_culture_big {padding: 4.42708333vw 0;width: 53.515625%;position: relative;} .about_culture_big:after {content: "";position: absolute;right: 0;top: 0;width: 0;height: 1px;background: #efefef;-webkit-transition: all .6s ease;transition: all .6s ease;} .about_culture_big:before {content: "";position: absolute;right: 0;bottom: 0;width: 0;height: 1px;background: #efefef;-webkit-transition: all .6s ease;transition: all .6s ease;} .about_culture_item_tips {margin-top: 4.1666vw;} .about_culture_item_read {margin-top: 1.6041666vw;} .about_culture_swiper {-webkit-border-radius: 1.5625vw;border-radius: 1.5625vw;} .about_culture_min_img {padding-bottom: 126.0504%;} .about_culture_min_swiper {-webkit-border-radius: 1.5625vw;border-radius: 1.5625vw;} .about_culture_min_swiper .swiper-slide {overflow: hidden;} .about_culture_min_swiper .about_culture_min_slide {overflow: hidden;width: 100%;} .about_hover_wrap {position: absolute;left: -2.86458333vw;top: -2.86458333vw;z-index: 999;pointer-events: none;} .about_hover_button {-webkit-align-items: center;align-items: center;-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all .6s ease;transition: all .6s ease;} .about_hover_active .about_hover_button {-webkit-transform: none;transform: none;} .about_hover_btn {width: 5.7291666vw;background: #003bd8;-webkit-border-radius: 100%;border-radius: 100%;-webkit-transition: all .6s ease;transition: all .6s ease;-webkit-justify-content: center;justify-content: center;} .about_hover_icon {width: 0.36458333vw;} .about_hover_prev {-webkit-transform: rotate(180deg);transform: rotate(180deg);} .about_hover_label {width: 100%;} .about_hover_label svg {fill: #ffffff;} .about_hover_text {line-height: 5.7291666vw;color: #fff;font-size: 0.78125vw;margin: 0 0.208333vw;} .about_active_wrap {position: relative;padding: 6.25vw 0 7.291666vw 0;} .about_active_head {-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-end;align-items: flex-end;position: relative;z-index: 9;} .about_active_content {position: relative;z-index: 9;} .about_active_item_box {width: 32.1875%;margin: 0 1.71875% 2.5vw 0;} .about_active_item_box:nth-child(3n) {margin: 0 0 2.5vw 0;} .about_active_item_box a {position: relative;display: block;-webkit-border-radius: 1.5625vw;border-radius: 1.5625vw;overflow: hidden;background: #ffffff;} .about_active_item_box a:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-border-radius: 1.5625vw;border-radius: 1.5625vw;border: 0.1041666vw solid #dde2ee;box-sizing: border-box;pointer-events: none;-webkit-transition: all .6s ease;transition: all .6s ease;} .about_active_item_content {padding: 2.08333vw 2.5vw;} .layui-layer-content .about_active_item_content {padding: 0 2.5vw;} .about_active_item_title { font-size: 1.1458333vw; line-height: 1.6666vw; color: #111111; } .about_active_item_tips { padding: 1.5625vw 0; position: relative; } .about_active_item_time { font-size: 0.78125vw; line-height: 1.25vw; color: #111111; } .about_active_item_year { font-size: 0.78125vw; line-height: 1.25vw; color: #003bd8; margin-left: 0.416666vw; } .about_active_btn_text { font-size: 0.78125vw; line-height: 1.25vw; color: #999999; -webkit-transition: all .6s ease; transition: all .6s ease; } .about_active_item_line { width: 100%; height: 1px; position: relative; background: #f4f4f4; } .about_active_item_head { width: 100%; } .about_active_item_button { -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; width: 100%; margin-top: 2.08333vw; } .about_active_btn_icon { width: 1.25vw; } .about_active_item_label { width: 100%; } .about_active_item_label svg { fill: #003bd8; } .about_active_tab { padding-bottom: 1.5625vw; } .about_active_big { margin-top: 5.7291666vw; } .about_active_item_box:hover a:after { border: 0.1041666vw solid #003bd8; } .about_active_item_box:hover .about_active_btn_text { color: #003bd8; } .down_form_popup_wrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: rgba(0, 0, 0, .6); opacity: 0; pointer-events: none; -webkit-transition: all .6s ease; transition: all .6s ease; } .down_form_popup_box { width: 100%; height: 100%; position: relative; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .down_form_popup_content { width: 33.4375%; position: relative; -webkit-transform: translateY(4vw); transform: translateY(4vw); opacity: 0; pointer-events: none; -webkit-transition: all .6s ease; transition: all .6s ease; } .down_form_popup_show { opacity: 1; pointer-events: auto; } .down_form_popup_show .down_form_popup_content { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition-delay: .2s; transition-delay: .2s; } .down_form_popup_close { position: absolute; right: -1.5625vw; top: 0; width: 1.3541666vw; -webkit-transform: translateX(100%); transform: translateX(100%); cursor: pointer; } .down_form_popup_close svg { fill: #ffffff; -webkit-transition: all .6s ease; transition: all .6s ease; } .down_form_popup_close:hover svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .vert_page_wrap { position: relative; overflow: hidden; z-index: 9; -webkit-border-radius: 0 0 5.7291666vw 0; border-radius: 0 0 5.7291666vw 0; background: #ffffff; } .vert_page_box { position: relative; z-index: 9; } .vert_page_line_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .vert_page_line_label:nth-child(1) { width: 0; height: 1px; background: #d7d7d7; position: absolute; top: 31.25vw; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .AddVertPageLineBox .vert_page_line_label:nth-child(1) { width: 100%; -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; } .vert_page_line_label:nth-child(2) { width: 1px; height: 100%; background: #d7d7d7; position: absolute; top: 0; right: 41.666vw; } .vert_page_line_after { width: 100%; height: 0; background: #003bd8; } .vert_public_title {font-size: 2.541666vw;line-height: 4.0625vw;color: #003bd8;} .vert_public_read { margin-top: 1.82291666vw; } .vert_public_subtitle { font-size: 1.7708333vw; line-height: 2.6041666vw; color: #111111; } .vert_public_text { font-size: 1.3541666vw; line-height: 2.6041666vw; color: #111111; } .vert_page_caption_box { width: 44.625%; } .vert_pic_wrap { width: 55.375%; } .vert_pic_box { -webkit-justify-content: space-between; justify-content: space-between; } .vert_pic_big { width: 80%; -webkit-transform: translateX(-8vw); transform: translateX(-8vw); opacity: 0; pointer-events: none; } .AddVertPicBig { 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; } .vert_pic_pack { width: 36.6817%; -webkit-align-content: space-between; align-content: space-between; -webkit-transform: translateX(8vw); transform: translateX(8vw); opacity: 0; pointer-events: none; } .AddVertPicPack { 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; } .vert_pic_max_img {padding-bottom:87.2064%;} .vert_pic_max_img img{height: auto;} .vert_pic_min_img {padding-bottom: 101.8518%;} .vert_pic_li {margin-bottom: 1.041666vw;} .vert_pic_li:last-child { margin-bottom: 0; } .vert_pic_number { font-size: 0.9375vw; line-height: 1.3541666vw; color: #aaaaaa; width: 2.34375vw; -webkit-transition: all .6s ease; transition: all .6s ease; } .vert_pic_text { font-size: 0.9375vw; line-height: 1.3541666vw; color: #333333; width: calc(100% - 2.34375vw); -webkit-transition: all .6s ease; transition: all .6s ease; } .vert_pic_active .vert_pic_number { color: #003bd8; } .vert_pic_active .vert_pic_text { color: #003bd8; } .vert_pic_content { width: 100%; padding: 2.08333vw 0 0 0; } .vert_pic_min_swiper { width: 100%; position: relative; -webkit-border-radius: 0 0 5.7291666vw 0; border-radius: 0 0 5.7291666vw 0; } .vert_pic_min_swiper .swiper-slide { overflow: hidden; } .vert_pic_min_swiper .vert_pic_min_slide { overflow: hidden; width: 100%; } .vert_pic_max_swiper { -webkit-border-radius: 5.7291666vw 0 0 0; border-radius: 5.7291666vw 0 0 0; } .vert_pic_max_swiper .swiper-slide { overflow: hidden; } .vert_pic_max_swiper .vert_pic_max_slide { overflow: hidden; width: 100%; position: relative; } .vert_pic_max_content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-align-items: flex-end; align-items: flex-end; } .vert_pic_max_content:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 20%; opacity: 0; background-image: linear-gradient(to top, rgba(0, 59, 216, 1), rgba(0, 59, 216, 0) 70%); -webkit-transition: all .6s ease; transition: all .6s ease; } .vert_pic_max_read { padding: 1.30208333vw 2.08333vw; width: 100%; position: relative; z-index: 9; -webkit-transform: translateY(2vw); transform: translateY(2vw); opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; } .vert_pic_max_swiper .vert_pic_max_active .vert_pic_max_content:after { height: 100%; opacity: 1; } .vert_pic_max_swiper .vert_pic_max_active .vert_pic_max_read { -webkit-transform: none; transform: none; opacity: 1; } .vert_pic_max_title { font-size: 1.25vw; line-height: 1.7708333vw; color: #ffffff; } .vert_pic_max_text { font-size: 0.9375vw; line-height: 1.25vw; color: rgba(255, 255, 255, .4); margin-top: 0.5208333vw; } .vert_page_content { position: relative; z-index: 9; padding: 12.1041666vw 0 0 0; } .vert_page_parcel { position: relative; } .vert_service_title { font-size: 1.7708333vw; line-height: 2.291666vw; color: #111111; } .vert_service_subtitle { font-size: 1.3541666vw; line-height: 1.875vw; color: #111111; margin-top: 0.5208333vw; } .vert_service_wrap { margin-top: 1.5625vw; padding-bottom: 6.7708333vw; position: relative; } .vert_service_button { margin-top: 2.08333vw; } .vert_service_button .public_button_box:hover a { background: #f3f3f3; } .vert_service_button .public_button_box:hover a .public_button_icon:after { background: #f3f3f3; } .vert_service_tab { -webkit-border-radius: 1.5625vw; border-radius: 1.5625vw; overflow: hidden; background: #ffffff; margin-top: 2.6041666vw; position: relative; -webkit-box-shadow: 0 0 0.5vw rgba(206, 210, 229, .3); box-shadow: 0 0 0.5vw rgba(206, 210, 229, .3); } .vert_service_item_box { width: 20%; position: relative; } .vert_service_item_box:after { content: ""; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #eaeaea; } .vert_service_item_box a { display: block; } .vert_service_item_content { padding: 2.5vw 2.5vw 1.5625vw 2.5vw; position: relative; } .vert_service_item_box:last-child:after { display: none; } .vert_service_item_icon { width: 4.6875vw; height: 4.1666vw; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .vert_service_item_img { max-width: 100%; max-height: 100%; width: auto; height: auto; } .vert_service_item_read { margin-top: 3.38541666vw; } .vert_service_item_title { font-size: 1.25vw; line-height: 1.7708333vw; color: #111111; } .vert_service_item_text { font-size: 0.7291666vw; line-height: 0.9375vw; height: 1.875vw; color: #aaaaaa; margin-top: 0.5208333vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .excel_page_wrap { position: relative; background: #00041d; margin-top: -5.7291666vw; -webkit-border-radius: 0 0 0 5.7291666vw; border-radius: 0 0 0 5.7291666vw; overflow: hidden; padding: 5.7291666vw 0 0 0; z-index: 8; } .excel_circle_tab { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; } .excel_circle_item_box:nth-child(1) { left: -41%; top: -13%; -webkit-transform: scale(1); transform: scale(1); } .excel_circle_item_box:nth-child(2) { left: -83%; top: 36%; -webkit-transform: scale(1.2); transform: scale(1.2); } .excel_circle_item_box:nth-child(3) { left: -52%; top: 69%; -webkit-transform: scale(1.1); transform: scale(1.1); } .excel_circle_item_box:nth-child(4) { left: 120%; top: -13%; -webkit-transform: scale(1.4); transform: scale(1.4); } .excel_circle_item_box:nth-child(5) { left: 161%; top: 36%; -webkit-transform: scale(1); transform: scale(1); } .excel_circle_item_box:nth-child(6) { left: 131%; top: 69%; -webkit-transform: scale(1.2); transform: scale(1.2); } .excel_circle_item_box:nth-child(7) { left: -75%; top: -1%; -webkit-transform: scale(1.2); transform: scale(1.2); } .excel_circle_item_box:nth-child(8) { left: -57%; top: 35%; -webkit-transform: scale(1.3); transform: scale(1.3); } .excel_circle_item_box:nth-child(9) { left: -78%; top: 78%; -webkit-transform: scale(1.1); transform: scale(1.1); } .excel_circle_item_box:nth-child(10) { left: 150%; top: -17%; -webkit-transform: scale(1.1); transform: scale(1.1); } .excel_circle_item_box:nth-child(11) { left: 135%; top: 29%; -webkit-transform: scale(1.4); transform: scale(1.4); } .excel_circle_item_box:nth-child(12) { left: 158%; top: 75%; -webkit-transform: scale(1.1); transform: scale(1.1); } .excel_circle_item_content { position: relative; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); } .excel_circle_item_current { -webkit-transform: scale(0); transform: scale(0); width: 100%; height: 100%; position: relative; } .excel_circle_item_box { position: absolute; width: 6.3541666vw; height: 6.3541666vw; } .excel_circle_item_box.active .excel_circle_item_content { -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .excel_circle_item_box.default { left: 50% !important; top: 50% !important; -webkit-transform: translateX(-50%) translateY(-50%) scale(.5) !important; transform: translateX(-50%) translateY(-50%) scale(.5) !important; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .excel_circle_item_pic { padding: 0.625vw; width: 100%; height: 100%; } .excel_circle_item_img { background: #ffffff; -webkit-border-radius: 100%; border-radius: 100%; width: 100%; height: 100%; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; overflow: hidden; } .excel_circle_item_img img { max-height: 80%; max-width: 80%; width: auto; height: auto; } .excel_circle_item_back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .excel_page_box { position: relative; z-index: 9; height: 100%; } .excel_page_line_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .excel_page_line_circle { position: absolute; left: 8.3333vw; -webkit-transform: translateX(-0.36458333vw); transform: translateX(-0.36458333vw); top: 5.7291666vw; width: 0.78125vw; height: 0.78125vw; background: #11de82; -webkit-border-radius: 100%; border-radius: 100%; z-index: 1; } .excel_page_line_label { width: 1px; height: 100%; background: rgba(255, 255, 255, .2); position: absolute; top: 0; left: 8.3333vw; } .excel_page_line_after { width: 100%; background: rgba(255, 255, 255, 1); position: relative; height: 0; } .excel_circle_wrap { position: relative; padding: 5.7291666vw 0 9.375vw 0; } .excel_page_content { position: relative; overflow: hidden; } .excel_circle_box { position: relative; } .excel_circle_head { padding: 0 4.1666vw; } .excel_circle_head .vert_public_title { color: #11de82; } .excel_circle_head .vert_public_subtitle { color: #ffffff; } .excel_circle_head .vert_public_text { color: #ffffff; } .excel_circle_content { -webkit-justify-content: center; justify-content: center; position: relative; margin-top: 6.25vw; } .excel_circle_pack { width: 33.375%; position: relative; } .excel_circle_big { position: relative; padding-bottom: 100%; } .excel_circle_shade { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 226.779%; height: 226.779%; } .excel_circle_shade img { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } .excel_circle_line_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .excel_circle_line_label { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 100%; } .excel_circle_line_label img { -webkit-transform: scale(0); transform: scale(0); } .excel_circle_parcel { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ffffff; -webkit-align-items: center; align-items: center; -webkit-border-radius: 100%; border-radius: 100%; z-index: 9; -webkit-transform: scale(0); transform: scale(0); opacity: 0; pointer-events: none; } .excel_circle_back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .excel_circle_center { width: 100%; position: relative; z-index: 9; } .excel_circle_title { font-size: 1.458333vw; line-height: 1.9791666vw; color: #111111; text-align: center; } .excel_circle_max_label { font-size: 2.6041666vw; line-height: 2.86458333vw; color: #003bd8; text-align: center; } .excel_circle_min_label { font-size: 2.08333vw; line-height: 2.86458333vw; color: #003bd8; text-align: center; } .excel_circle_subtitle { margin-top: 0.5208333vw; } .excel_circle_trait { -webkit-justify-content: center; justify-content: center; position: relative; margin-top: 2.08333vw; } .excel_circle_li { width: 4.6875vw; font-size: 1.041666vw; line-height: 1.30208333vw; color: #24b373; text-align: center; position: relative; margin: 0 0.5208333vw; padding: 1.041666vw 0; } .excel_circle_li:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid rgba(36, 179, 115, .2); -webkit-box-shadow: 0 0 1.5625vw rgba(36, 179, 115, .1); box-shadow: 0 0 1.5625vw rgba(36, 179, 115, .1); box-sizing: border-box; -webkit-border-radius: 100%; border-radius: 100%; } .excel_radar_wrap { position: relative; z-index: 9; padding: 9.375vw 0 12.5vw 0; } .excel_radar_title { font-size: 1.7708333vw; line-height: 2.291666vw; color: #ffffff; text-align: center; opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); } .excel_radar_subtitle { font-size: 1.3541666vw; line-height: 1.875vw; color: #ffffff; text-align: center; margin-top: 0.5208333vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); } .excel_radar_content { margin-top: 8.8541666vw; -webkit-justify-content: center; justify-content: center; } .excel_radar_pack { position: relative; width: 27.9375%; } .excel_radar_tab { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; } .excel_radar_item_content { width: 9.58333vw; position: relative; } .excel_radar_item_read { width: 100%; position: relative; } .excel_radar_item_pic { width: 100%; position: relative; } .excel_radar_item_back { width: 100%; position: relative; } .excel_radar_item_svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .excel_radar_item_icon { width: 25%; position: relative; } .excel_radar_item_icon svg { fill: #ffffff; } .excel_radar_big { width: 100%; position: relative; } .excel_radar_border_wrap { position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 84.5637%; } .excel_radar_border_box { width: 100%; } .excel_radar_border_animate { position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 100%; } .excel_rada_min_box { position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 59.2841%; } .excel_radar_item_title { font-size: 1.041666vw; line-height: 1.6666vw; color: #ffffff; text-align: center; position: absolute; left: 0; top: 100%; width: 100%; margin-top: 0.5208333vw; } .excel_radar_item_box { position: absolute; -webkit-align-items: flex-start; align-items: flex-start; width: max-content; } .excel_radar_item_box:nth-child(1) { left: -44%; top: -12%; } .excel_radar_item_box:nth-child(2) { left: -77%; top: 37%; } .excel_radar_item_box:nth-child(3) { left: -45%; top: 59%; -webkit-align-items: flex-end; align-items: flex-end; } .excel_radar_item_box:nth-child(4) { left: 64%; top: -12%; } .excel_radar_item_box:nth-child(5) { left: 79%; top: 37%; } .excel_radar_item_box:nth-child(6) { left: 66%; top: 59%; -webkit-align-items: flex-end; align-items: flex-end; } .excel_radar_item_label { width: 0; overflow: hidden; } .excel_radar_item_img { width: 100%; overflow: hidden; } .excel_radar_item_line { position: relative; } .excel_radar_item_box:nth-child(1) .excel_radar_item_line { width: 8.958333vw; height: 7.44791666vw; margin-top: 3.19427vw; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .excel_radar_item_box:nth-child(2) .excel_radar_item_line { width: 13.2291666vw; height: 0.07291666vw; margin-top: 3.19427vw; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .excel_radar_item_box:nth-child(3) .excel_radar_item_line { width: 8.958333vw; height: 7.44791666vw; -webkit-transform: rotateY(180deg) translateY(3.333vw); transform: rotateY(180deg) translateY(3.333vw); } .excel_radar_item_box:nth-child(4) .excel_radar_item_line { width: 8.958333vw; height: 7.44791666vw; margin-top: 3.19427vw; } .excel_radar_item_box:nth-child(5) .excel_radar_item_line { width: 13.2291666vw; height: 0.07291666vw; margin-top: 3.19427vw; } .excel_radar_item_box:nth-child(6) .excel_radar_item_line { width: 8.958333vw; height: 7.44791666vw; -webkit-transform: translateY(3.333vw); transform: translateY(3.333vw); } .excel_radar_item_box:nth-child(1) .excel_radar_item_label img { width: 8.958333vw; height: 7.44791666vw; } .excel_radar_item_box:nth-child(2) .excel_radar_item_label img { width: 13.2291666vw; height: 0.07291666vw; } .excel_radar_item_box:nth-child(3) .excel_radar_item_label img { width: 8.958333vw; height: 7.44791666vw; } .excel_radar_item_box:nth-child(4) .excel_radar_item_label img { width: 8.958333vw; height: 7.44791666vw; } .excel_radar_item_box:nth-child(5) .excel_radar_item_label img { width: 13.2291666vw; height: 0.07291666vw; } .excel_radar_item_box:nth-child(6) .excel_radar_item_label img { width: 8.958333vw; height: 7.44791666vw; } .excel_radar_item_box:nth-child(1) .excel_radar_item_content, .excel_radar_item_box:nth-child(2) .excel_radar_item_content, .excel_radar_item_box:nth-child(3) .excel_radar_item_content { -webkit-transform: translateX(4vw); transform: translateX(4vw); opacity: 0; pointer-events: none; } .excel_radar_item_box:nth-child(4) .excel_radar_item_content, .excel_radar_item_box:nth-child(5) .excel_radar_item_content, .excel_radar_item_box:nth-child(6) .excel_radar_item_content { -webkit-transform: translateX(-4vw); transform: translateX(-4vw); opacity: 0; pointer-events: none; } .excel_radar_item_box:nth-child(3) .excel_radar_item_read { -webkit-transform: translateY(100%); transform: translateY(100%); } .excel_radar_item_box:nth-child(6) .excel_radar_item_read { -webkit-transform: translateY(100%); transform: translateY(100%); } .excel_radar_max_box { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } .excel_radar_border_box img { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } .excel_radar_border_animate img { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } .excel_rada_min_box img { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } .excel_radar_current .excel_rada_min_box img { 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); } .excel_radar_current .excel_radar_border_box img { 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; } .excel_radar_current .excel_radar_border_animate img { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1); transition: all 2s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: .3s; transition-delay: .3s; } .excel_radar_current .excel_radar_max_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; } .excel_radar_current .excel_radar_item_label { width: 100%; -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; } .excel_radar_current .excel_radar_item_content { opacity: 1 !important; pointer-events: auto !important; -webkit-transform: none !important; transform: none !important; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); -webkit-transition-delay: 1.4s; transition-delay: 1.4s; } .direct_page_line_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .direct_page_line_circle { position: absolute; left: 50%; -webkit-transform: translateX(-0.36458333vw); transform: translateX(-0.36458333vw); top: 6.7708333vw; width: 0.78125vw; height: 0.78125vw; background: #003bd8; -webkit-border-radius: 100%; border-radius: 100%; z-index: 1; } .direct_page_line_label { width: 1px; height: 100%; background: #e1e1e1; position: absolute; top: 0; left: 50%; } .direct_page_line_after { width: 100%; background: #003bd8; position: relative; height: 0; } .direct_page_wrap { position: relative; margin-top: -5.7291666vw; padding: 5.7291666vw 0 0 0; background: #ffffff; overflow: hidden; z-index: 7; -webkit-border-radius: 0 0 5.208333vw 0; border-radius: 0 0 5.208333vw 0; } .direct_page_box { position: relative; z-index: 9; padding: 6.7708333vw 0 6.25vw 0; } .direct_page_head .vert_public_title { color: #111111; } .direct_page_tab { margin-top: 5.208333vw; position: relative; } .direct_page_pic_box { width: 50%; -webkit-transform: translateX(-8vw); transform: translateX(-8vw); opacity: 0; pointer-events: none; } .direct_page_big { width: 50%; padding-left: 4.6875vw; position: relative; -webkit-transform: translateX(8vw); transform: translateX(8vw); opacity: 0; pointer-events: none; } .direct_page_show .direct_page_pic_box { opacity: 1 !important; pointer-events: auto !important; -webkit-transform: none !important; transform: none !important; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .direct_page_show .direct_page_big { opacity: 1 !important; pointer-events: auto !important; -webkit-transform: none !important; transform: none !important; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .direct_page_pic_img { padding-bottom: 68.75%; } .direct_pic_swiper { -webkit-border-radius: 1.5625vw; border-radius: 1.5625vw; } .direct_item_read { } .direct_item_subtitle { font-size: 1.5625vw; line-height: 2.08333vw; color: #003bd8; opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); } .direct_item_title { font-size: 2.8125vw; line-height: 3.3333vw; color: #003bd8; margin-top: 0.78125vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); } .direct_item_text { font-size: 1.041666vw; line-height: 1.7708333vw; color: #111111; margin-top: 1.82291666vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); } .direct_content_swiper { height: 100%; } .direct_content_swiper .swiper-slide-active .direct_item_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); } .direct_content_swiper .swiper-slide-active .direct_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; } .direct_content_swiper .swiper-slide-active .direct_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; } .direct_control_button { position: absolute; left: 0; bottom: 1.30208333vw; width: 100%; padding-left: 4.6875vw; z-index: 9; } .direct_control_number { width: 2.5vw; -webkit-border-radius: 100%; border-radius: 100%; background: #f2f2f2; color: #111111; font-size: 1.041666vw; line-height: 2.5vw; text-align: center; margin-right: 0.5208333vw; -webkit-transition: all .6s ease; transition: all .6s ease; cursor: pointer; } .direct_control_active { background: #003bd8; color: #ffffff; } .direct_record_wrap { margin-top: 6.7708333vw; position: relative; } .direct_record_width { width: 50%; } .direct_record_box .direct_record_width:nth-child(1) { -webkit-transform: translateX(-8vw); transform: translateX(-8vw); opacity: 0; pointer-events: none; } .direct_record_box .direct_record_width:nth-child(2) { -webkit-transform: translateX(8vw); transform: translateX(8vw); opacity: 0; pointer-events: none; } .direct_record_show .direct_record_width:nth-child(1) { opacity: 1 !important; pointer-events: auto !important; -webkit-transform: none !important; transform: none !important; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .direct_record_show .direct_record_width:nth-child(2) { opacity: 1 !important; pointer-events: auto !important; -webkit-transform: none !important; transform: none !important; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .direct_record_control_box { position: relative; width: 100%; } .direct_record_control_box:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #cecfd3; } .direct_record_control_li { padding: 2.23958333vw 0; -webkit-align-items: center; align-items: center; position: relative; cursor: pointer; } .direct_record_control_li:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #cecfd3; } .direct_record_control_li:before { content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 1px; background: #24b373; z-index: 1; -webkit-transition: all .6s ease; transition: all .6s ease; } .direct_record_control_number { font-size: 0.78125vw; line-height: 1.5625vw; color: rgba(17, 17, 17, .3); width: 14%; -webkit-transition: all .6s ease; transition: all .6s ease; } .direct_record_control_title { font-size: 1.25vw; line-height: 1.5625vw; color: rgba(17, 17, 17, .3); width: calc(100% - 24%); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all .6s ease; transition: all .6s ease; } .direct_record_control_icon { width: 10%; -webkit-justify-content: flex-end; justify-content: flex-end; } .direct_record_control_label { width: 1.25vw; -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; } .direct_record_control_label svg { fill: #24b373; } .direct_record_control_active:before { width: 100%; left: 0; } .direct_record_control_active .direct_record_control_number { color: #24b373; } .direct_record_control_active .direct_record_control_title { color: #24b373; } .direct_record_control_active .direct_record_control_label { -webkit-transform: none; transform: none; opacity: 1; } .direct_record_big { -webkit-align-content: space-between; align-content: space-between; padding-right: 9.375vw; height: 100%; } .direct_record_head { width: 100%; } .direct_record_subtitle { font-size: 1.5625vw; line-height: 2.08333vw; color: #003bd8; } .direct_record_title { font-size: 2.8125vw; line-height: 3.3333vw; color: #003bd8; margin-top: 0.5208333vw; } .direct_record_pack { position: relative; overflow: hidden; -webkit-border-radius: 1.5625vw; border-radius: 1.5625vw; } .direct_record_back { padding-bottom: 85%; } .direct_record_max_swiper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; } .direct_record_slide_box { opacity: 0; pointer-events: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .direct_record_max_swiper .swiper-slide-active .direct_record_slide_box { opacity: 1; pointer-events: auto; } .direct_record_img { padding-bottom: 71.0526%; opacity: 0; pointer-events: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .direct_record_max_swiper .swiper-slide-active .direct_record_pic_swiper .swiper-slide-active .direct_record_img { opacity: 1; pointer-events: auto; } .direct_record_max_title { font-size: 0.9375vw; line-height: 3.541666vw; color: #ffffff; text-align: center; background: rgba(255, 255, 255, .1); backdrop-filter: blur(0.2vw); } .direct_record_max_control { -webkit-justify-content: center; justify-content: center; bottom: 0.6vw !important; } .direct_record_max_control .swiper-pagination-bullet { width: 0.5208333vw; height: 0.5208333vw; margin: 0 0.26041666vw; opacity: 1; background: rgba(255, 255, 255, .3); -webkit-transition: all .6s ease; transition: all .6s ease; } .direct_record_max_control .swiper-pagination-bullet-active { background: rgba(255, 255, 255, 1); } .create_page_wrap { position: relative; margin-top: -5.7291666vw; padding: 5.7291666vw 0 0 0; background: #ffffff; overflow: hidden; z-index: 6; } .create_page_box { position: relative; z-index: 9; padding: 7.8125vw 0 5.208333vw 0; } .create_page_big { width: 36.25%; padding-right: 5.208333vw; -webkit-transform: translateX(-8vw); transform: translateX(-8vw); opacity: 0; pointer-events: none; } .create_page_pack { width: 63.75%; -webkit-transform: translateX(8vw); transform: translateX(8vw); opacity: 0; pointer-events: none; } .AddCreatePageContent .create_page_big { opacity: 1 !important; pointer-events: auto !important; -webkit-transform: none !important; transform: none !important; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddCreatePageContent .create_page_pack { opacity: 1 !important; pointer-events: auto !important; -webkit-transform: none !important; transform: none !important; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .create_control_box { margin-top: 7.8125vw; width: 70%; } .create_control_li { padding: 1.5625vw 0; position: relative; margin-bottom: 2.6041666vw; cursor: pointer; } .create_control_li:last-child { margin-bottom: 0; } .create_control_li:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.15625vw; background: #dadada; } .create_control_li:before { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0.15625vw; background: #003bd8; -webkit-transition: all .6s ease; transition: all .6s ease; z-index: 9; } .create_control_title { font-size: 1.5625vw; line-height: 2.08333vw; color: #aaaaaa; -webkit-transition: all .6s ease; transition: all .6s ease; } .create_control_text { font-size: 0.8333vw; line-height: 1.3541666vw; color: #aaaaaa; margin-top: 0.5208333vw; -webkit-transition: all .6s ease; transition: all .6s ease; } .create_control_active:before { width: 100%; left: 0; } .create_control_active .create_control_title { color: #111111; } .create_control_active .create_control_text { color: #666666; } .create_form_radio_li { -webkit-align-items: center; align-items: center; margin-right: 2.6041666vw; position: relative; } .create_form_public_title { font-size: 0.8333vw; line-height: 1.3541666vw; color: #111111; margin-bottom: 0.5208333vw; } .create_form_radio_input input { position: relative; display: block; width: 0.7291666vw; height: 0.7291666vw; border: 0.208333vw solid #e5e5e5; box-sizing: border-box; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all .3s ease; transition: all .3s ease; } .create_form_radio_input input:checked { border: 0.208333vw solid #003bd8; } .create_form_radio_label { font-size: 0.78125vw; line-height: 2.08333vw; color: #666666; } .create_form_radio_label label { padding-left: 0.625vw; } .create_form_check_box { margin-top: 2.08333vw; } .create_form_check_li { -webkit-align-items: center; align-items: center; margin-right: 2.6041666vw; } .create_form_check_input { width: 0.7291666vw; height: 0.7291666vw; } .create_form_check_input input { display: block; width: 100%; height: 100%; position: relative; border: 1px solid #999999; box-sizing: border-box; -webkit-border-radius: 0.1041666vw; border-radius: 0.1041666vw; -webkit-transition: all .3s ease; transition: all .3s ease; } .create_form_check_input input:checked { background: url(../images/cd-icon-check.svg) no-repeat center center #003bd8; background-size: 150%; border: 1px solid #003bd8; } .create_form_check_label { font-size: 0.78125vw; line-height: 2.08333vw; color: #666666; } .create_form_check_label label { padding-left: 0.625vw; } .create_form_textarea_read { position: relative; } .create_form_textarea_read:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #dee6f3; -webkit-border-radius: 0.5208333vw; border-radius: 0.5208333vw; box-sizing: border-box; pointer-events: none; background: #ffffff; } .create_form_textarea_read textarea { position: relative; z-index: 9; font-size: 0.78125vw; line-height: 1.30208333vw; padding: 0.78125vw 1.041666vw; color: #111111; width: 100%; -webkit-border-radius: 0.3125vw; border-radius: 0.3125vw; -webkit-transition: all .6s ease; transition: all .6s ease; resize: none; height: 10.67708333vw; } .create_form_textarea_read textarea::placeholder { color: #999999; } .create_form_cont_box { -webkit-justify-content: space-between; justify-content: space-between; position: relative; margin-top: 2.08333vw; } .create_form_textarea_box { width: 67.2549%; } .create_form_type_box { width: 31.3725%; } .create_form_type_read { position: relative; width: 100%; padding: 2.34375vw 2.08333vw; } .create_form_type_read:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #dee6f3; -webkit-border-radius: 0.5208333vw; border-radius: 0.5208333vw; box-sizing: border-box; pointer-events: none; background: #ffffff; } .create_form_type_button { -webkit-justify-content: center; justify-content: center; position: relative; z-index: 9; } .create_form_type_btn { position: relative; font-size: 0.8333vw; line-height: 2.34375vw; width: 7.08333vw; text-align: center; color: #24b574; cursor: pointer; } .create_form_type_btn:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #24b574; -webkit-border-radius: 0.5208333vw; border-radius: 0.5208333vw; box-sizing: border-box; pointer-events: none; } .create_form_type_head { margin-top: 1.041666vw; position: relative; z-index: 9; } .create_form_type_title { font-size: 0.8333vw; line-height: 1.3541666vw; color: #333333; text-align: center; } .create_form_type_text { font-size: 0.7291666vw; line-height: 1.25vw; color: #999999; text-align: center; } .create_form_text_tab { width: 100%; -webkit-justify-content: space-between; justify-content: space-between; } .create_form_text_input { position: relative; width: 49.5098%; } .create_form_text_input:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #dee6f3; -webkit-border-radius: 0.5208333vw; border-radius: 0.5208333vw; box-sizing: border-box; pointer-events: none; background: #ffffff; } .create_form_text_input input { position: relative; z-index: 9; font-size: 0.78125vw; line-height: 3.4375vw; color: #111111; width: 100%; -webkit-border-radius: 0.3125vw; border-radius: 0.3125vw; padding: 0 1.041666vw; -webkit-transition: all .6s ease; transition: all .6s ease; } .create_form_text_input input::placeholder { color: #999999; } .create_form_text_box { margin-top: 2.08333vw; } .create_form_tips_box { margin-top: 2.08333vw; } .create_form_tips_box .create_form_check_input input { border: 1px solid #003bd8; } .create_form_button_box { margin-top: 2.08333vw; position: relative; } .create_form_btn_box { width: 10.41666vw; } .create_form_btn_box button { background: #003bd8; font-size: 0.9375vw; line-height: 3.4375vw; color: #ffffff; width: 100%; text-align: center; -webkit-border-radius: 0.3125vw; border-radius: 0.3125vw; } .create_page_form_wrap { position: relative; opacity: 0; pointer-events: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); padding-bottom: 1.5625vw; } .create_form_swiper .swiper-slide-active .create_page_form_wrap { opacity: 1; pointer-events: auto; } /* 联系我们 */ .rel{width: 100%;} .relXx{background: #f7f9fb url("../images/pages/rel1bg.jpg") no-repeat center/cover;} .relXx-list{width: 100%;} .relXx-list ul{margin: -30px 0 0 -30px;} .relXx-list li{width: calc(100%/2 - 30px);margin: 30px 0 0 30px;} .relXx-link{width: 100%;display: block;padding: 40px 38px;background: #eceff4;transition: box-shadow .4s ease;height: 100%;} .relXx-link .ico{height: 40px;display: flex;align-items: flex-end;} .relXx-link .ico img{max-height: 100%;} .relXx-link:hover{box-shadow: 0 0 16px rgba(5, 69, 134, 0.2);} .relBd{background: #e7ebef url("../images/rel2bg.jpg") no-repeat center/cover;} .relBd-wrap{width: 100%;background: #fff;padding: 60px 48px;} .relBd-from{} .relBd-from .mess_box{} .relBd-from .layui-form-item{margin: 30px 0 0 0px;font-size: 16px; padding-bottom: 10px;} .relBd-from .layui-form-item{width: 45%;float: left; } .relBd-from .layui-form-item:nth-child(6){width: 94%} .relBd-from .other{margin-top: 20px;} .relBd-from .hint{font-size: 14px;color: #4c5664;line-height: 1;height: 28px;} .relBd-from .hint span, .relBd-from .tell span{color: #0050b5;margin-right: 5px;} .relBd-from input, .relBd-from textarea{width: 95%;display: block;background: transparent;border-radius: 10px;height: 50px;font-size: 14px;color: #222;padding: 0 18px;transition: border .4s ease;border: 1px solid #d1d8de;} .relBd-from textarea{padding: 14px 18px;height: 110px;} .relBd-from input:focus, .relBd-from li textarea:focus{border-color: #75a9dd;} .relBd-from .tell{font-size: 14px;color: #999;display: flex;} .relBd-from .tell a{transition: color .4s ease;} .relBd-from .tell a:hover{color: #6eb92d;} .relBd-from-mix{width: 100%;justify-content: space-between;} .relBd-from-code{width: auto;} .relBd-from .relBd-from-code input{width: 280px;} .relBd-from-code .img{max-width: 160px;display: flex;align-items: center;height: 50px;cursor: pointer;margin-left: 16px;border-radius: 10px;overflow: hidden;} .relBd-from-code .img img{height: 100%;object-fit: fill;} .relBd-from button{padding: 0 54px;height: 50px;border-radius: 25px;background: #6eb92d;cursor: pointer;line-height: 1;color: #fff;font-size: 16px;transition: all .4s ease;} .relBd-from button span{position: relative;} .relBd-from button i{font-size: 14px;position: absolute;top: 50%;margin-top: -7px;right: -26px;transform: rotate(180deg);transition: transform .4s ease;} .relBd-from button:hover{box-shadow: 0 4px 20px rgba(209, 41, 46, 0.3);} .relBd-from button:hover i{transform: rotate(180deg) translateX(4px);} .relBd-info{width: 442px;padding-left: 48px;border-left: 1px solid #d1d8de;} .relBd-info-img{width: 100%;} .relBd-info-img img{width: 100%;} .relBd-info-text{width: 100%;} .relBd-info-text .text{line-height: 1.2;margin-top: 8px;} .relBd-info-code{width: 100%;} .relBd-info-code li{width: auto;margin-right: 14px;text-align: center;} .relBd-info-code li:last-child{margin-right: 0;} .relBd-info-code li .img{width: 120px;height: 120px;margin: 0 auto;border: 1px solid #c7d7e6;} .relBd-info-code li .img img{max-height: 100%;} @media screen and (max-width:1023px) { .relBd-from button{font-size: 14px; padding: 0 30px;} } .contact_page_wrap {padding: 5.7291666vw 0 2.6041666vw 0;position: relative;overflow: hidden;} .contact_page_title {font-size: 3.0208333vw;line-height: 3.541666vw;color: #111111;} .contact_page_subtitle {font-size: 1.5625vw;line-height: 2.6041666vw;color: #111111;margin-top: 1.5625vw;} .contact_message_tips {width: 32.5%;padding-right: 5.208333vw;} .contact_message_content {width: 67.5%;} .contact_message_tab {-webkit-justify-content: space-between;justify-content: space-between;} .contact_message_item_box {width: 48.148148%;} .contact_message_item_box:nth-child(2) {width: 37%;} .contact_message_item_head {-webkit-align-items: center;align-items: center;} .contact_message_item_icon {width: 1.5625vw;height: 1.5625vw;position: relative;} .contact_message_item_icon svg {width: 100%;fill: #25b472;} .contact_message_item_title {color: #25b472;font-size: 1.3541666vw;line-height: 1.875vw;margin-left: 0.78125vw;} .contact_message_item_subtitle {line-height: 1.3541666vw;color: #111111;} .contact_message_item_text {margin-top: 0.5208333vw;} .contact_message_item_text,.contact_message_item_text a {font-size: 1.041666vw;line-height: 1.5625vw;color: #003bd8;} .contact_message_item_read {margin-top: 2.6041666vw;} .contact_public_title {font-size: 2.08333vw;line-height: 2.6041666vw;color: #333333;} .contact_public_text {color: #666666;margin-top: 0.78125vw;} .contact_message_wrap {position: relative;margin-top: 4.6875vw;} .contact_message_box {padding: 4.1666vw 0;position: relative;} .contact_message_line {width: 100%;height: 1px;background: #d9e2f9;} .contact_form_wrap {position: relative;} .contact_form_box {padding: 4.1666vw 0 6.25vw 0;position: relative;} .contact_form_content {width: 67.5%;} .contact_form_item_box {width: 100%;margin: 0 1.3889% 0 0;} .contact_form_item_box:nth-child(3n) {margin: 0;} .contact_form_select_wrap {position: relative;z-index: 19;} .contact_form_select_box {background: #f8f8f8;color: #111111;width: 100%;-webkit-border-radius: 0.3125vw;border-radius: 0.3125vw;padding-right: 1.041666vw;position: relative;z-index: 9;-webkit-transition: all .6s ease;transition: all .6s ease;} .contact_form_select_input {width: calc(100% - 0.78125vw);pointer-events: none;} .contact_form_select_input input {padding: 0 1.041666vw;font-size: 0.8333vw;line-height: 3.4375vw;color: #111111;width: 100%;} .contact_form_select_icon {width: 0.78125vw;-webkit-transition: all .6s ease;transition: all .6s ease;} .contact_form_select_label {width: 100%;} .contact_form_select_label svg {fill: #999999;} .contact_form_select_big {position: absolute;left: 0;top: 0;width: 100%;opacity: 0;pointer-events: none;-webkit-transform: scaleY(0.8);transform: scaleY(0.8);-webkit-transform-origin: center top;transform-origin: center top;background: #f0f0f0;-webkit-border-radius: 0.3125vw;border-radius: 0.3125vw;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;padding: 3.958333vw 0 1.041666vw 0;} .contact_form_select_pack {max-height: 7.08333vw;overflow: auto;} .contact_form_select_option {padding: 0 1.041666vw;font-size: 0.7291666vw;line-height: 1.7708333vw;color: #333333; cursor: pointer;-webkit-transition: all .6s ease;transition: all .6s ease;} .contact_form_select_option:hover {color: #003bd8;} .contact_form_select_show .contact_form_select_icon {-webkit-transform: rotate(180deg);transform: rotate(180deg);} .contact_form_select_show .contact_form_select_big {-webkit-transform: none;transform: none;opacity: 1;pointer-events: auto;} .contact_form_item_input input {background: #f8f8f8;font-size: 0.78125vw;line-height: 3.4375vw;color: #111111;width: 100%;-webkit-border-radius: 0.3125vw;border-radius: 0.3125vw;padding: 0 1.041666vw;-webkit-transition: all .6s ease;} .contact_page_box {position: relative;z-index: 9;} .contact_form_tab {margin-bottom: 1.5625vw;} .contact_form_tab_for_lang {-webkit-justify-content: space-between;justify-content: space-between;} .contact_form_textarea_box {width: 66.2037%;margin: 0 1.3889% 0 0;} .contact_form_item_textarea textarea {background: #f8f8f8;position: relative;z-index: 9; font-size: 0.8333vw;line-height: 1.30208333vw;color: #111111;width: 100%;resize: none;height: 10.67708333vw;padding: 0.78125vw 1.041666vw;border-radius: 0.3125vw;transition: 0.6s;} .contact_form_item_textarea textarea::placeholder,.contact_form_select_input input::placeholder,.contact_form_item_input input::placeholder {color: #999999;} .contact_form_type_box {width: 32.4074%;} .contact_form_type_read {position: relative;width: 100%;padding: 2.34375vw 2.08333vw;} .contact_form_type_read:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-border-radius: 0.5208333vw;border-radius: 0.5208333vw;pointer-events: none;background: #f8f8f8;} .contact_form_type_button {-webkit-justify-content: center;justify-content: center;position: relative;z-index: 9;} .contact_form_type_btn { position: relative; font-size: 0.8333vw; line-height: 2.34375vw; width: 7.08333vw; text-align: center; color: #24b574; cursor: pointer; } .contact_form_type_btn:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #24b574; -webkit-border-radius: 0.5208333vw; border-radius: 0.5208333vw; box-sizing: border-box; pointer-events: none; } .file-input{ display: none; } .contact_form_type_head { margin-top: 1.041666vw; position: relative; z-index: 9; } .contact_form_type_title { font-size: 0.8333vw; line-height: 1.3541666vw; color: #333333; text-align: center; } .contact_form_type_text { font-size: 0.7291666vw; line-height: 1.25vw; color: #999999; text-align: center; } .contact_form_base { padding: 1.5625vw 0 0 0; } .contact_form_title { font-size: 1.041666vw; line-height: 1.5625vw; color: #003bd8; margin-bottom: 1.041666vw; } .contact_form_check_li { -webkit-align-items: center; align-items: center; margin-right: 2.6041666vw; } .contact_form_check_input { width: 0.7291666vw; height: 0.7291666vw; } .contact_form_check_input input { display: block; width: 100%; height: 100%; position: relative; border: 1px solid #999999; box-sizing: border-box; -webkit-border-radius: 0.1041666vw; border-radius: 0.1041666vw; -webkit-transition: all .3s ease; transition: all .3s ease; } .contact_form_check_input input:checked { background: url(../images/cd-icon-check.svg) no-repeat center center #003bd8; background-size: 150%; border: 1px solid #003bd8; } .contact_form_check_label { font-size: 0.78125vw; line-height: 2.08333vw; color: #666666; } .contact_form_check_label label { padding-left: 0.625vw; } .contact_form_tips_tab { position: relative; margin-top: 1.82291666vw; } .contact_form_tips_tab .contact_form_check_input input { border: 1px solid #003bd8; } .contact_form_button { margin-top: 2.08333vw; } .contact_form_btn { width: 10.41666vw; } .contact_form_btn button { background: #003bd8; font-size: 0.9375vw; line-height: 3.4375vw; color: #ffffff; width: 100%; text-align: center; -webkit-border-radius: 0.3125vw; border-radius: 0.3125vw; cursor: pointer; } .contact_ewm_wrap { position: relative; } .contact_ewm_box { position: relative; padding: 4.1666vw 0; } .contact_ewm_content { width: 67.5%; } .contact_ewm_item_box { width: 10%; margin-right: 11.111%; } .contact_ewm_item_title { font-size: 0.8333vw; line-height: 1.3541666vw; color: #003bd8; margin-top: 0.5208333vw; text-align: center; } .about_vision_item_box.AddAboutVision { 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); } .AddAboutCultureContent .about_culture_item_current .about_culture_big:after, .AddAboutCultureContent .about_culture_item_current .about_culture_big:before { width: 100%; } .AddAboutCultureContent .about_culture_item_current .about_culture_item_head { 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; } .AddAboutCultureContent .about_culture_item_current .about_culture_item_en { 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; } .AddAboutCultureContent .about_culture_item_current .about_culture_item_cn { 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; } .AddAboutCultureContent .about_culture_item_current .about_culture_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: .4s; transition-delay: .4s; } .AddAboutCultureContent .about_culture_item_current .about_culture_item_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: .5s; transition-delay: .5s; } .AddAboutCultureContent .culture_control_button { -webkit-transform: translateY(-50%) translateX(50%); transform: translateY(-50%) translateX(50%); -webkit-transition-delay: .6s; transition-delay: .6s; } .AddAboutCultureContent .about_culture_pic { 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); } .AddAboutCultureContent .about_culture_min_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); } .AddServiceGlobalCircle .global_add_item_icon { -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddServiceGlobalCircle .global_add_item_box:nth-child(2) .global_add_item_icon { -webkit-transition-delay: .2s; transition-delay: .2s; } .AddServiceGlobalCircle .global_add_item_box:nth-child(2) .global_add_item_icon { -webkit-transition-delay: .4s; transition-delay: .4s; } .AddServiceGlobalCircle .global_add_item_box:nth-child(3) .global_add_item_icon { -webkit-transition-delay: .6s; transition-delay: .6s; } .AddServiceGlobalCircle .global_add_item_box:nth-child(4) .global_add_item_icon { -webkit-transition-delay: .8s; transition-delay: .8s; } .AddServiceGlobalCircle .global_add_item_box:nth-child(5) .global_add_item_icon { -webkit-transition-delay: 1s; transition-delay: 1s; } .AddServiceGlobalCircle .global_add_item_box:nth-child(6) .global_add_item_icon { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } .AddServiceGlobalCircle .global_add_item_box:nth-child(7) .global_add_item_icon { -webkit-transition-delay: 1.4s; transition-delay: 1.4s; } .AddServiceGlobalCircle .global_add_item_read { opacity: 1; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); } .AddServiceGlobalCircle .global_add_item_box:nth-child(2) .global_add_item_read { -webkit-transition-delay: .3s; transition-delay: .3s; } .AddServiceGlobalCircle .global_add_item_box:nth-child(2) .global_add_item_read { -webkit-transition-delay: .5s; transition-delay: .5s; } .AddServiceGlobalCircle .global_add_item_box:nth-child(3) .global_add_item_read { -webkit-transition-delay: .7s; transition-delay: .7s; } .AddServiceGlobalCircle .global_add_item_box:nth-child(4) .global_add_item_read { -webkit-transition-delay: .9s; transition-delay: .9s; } .AddServiceGlobalCircle .global_add_item_box:nth-child(5) .global_add_item_read { -webkit-transition-delay: 1.1s; transition-delay: 1.1s; } .AddServiceGlobalCircle .global_add_item_box:nth-child(6) .global_add_item_read { -webkit-transition-delay: 1.3s; transition-delay: 1.3s; } .AddServiceGlobalCircle .global_add_item_box:nth-child(7) .global_add_item_read { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; } .header_menu_wap_button { display: none; } .about_stories_pagination { display: none; } .wap_industry_wrap { display: none; } .excel_circle_head .vert_public_title { opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); } .excel_circle_head .vert_public_subtitle { opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); } .excel_circle_head .vert_public_text { opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); } .excel_animate_show .vert_public_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); } .excel_animate_show .vert_public_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; } .excel_animate_show .vert_public_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; } .excel_circle_show .excel_circle_shade img { 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); } .excel_circle_show .excel_circle_parcel { 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); } .excel_circle_show .excel_circle_line_label img { 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); } .excel_circle_show .excel_circle_line_label:nth-child(1) { -webkit-animation: ExcelCircleScale 3s linear infinite normal both; animation: ExcelCircleScale 3s linear infinite normal both; } .excel_circle_show .excel_circle_line_label:nth-child(2) { -webkit-animation: ExcelCircleScale 3s .75s linear infinite normal both; animation: ExcelCircleScale 3s .75s linear infinite normal both; } .excel_circle_show .excel_circle_line_label:nth-child(3) { -webkit-animation: ExcelCircleScale 3s 1.5s linear infinite normal both; animation: ExcelCircleScale 3s 1.5s linear infinite normal both; } .excel_circle_show .excel_circle_line_label:nth-child(4) { -webkit-animation: ExcelCircleScale 3s 2.25s linear infinite normal both; animation: ExcelCircleScale 3s 2.25s linear infinite normal both; } @keyframes ExcelCircleScale { 0% { width: 100%; height: 100%; opacity: 0; } 20% { width: 145%; height: 145%; opacity: 0.8; } 40% { width: 190%; height: 190%; opacity: 0.6; } 60% { width: 235%; height: 235%; opacity: 0.4; } 80% { width: 280%; height: 280%; opacity: 0; } 100% { width: 100%; height: 100%; opacity: 0; } } .excel_circle_show .excel_circle_item_current { -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; } .excel_radar_show .excel_radar_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); } .excel_radar_show .excel_radar_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; } .direct_page_head .vert_public_title { opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); } .direct_page_head .vert_public_subtitle { opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); } .direct_page_head .vert_public_text { opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); } .direct_animate_show .vert_public_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); } .direct_animate_show .vert_public_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; } .direct_animate_show .vert_public_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; } .wap_case_wrap { display: none; } .header_menu_wap_icon { display: none; }