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
}
.Manrope-Regular {
font-family: "Manrope-Regular",   "Arial", "Helvetica", "sans-serif" !important;
}
.Manrope-Bold {
font-family: "Manrope-Bold",   "Arial", "Helvetica", "sans-serif" !important;
}
.Manrope-Light {
font-family: "Manrope-Light",   "Arial", "Helvetica", "sans-serif" !important;
}
.Manrope-Medium {
font-family: "Manrope-Medium",   "Arial", "Helvetica", "sans-serif" !important;
}
.Manrope-SemiBold {
font-family: "Manrope-SemiBold",   "Arial", "Helvetica", "sans-serif" !important;
}
.Manrope-Extralight {
font-family: "Manrope-Extralight",   "Arial", "Helvetica", "sans-serif" !important;
}
.SourceHanSansSC-Bold-2 {
font-family: "Manrope-Bold", "SourceHanSansSC-Bold-2",   "Arial", "Helvetica", "sans-serif" !important;
}
.SourceHanSansSC-ExtraLight-2 {
font-family: "Manrope-Extralight", "SourceHanSansSC-ExtraLight-2",   "Arial", "Helvetica", "sans-serif" !important;
}
.SourceHanSansSC-Light-2 {
font-family: "Manrope-Light", "SourceHanSansSC-Light-2",   "Arial", "Helvetica", "sans-serif" !important;
}
.SourceHanSansSC-Medium-2 {
font-family: "Manrope-Medium", "SourceHanSansSC-Medium-2",   "Arial", "Helvetica", "sans-serif" !important;
}
.SourceHanSansSC-Normal-2 {
font-family: "Manrope-Regular", "SourceHanSansSC-Normal-2",   "Arial", "Helvetica", "sans-serif" !important;
}

* {margin: 0;padding: 0;box-sizing: border-box;}
html, body {font-family: "Manrope-Regular", "SourceHanSansSC-Normal-2",   "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: "Manrope-Light", "SourceHanSansSC-Light-2",   "Arial", "Helvetica", "sans-serif" !important;}
.html_page {position: relative;z-index: 19;background: #ffffff;width: 100%; /*min-height: 100vh;*/}
.index_html_page {overflow-x: hidden;}
.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;}
/*!*滚动条整体部分，可以设置宽度等*!*//*::-webkit-scrollbar {*//*}*//*!*滚动条两端的按钮*!*//*::-webk1879it-scrollbar-button {*//*}*//*!*外层轨道*!*//*::-webkit-scrollbar-track {*//*}*//*!*内层滚动槽*!*//*::-webkit-scrollbar-track-piece {*//*}*//*!*滚动的滑块*!*//*::-webkit-scrollbar-thumb {*//*}*//*!*边角*!*//*::-webkit-scrollbar-corner {*//*}*//*!*定义右下角拖动块的样式*!*//*::-webkit-resizer {*//*}*//*css play*/
.loading_wrap {position: fixed;left: 0;top: 0;width: 100%;height: 100vh;z-index: 9999;background: #ffffff;}
.loading_box {align-items: center;justify-content: center;width: 100%;height: 100%;}
.loading_logo_wrap {width: 13.958333vw;height: 4.4791666vw;position: relative;}
.loading_logo_box {position: absolute;left: 0;top: 0;height: 100%;width: 100%;overflow: hidden;}
.loading_logo_box img {width: 13.958333vw;height: 4.4791666vw;}
.loading_logo_current {position: absolute;left: -1vw;top: 0;height: 100%;width: 15.958333vw;overflow: hidden;transform: skew(-20deg);}
.loading_logo_read {position: absolute;left: 0;top: 0;width: 0;height: 100%;overflow: hidden;}
.loading_logo_read img {position: absolute;left: 1vw;top: 0;width: 13.958333vw;height: 4.4791666vw;transform: skew(20deg);}
.loading_hide {opacity: 0;pointer-events: none;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.index_page_swiper {height: 100%;}
.index_page_swiper .index_swiper_wrapper {-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.index_page_img {height: 100%;}

.index_banner_wrap {height: 100vh;position: relative;}
.index_banner_button_wrap {position: absolute;left: 5.7291666vw;bottom: 2.6041666vw;z-index: 9;opacity: 0;pointer-events: none;}
.index_banner_btn_box {width: 3.2291666vw;height: 3.2291666vw;-webkit-border-radius: 100%;border-radius: 100%;margin-right: 0.78125vw;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;background: rgba(255, 255, 255, .15);cursor: pointer;outline: none;-webkit-transition: all .6s ease;transition: all .6s ease;}
.index_banner_btn_prev {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.index_banner_btn_active {background: #fb9324;}
.index_banner_btn_icon {width: 0.5208333vw;}
.index_banner_btn_icon svg {fill: #ffffff;display: block;width: 100%;height: 100%;}
.index_banner_tips_wrap {position: absolute;right: 5.7291666vw;bottom: 2.6041666vw;width: 6.5625vw;z-index: 9;-webkit-transform: scale(0);transform: scale(0);opacity: 0;pointer-events: none;}
.index_banner_tips_box {position: relative;}
.index_banner_tips_read {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.index_banner_tips_img {-webkit-animation: tipsImg 10s linear infinite both normal;animation: tipsImg 10s linear infinite both normal;}
@-webkit-keyframes tipsImg {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes tipsImg {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.index_banner_tips_icon {width: 0.9375vw;}
.index_banner_tips_icon svg {display: block;width: 100%;height: 100%;fill: #ffffff;}
.index_banner_page_wrap {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 9;-webkit-align-items: center;align-items: center;pointer-events: none;opacity: 0;}
.index_banner_page_content {width: 100%;margin-bottom: 17.708333vw;}
.index_banner_page_box {-webkit-align-items: flex-end;align-items: flex-end;}
.index_banner_page_text {color: #ffffff;font-size: 0.83333vw;line-height: 2.08333vw;margin-right: 0.26041666vw;}
.index_banner_page_current {font-size: 1.5625vw;line-height: 2.6041666vw;}
.index_banner_pagination_wrap {position: absolute;left: 0;bottom: 2.6041666vw;width: 100%;z-index: 9;opacity: 0;pointer-events: none;}
.index_banner_pagination_li {width: 0.5208333vw;height: 1.041666vw;position: relative;margin-right: 0.78125vw;-webkit-transform: skew(-45deg);
transform: skew(-45deg);cursor: pointer;}
.index_banner_pagination_li:after {content: "";position: absolute;left: 50%;top: 50%;width: 200%;height: 200%;-webkit-transform: translateX(-50%) translateY(-50%) scale(.5);transform: translateX(-50%) translateY(-50%) scale(.5);border: 0.1041666vw solid rgba(255, 255, 255, .25);box-sizing: border-box;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.index_banner_pagination_li:before {content: "";position: absolute;left: 0;bottom: 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);}
.index_banner_pagination_current:after {border: 1px solid rgba(255, 255, 255, 1);}
.index_banner_pagination_current:before {height: 100%;}
.index_banner_swiper {height: 100%;}
.index_banner_content {height: 100%;background: #000;}
.index_banner_img {height: 100%;}
.index_banner_img img {-webkit-transform: scale(1.1);transform: scale(1.1);-webkit-transform-origin: left top;transform-origin: left top;-webkit-transition: all 11s linear;transition: all 11s linear;}
.index_banner_img video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover; opacity: 0.6;}

.loading_img{display: block;}
.telloading_img{display: none;}

@media screen and (max-width: 1200px) {
  .loading_img{display: block;}
  .telloading_img{display: block;}
}

.index_banner_big {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-align-items: center;align-items: center;}
.index_banner_read {width: 100%;}
.index_banner_pack {width: 100%;}
.page_center {padding: 0 2.7291666vw;}
.index_banner_circle_box {position: relative;opacity: 0;height: 1.1458333vw;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.index_banner_circle_icon {width: 1.1458333vw;height: 1.1458333vw;overflow: hidden;position: absolute;left: 0;top: 0;opacity: 0;}
.index_banner_circle_label {position: absolute;right: 0;top: 0;width: 1.1458333vw;height: 1.1458333vw;background: #fb9324;-webkit-border-radius: 100%;border-radius: 100%;z-index: 9;}
.index_banner_circle_icon:nth-child(1) {z-index: 3;}
.index_banner_circle_icon:nth-child(2) {width: 0.625vw;left: 0.5208333vw;z-index: 2;}
.index_banner_circle_icon:nth-child(3) {width: 0.625vw;left: 1.3541666vw;z-index: 1;}
.index_banner_circle_icon:nth-child(2) .index_banner_circle_label, .index_banner_circle_icon:nth-child(3) .index_banner_circle_label {background: #1b62c3;}
.index_banner_title {font-size: 3.425vw;line-height: 3.6458333vw;letter-spacing: 0.208333vw;margin-top: 2.08333vw;color: #ffffff;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);font-weight: bold;}
.index_banner_text {font-size: 2.125vw;line-height: 3.6458333vw;color: #ffffff;margin-top: 0.78125vw;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.index_banner_label {font-size: 1.3633vw;line-height: 1.25vw;color: rgba(255, 255, 255, .4);margin-top: 0.08333vw;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw); font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;text-transform: uppercase;}
.index_banner_current {position: relative;z-index: 9;}
.index_banner_current .index_banner_circle_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);}
.index_banner_current .index_banner_img img {-webkit-transform: none !important;transform: none !important;}
/*.index_banner_current .index_banner_img video {*/
/*    -webkit-transform: none !important;*/
/*    transform: none !important;*/
/*}*/
.index_banner_current .index_banner_title {opacity: 1;pointer-events: auto;-webkit-transform: none;transform: none;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);-webkit-transition-delay: .1s;transition-delay: .1s;}
.index_banner_current .index_banner_text {opacity: 1;pointer-events: auto;-webkit-transform: none;transform: none;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);-webkit-transition-delay: .2s;transition-delay: .2s;}
.index_banner_current .index_banner_label {opacity: 1;pointer-events: auto;-webkit-transform: none;transform: none;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);-webkit-transition-delay: .3s;transition-delay: .3s;}
.index_banner_current .index_banner_circle_icon:nth-child(1) {opacity: 1;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.index_banner_current .index_banner_circle_icon:nth-child(2) {left: 1.3541666vw;opacity: 1;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);-webkit-transition-delay: .2s;transition-delay: .2s;}
.index_banner_current .index_banner_circle_icon:nth-child(3) {left: 2.1875vw;opacity: 1;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);-webkit-transition-delay: .3s;transition-delay: .3s;}

@media screen and (max-width:1380px){
.index_banner_wrap{height: 90vh;}
}
.index_page_slide:last-child {height: 31.19791666vw;}

.header_wrap {position: fixed;left: 0;top: 0;width: 100%;z-index: 999;-webkit-transform: translateY(-100%);transform: translateY(-100%);opacity: 0;pointer-events: none; border-bottom:1px solid transparent; border-color: rgba(255, 255, 255, 0.1);}
.header_wrap:after {content: "";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);box-shadow: 0px 0px 10px #d3d5d8;}
.header_box {-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;padding: 0 2.7291666vw;position: relative;z-index: 9;}
.header_logo_box {width: 11.41666vw;}
.header_content {width: calc(100% - 11.41666vw);-webkit-justify-content: flex-end;justify-content: flex-end;-webkit-align-items: center;align-items: center;}
.header_logo_box {display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.header_logo_box a {position: relative;}
.header_logo_box a img {/*-webkit-filter: brightness(0%) grayscale(100%) invert(100%);filter: brightness(0%) grayscale(100%) invert(100%);-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);*/transition: all 1s cubic-bezier(.4, 0, .2, 1); }
.header_logo_box .pclogo{display: block;}
.header_logo_box .tellogo{display: none;}
.header_menu_item_box {margin-right: 3.6375vw;position: relative;}
.header_menu_item_box:nth-child(7){margin-right:0}
.header_menu_link {position: relative;-webkit-align-items: center;align-items: center;padding: 1.5625vw 0;}
.header_menu_label {font-size:0.94541666vw;line-height: 1.5625vw;color: #ffffff;position: relative;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.header_menu_label:after {content: '';position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);bottom: 0;width: 0;height: 1px;background: #ffffff;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.header_menu_item_hover .header_menu_label:after {width: 100%;}
.header_menu_item_active .header_menu_label:after {width: 100%;}
.header_menu_wrap{ width: 60%; margin: 0 auto;}
.header_search_wrap {position: relative; }
.header_search_box {-webkit-align-items: center;align-items: center;cursor: pointer;-webkit-transition: all .6s ease;transition: all .6s ease;color: #fff; }
.header_search_box p{padding-left: 10px;font-size:1.1958333vw;}
.header_search_svg i {width: 1.041666vw; fill: #333;-webkit-transition: all .6s ease;transition: all .6s ease;font-size:1.3958333vw; color: #f18a17;}
.header_search_play_wrap {position: relative;width: 2.3958333vw;height: 2.3958333vw;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;cursor: pointer;}
.header_search_input_wrap {overflow: hidden;width: 0;-webkit-transition: all .6s ease;transition: all .6s ease;}
.header_search_current .header_search_input_wrap {width: auto}
.header_search_input_content {padding: 0 0 0 1.041666vw;width: 9.0624997vw;}
.header_search_input_content input {width: 60%;line-height: 2.3958333vw;font-size: 0.78125vw;color: #ffffff;-webkit-transition: all .6s ease;transition: all .6s ease;}
.header_search_input_box input::placeholder {color: rgba(255, 255, 255, .4);-webkit-transition: all .6s ease;transition: all .6s ease;}
.header_search_icon {-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.header_search_icon i {color: #ffffff;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);font-size:1.5vw;}
.header_active:after {height: 100%;-webkit-box-shadow: 0 0 0.78125vw rgba(0, 0, 0, .05);box-shadow: 0 0 0.78125vw rgba(0, 0, 0, .05);}
.header_lang_wrap{padding: 0 0 0 1.041666vw ; color: #fff;font-size:16px;}


.header_active .header_search_input_box input::placeholder {color: rgba(34, 34, 34, .2)}
.header_active .header_search_input_box input {color: #222222;}
.header_active .header_logo_box a img {}
.header_active .header_logo_box a .pclogo{display: none;}
.header_active .header_logo_box a .tellogo{display: block;}
.header_active .header_menu_label {color: #333;}
.header_active .header_search_box {color: #333;}
.header_active .header_menu_label:after {background: #333;}
.header_active .header_search_box:after {border: 1px solid rgba(34, 34, 34, .2);}
.header_active .header_search_icon i {color: #222222;font-size: 1.5vw;}
.header_active .header_lang_wrap {color: #222222;}


.header_white .header_search_input_box input::placeholder {color: rgba(34, 34, 34, .2)}
.header_white .header_search_input_box input {color: #222222;}
.header_white .header_logo_box .pclogo{display: none;}
.header_white .header_logo_box .tellogo{display: block;}
.header_white .header_menu_label {color: #333;}
.header_white .header_search_box p{color: #333;}
.header_white .header_menu_label:after {background: #333;}
.header_white .header_search_box:after {border: 1px solid rgba(34, 34, 34, .2);}
.header_white .header_search_icon i {color: #222222;}
.header_white .header_lang_wrap {color: #222222;}

.header_default:after {height: 100%;-webkit-box-shadow: 0 0 0.78125vw rgba(0, 0, 0, .05);box-shadow: 0 0 0.78125vw rgba(0, 0, 0, .05);}
.header_default .header_search_input_box input::placeholder {color: rgba(34, 34, 34, .2)}
.header_default .header_search_input_box input {color: #222222;}
.header_default .header_logo_box a img {-webkit-filter: none;filter: none;-webkit-filter: brightness(100%) grayscale(100%) invert(100%);filter: brightness(100%) grayscale(100%) invert(100%);-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.header_default .header_menu_label {color: #333;}
.header_default .header_menu_label:after {background: #333;}
.header_default .header_search_box:after {border: 1px solid rgba(34, 34, 34, .2);}
.header_default .header_search_icon svg {fill: #222222;}

.header_hover:after {height: 100%;-webkit-box-shadow: 0 0 0.78125vw rgba(0, 0, 0, .05);box-shadow: 0 0 0.78125vw rgba(0, 0, 0, .05);}
.header_hover .header_search_input_box input::placeholder {color: rgba(34, 34, 34, .2)}
.header_hover .header_search_input_box input {color: #222222;}
.header_hover  .header_lang_wrap{ color: #333;}
.header_hover .header_logo_box a img {}
.header_hover .header_logo_box .pclogo{display: none;}
.header_hover .header_logo_box .tellogo{display: block;}
.header_hover .header_menu_label {color: #333;}
.header_hover .header_search_box {color: #333;}
.header_hover .header_menu_label:after {background: #333;}
.header_hover .header_search_box:after {border: 1px solid rgba(34, 34, 34, .2);}
.header_hover .header_search_icon i {color: #222222;}

.header_current:after {-webkit-box-shadow: none;box-shadow: none;}
.header_current .header_logo_box a img {-webkit-filter: none;filter: none;-webkit-filter: brightness(100%) grayscale(100%) invert(100%);filter: brightness(100%) grayscale(100%) invert(100%);-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.header_current .header_menu_label {color: #333;}
.header_current .header_menu_label:after {background: #333;}
.header_current .header_search_box:after {border: 1px solid rgba(34, 34, 34, .2);}
.header_current .header_search_icon {-webkit-transform: scale(0);transform: scale(0);opacity: 0;pointer-events: none;}
.header_current .header_search_icon i {color: #222222;}
.header_current .header_lang_wrap {color: #222222;}
.header_current .header_search_close_icon svg {fill: #222222;}
.body_animate .header_wrap {-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);}

.fanhui{width: 100%; padding: 2% 0 0 0;font-size: 0.8vw;}
.fanhui a{background: #f2f2f2; margin: 0 5px;display: inline-block; padding: 8px 10px;}

@media screen and (max-width: 1200px) {
  .fanhui{font-size: 14px;}
}

.body_animate .index_banner_button_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: 1s;transition-delay: 1s;}
.body_animate .index_banner_tips_wrap {-webkit-transform: none;transform: none;opacity: 1;-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_page_wrap {position: relative;}
.index_pro_wrap {padding: 5.25vw 0 5.25vw 0;position: relative; background: #e5f3ff;}
.index_pro_after {position: absolute;left: 0;top: 0;height: 14.58333vw;width: 100%;-webkit-transform: translateY(-100%);transform: translateY(-100%);}
.index_pro_after:after {content: "";position: absolute;left: 0;top: 0;height: 14.58333vw;width: 100%;background-image: linear-gradient(to right, rgba(219, 238, 255, 1), rgba(219, 238, 255, 1));}
.index_pro_after:before {content: "";position: absolute;left: 0;top: 0;height: 22.58333vw;width: 100%;background-image: linear-gradient(to top, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0));z-index: 2;}
.index_pro_box {position: relative;z-index: 9;}
.index_pro_head_read{width: 40vw;}
.index_pro_head_read .public_head_title::before{content: "Products"}
.public_head_title {font-size:2.8125vw; font-weight: bold; padding-bottom:10px;color: #1b62c3;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw); position: relative;z-index: 2;}
.public_head_title img{margin-right: 0.3333vw; margin-bottom: 0.6333vw; display: inline-block; width: 9%;}
.public_head_title::before{content: "Solution";z-index: -1;width: 100%;position: absolute;left: 0;bottom: 10%;font-size: 5.0125vw;line-height: 1;-webkit-text-stroke: 1px #eae8e8;color: transparent;font-family: 'mont';}
.public_head_text {font-size: 1.4625vw;line-height: 2.08333vw;;color: #666;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.public_head_tips {margin-top: 1.5625vw;position: relative;height: 1.1458333vw;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.public_head_circle_icon {width: 1.1458333vw;height: 1.1458333vw;overflow: hidden;position: absolute;left: 0;top: 0;opacity: 0;}
.public_head_circle_label {position: absolute;right: 0;top: 0;width: 1.1458333vw;height: 1.1458333vw;background: #fb9324;-webkit-border-radius: 100%;border-radius: 100%;z-index: 9;}
.public_head_circle_icon:nth-child(1) {z-index: 3;}
.public_head_circle_icon:nth-child(2) {width: 0.625vw;left: 0.5208333vw;z-index: 2;}
.public_head_circle_icon:nth-child(3) {width: 0.625vw;left: 1.3541666vw;z-index: 1;}
.public_head_circle_icon:nth-child(2) .public_head_circle_label, .public_head_circle_icon:nth-child(3) .public_head_circle_label {background: #050607;}
@media screen and (max-width:1440px) {
  .public_head_title {font-size:48px;}
}
.index_pro_head_box {-webkit-align-items: flex-end;align-items: flex-end;-webkit-justify-content: space-between;justify-content: space-between;}
/* .index_pro_head_button {opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);} */
.public_button_read {width: 8.59375vw;position: relative;-webkit-border-radius: 1.40625vw;border-radius: 1.40625vw;overflow: hidden;}
.public_button_read:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-border-radius: 1.40625vw;border-radius: 1.40625vw;border: 1px solid #c9c9c9;box-sizing: border-box;z-index: 1;}
.public_button_read:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 0;
height: 100%;
background: #1860c2;
box-sizing: border-box;
z-index: 2;
-webkit-transition: all .4s ease;
transition: all .4s ease;
-webkit-transition-delay: .26s;
transition-delay: .26s;}
.public_button_text {
font-size:0.88541666vw;
line-height: 2.8125vw;
color: #222222;
width: 100%;
z-index: 9;
position: relative;
text-align: center;
-webkit-transition: all .4s ease;
transition: all .4s ease;
-webkit-transition-delay: .26s;
transition-delay: .26s;
}
.public_button_icon {
width: 2.8125vw;
height: 2.8125vw;
background: #fb9324;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-border-radius: 100%;
border-radius: 100%;
position: relative;
overflow: hidden;
}
.public_button_icon:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 0;
height: 100%;
-webkit-background-image: linear-gradient(to right, #1860c2 20%, #28c0ca);
background-image: linear-gradient(to right, #1860c2 20%, #28c0ca);
box-sizing: border-box;
z-index: 2;
-webkit-transition: all .4s ease;
transition: all .4s ease;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.public_button_icon .public_button_label {width: 33.333%;position: relative;z-index: 9;}
.public_button_icon .public_button_label svg {fill: #ffffff;-webkit-transition: all .4s ease;transition: all .4s ease;-webkit-transition-delay: 0s;transition-delay: 0s;}
.public_button_box:hover .public_button_text {color: #ffffff;-webkit-transition-delay: 0s;transition-delay: 0s;}
.public_button_box:hover .public_button_read:before {width: 100%;-webkit-transition-delay: 0s;transition-delay: 0s;}
.public_button_box:hover .public_button_icon:after {width: 100%;-webkit-transition-delay: .26s;transition-delay: .26s;}
.public_button_box:hover .public_button_icon .public_button_label svg {fill: #ffffff;-webkit-transition-delay: .26s;transition-delay: .26s;}

.pu_link {display: inline-block;}
.pu_link a {cursor: pointer;position: relative;transition: 0.4s;width: 8vw;color: #fff;padding: 0 0 0.88541666vw 0;border-bottom: 2px solid #fff; display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;font-size: 0.78125vw;}
.pu_link a::before {transition: 0.4s;z-index: 1;content: '';position: absolute;bottom: -2px;left: 0;width: 0%;height: 2px;background: #e85a26;}
.pu_link a:hover {padding: 0 0.3vw 0.3vw;}
.pu_link a:hover::before {width: 100%;}
.pu_link.black a {color: #000;border-bottom: 2px solid #000;}
.index_pro_content .pr_box {display: flex;}
.index_pro_content .pr_box .slide {transition: 0.6s;flex: 1;overflow: hidden;position: relative;margin-right: 0.6875vw;}
.index_pro_content .pr_box .slide .de_img {width: 100%;}
.index_pro_content .pr_box .slide .de_img img {height: 30vw;transition: 0.4s;}
.index_pro_content .pr_box .slide .de_ab1 {transition: 0.4s;position: absolute;bottom:4.6875vw;width: 100%;text-align: center;color: #fff;}
.index_pro_content .pr_box .slide .de_ab1 p {padding: 0 0.6875vw;font-size: 1.4625vw;}
.index_pro_content .pr_box .slide .de_ab2 {transition: 0.6s;opacity: 0;z-index: 2;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.index_pro_content .pr_box .slide .de_ab2 .center {transition: 0.6s;width: 100%;padding: 0 0.6rem;color: #fff;margin-top: 100%;}
.index_pro_content .pr_box .slide .de_ab2 .center .content1 .cn {margin-top: 4.6875vw;}
.index_pro_content .pr_box .slide .de_ab2 .center .content1 .zh{font-size: 1.5625vw;}
.index_pro_content .pr_box .slide .de_ab2 .center .content2 {margin: 0.34rem 0 0.56rem;display: inline-block;}
.index_pro_content .pr_box .slide .de_ab2 .center .content2 a {transition: 0.4s;color: #fff;line-height: 1.6;}
.index_pro_content .pr_box .slide .de_ab2 .center .content2 a:hover {color: #e85a26;}
.index_pro_content .pr_box .slide .de_ab2 .center .content3 i{font-size: 0.78125vw;}
.index_pro_content .pr_box .slide:last-child {margin-right: 0;}
.index_pro_content .pr_box .slide.active {flex: 2.6;}
.index_pro_content .pr_box .slide.active .de_img img {width: 100%;}
.index_pro_content .pr_box .slide.active .de_ab1 {opacity: 0;}
.index_pro_content .pr_box .slide.active .de_ab2 {opacity: 1;}
.index_pro_content .pr_box .slide.active .de_ab2 .center {margin-top: 0;}
.index_field {
  position: relative;
}
.index_field .field_ab1 {
  z-index: 1;
  position: absolute;
  width: 100%;
  top: 1rem;
}
.index_field .field_ab1 .pu_le .e1::before {
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.2);
}
.index_field .field_ab1 .pu_le .e1 .txt {
  color: #fff;
}
.index_field .field_ab1 .pu_le .e2 {
  color: rgba(255, 255, 255, 0.8);
}
.index_field .field_ab2 {
  width: 100%;
  position: absolute;
  bottom: 0.7rem;
  overflow: hidden;
}
.index_field .field_ab2 .swiper-slide {
  transform: translateY(0.52rem);
  transition: 0.4s;
  opacity: 0.66;
}
.index_field .field_ab2 .swiper-slide .content1 {
  text-align: center;
}
.index_field .field_ab2 .swiper-slide .content1 .img {
  margin: 0 auto;
}
.index_field .field_ab2 .swiper-slide .content1 .img img {
  height: 0.75rem;
}
.index_field .field_ab2 .swiper-slide .content1 .img .g1 {
  display: none;
}
.index_field .field_ab2 .swiper-slide .content1 .txt {
  margin-top: 0.28rem;
  color: #fff;
}
.index_field .field_ab2 .swiper-slide .content2 {
  margin-top: 0.3rem;
}
.index_field .field_ab2 .swiper-slide .content2 .round {
  width: 0.52rem;
  height: 0.52rem;
  background: #0160a0;
  border-radius: 50%;
}
.index_field .field_ab2 .swiper-slide .content2 .round i {
  color: #fff;
}
.index_field .field_ab2 .swiper-slide:hover {
  opacity: 1;
  transform: translateY(0);
}
.index_field .field_ab2 .swiper-slide:hover .content1 .img .g1 {
  display: inline-block;
}
.index_field .field_ab2 .swiper-slide:hover .content1 .img .g2 {
  display: none;
}
.index_field .field_bk {
  position: relative;
  width: 100%;
}
.index_field .field_bk::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.index_field .field_bk picture {
  display: none;
}
.index_field .field_bk picture.active {
  display: block;
}
.index_field .field_bk img {
  width: 100%;
}

.index_pro_content {margin-top: 3.6875vw;}
.index_pro_item_box {width: 23.823529%;margin: 0 1.47058875% 0 0;pointer-events: none;opacity: 0;-webkit-transform: translateY(30%);transform: translateY(30%);-webkit-transform-origin: left top;transform-origin: left top;}
.index_pro_item_box:nth-child(4n+1) {-webkit-animation-delay: .1s;animation-delay: .1s;}
.index_pro_item_box:nth-child(4n+2) {-webkit-animation-delay: .2s;animation-delay: .2s;}
.index_pro_item_box:nth-child(4n+3) {-webkit-animation-delay: .3s;animation-delay: .3s;}
.index_pro_item_box:nth-child(4n+4) {-webkit-animation-delay: .4s;animation-delay: .4s;}
.index_pro_item_box:nth-child(4n) {-webkit-animation-delay: .5s;animation-delay: .5s;}
.index_pro_item_box:nth-child(4n) {margin: 0;}
.index_pro_item_box:nth-child(2n) a {margin-top: 3.125vw;}
.index_pro_item_box a {display: block;position: relative;padding: 1px;}
.index_pro_item_box a:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-background-image: linear-gradient(to right, #1860c2 20%, #28c0ca);background-image: linear-gradient(to right, #1860c2 20%, #28c0ca);-webkit-border-radius: 0.78125vw;border-radius: 0.78125vw;opacity: 0;-webkit-transition: all .6s ease;transition: all .6s ease;}
.index_pro_item_box a:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #f0f0f0;-webkit-border-radius: 0.78125vw;border-radius: 0.78125vw;-webkit-transition: all .6s ease;transition: all .6s ease;}
.index_pro_item_content { -webkit-border-radius: 0.78125vw;border-radius: 0.78125vw;position: relative;z-index: 9;-webkit-transition: all .6s ease;transition: all .6s ease;background: #ffffff;}
.index_pro_item_icon { width: 100%;height:100%;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.index_pro_item_icon img {max-width: 100%;max-height: 100%;width: auto;height: auto;}
.index_pro_item_big{padding:0 2.08333vw 2.08333vw 2.08333vw;}
.index_pro_item_read {}
.index_pro_item_title {font-size: 1.4625vw;line-height: 2.08333vw;color: #222222;-webkit-transition: all .6s ease;transition: all .6s ease;}
.index_pro_item_text {
font-size: 0.83333vw;
line-height: 1.25vw;
color: #777777;
margin-top: 0.78125vw;
}
.index_pro_item_tips {
margin-top: 2.6041666vw;
position: relative;
}
.index_pro_item_pagination {
position: absolute;
left: 0;
top: 0;
overflow: hidden;
}
.index_pro_item_hide {
-webkit-align-items: flex-end;
align-items: flex-end;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_pro_item_number {
font-size: 0.83333vw;
line-height: 1.7708333vw;
color: #e7e7e7;
margin-right: 0.26041666vw;
}
.index_pro_item_number:last-child {
margin-right: 0;
}
.index_pro_item_current {
font-size: 2.08333vw;
line-height: 2.6041666vw;
}
.index_pro_item_button {
position: relative;
overflow: hidden;
-webkit-border-radius: 1.30208333vw;
border-radius: 1.30208333vw;
}
.index_pro_item_btn {
width: 2.6041666vw;
height: 2.6041666vw;
-webkit-background-image: linear-gradient(to right, #1860c2 20%, #28c0ca);
background-image: linear-gradient(to right, #1860c2 20%, #28c0ca);
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_pro_item_label {
width: 28%;
}
.index_pro_item_label svg {fill: #ffffff;}
.index_pro_item_box a:hover .index_pro_item_content {-webkit-box-shadow: 0 0 3.125vw rgba(35, 192, 200, .2);box-shadow: 0 0 3.125vw rgba(35, 192, 200, .2);}
.index_pro_item_box a:hover .index_pro_item_btn {-webkit-transform: none;transform: none;}
.index_pro_item_box a:hover .index_pro_item_hide {-webkit-transform: translateX(100%);transform: translateX(100%);opacity: 0;}
.index_pro_item_box a:hover:after {opacity: 1;}
.index_pro_item_box a:hover:before {opacity: 0;}
.index_pro_item_box a:hover .index_pro_item_title {color: #1860c2;}
.index_advantage_head_read {text-align: center;}
.index_advantage_head_read .public_head_title::before{content: "company"}
.index_advantage_head_read .public_head_text{font-size:1.3666vw;}
.index_advantage_head_read .AddPublicHeadWrap .public_head_subtext{width:85%; margin:3.5625vw auto 0 auto; opacity: 0.7;font-size:1.2666vw; line-height:2.2666vw ;}
.public_head_subtext {font-size:1.041666vw;line-height:40px;color: #222222;margin-top: 1.5625vw;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.index_advantage_data_box {-webkit-justify-content: space-between;justify-content: space-between;}
.index_advantage_item_box {min-width: 11.764705%;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);width: max-content;}
.index_advantage_item_icon {width: 3.3333vw;height: 3.3333vw;margin: 0 auto;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.index_advantage_item_icon img {max-height: 100%;max-width: 100%;width: auto;height: auto;}
.index_advantage_item_title {-webkit-justify-content: center;justify-content: center;}
.index_advantage_item_read {text-align: center;margin-top: 2.08333vw;}
.index_advantage_item_number {font-size: 4.1666vw;line-height: 4.6875vw;color: #1860c2;}
.index_advantage_item_label {font-size:1.4666vw;line-height: 4.6875vw;color: #1860c2;text-transform: uppercase; margin-left: 7px;}
.index_advantage_item_text {font-size: 0.93333vw;line-height: 1.3541666vw;color: #999999;margin-top: 0.5208333vw;}
.index_advantage_data_wrap {width: 90%; margin: 4.208333vw auto 0 auto;}
.index_advantage_circle_wrap {padding-bottom: 12.1458333%;position: relative;margin-top: 2.1666vw;z-index: 9;}
.index_advantage_circle_box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-justify-content: center;
justify-content: center;
}
.index_advantage_circle_content {
width: 62.13541666%;
height: 100%; /*overflow: hidden;*/
position: relative;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
z-index: 9;
}
.index_advantage_circle_pack {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.index_advantage_circle_icon {
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
/*.index_advantage_circle_icon img {*//*    -webkit-animation:IndexCircle 75s infinite normal both;*//*    animation:IndexCircle 75s infinite normal both;*//*}*/
@keyframes IndexCircle {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.index_advantage_circle_big {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.index_advantage_circle_line {
position: absolute;
width: 100%;
opacity: 0;
}
.index_advantage_circle_line:nth-child(1) {left: -8%;top: 17%;}
.index_advantage_circle_line:nth-child(2) {left: 4%;top: 17%;}
.index_advantage_circle_button {position: relative;z-index: 9;overflow: hidden;}
.index_advantage_circle_button .public_button_wrap {-webkit-transform: translateY(100%);transform: translateY(100%);}
.index_advantage_circle_button .public_button_read:after {border: 1px solid #000;}
.index_advantage_wrap {padding: 5.3333vw 0 1vw 0;position: relative;overflow: hidden;/*background: url(../images/index/aboutbg.jpg) no-repeat center top;*/ background-size: cover};
.index_advantage_box {position: relative;z-index: 9;}
.index_advantage_back {position: absolute;left: 0;bottom: 0;height: 14.58333vw;width: 100%;-webkit-transform: translateY(100%);transform: translateY(100%);opacity: 0;}
.index_advantage_back:after {content: "";position: absolute;left: 0;bottom: 0;height: 100%;background-image: -webkit-linear-gradient(to right, rgba(25, 110, 218, 1), rgba(45, 217, 224, 1));background-image: linear-gradient(to right, rgba(25, 110, 218, 1), rgba(45, 217, 224, 1));}
.index_advantage_back:before {content: "";position: absolute;left: 0;bottom: 0;height: 100%;width: 100%;background-image: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 60%);background-image: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 60%);z-index: 2;}
.index_advantage_circle_read {position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;}
.index_advantage_circle_text {opacity: 0;pointer-events: none;-webkit-transform: translateY(100%);transform: translateY(100%);}
.index_advantage_circle_label {font-size: 19.791666vw;line-height: 19.791666vw;background-image: -webkit-linear-gradient(left, rgba(25, 110, 218, .15), rgba(45, 217, 224, .15));
background-image: linear-gradient(left, rgba(25, 110, 218, 1.15), rgba(45, 217, 224, .15));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

@media screen and (max-width:1440px){
.public_head_subtext{font-size: 16px;}
}

.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 0.3s cubic-bezier(.4, 0, .2, 1);transition: all 0.3s cubic-bezier(.4, 0, .2, 1);}
.header_menu_down_pack {position: fixed;top: 0;left: 0;width: 100vw;pointer-events: none;}
.header_menu_down_wrap {height: 0;overflow: hidden;position: relative;z-index: 9;-webkit-transition: all 0.3s cubic-bezier(.4, 0, .2, 1);transition: all 0.3s cubic-bezier(.4, 0, .2, 1);}
.header_menu_down_content {padding-top: 4.6875vw;}
.header_pro_down_content {padding-top: 4.6875vw;}
.header_menu_down_pd {background: #ffffff;pointer-events: auto;position: relative;overflow: hidden;}
.header_menu_down_pd:after {content: "";position: absolute;left: 0;top: -0.5vw;width: 100%;height: 0.5vw;-webkit-box-shadow: 0 0 .6vw rgba(230, 230, 230, .5);box-shadow: 0 0 .6vw rgba(230, 230, 230, .5);}
.header_menu_down_box {padding: 1vw 2vw;position: relative;opacity: 0;pointer-events: none;display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;-webkit-transition: all 0.3s cubic-bezier(.4, 0, .2, 1);transition: all 0.3s cubic-bezier(.4, 0, .2, 1);}
.header_menu_down_show .header_pro_down_box {opacity: 1;pointer-events: auto;-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
.header_menu_down_show .header_menu_down_box {opacity: 1;pointer-events: auto;-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
.header_menu_down_li {padding: 0.15625vw 0;-webkit-justify-content: center;justify-content: center;margin: 0 3vw;}
.header_menu_down_li a {font-size: 0.88125vw;line-height: 1.5625vw;color: #333;text-align: center;position: relative;-webkit-transition: all .6s ease;transition: all .6s ease;}
.header_menu_down_li a:after {content: "";position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);bottom: 0;width: 0;height: 1px;background: #333333;-webkit-transition: all .6s ease;transition: all .6s ease;}
.header_menu_down_li a:hover {color: #333333;}
.header_menu_down_li a:hover:after {width: 100%;}
.header_pro_down_pack {position: fixed;top: 0;left: 0;width: 100vw;pointer-events: none;}
.header_pro_down_wrap {width: 100%;height: 0;overflow: hidden;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.header_pro_down_box {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);}
.header_pro_down_pd {background: #fcfcfc;pointer-events: auto;position: relative;overflow: hidden;}
.header_pro_down_pd:after {content: "";position: absolute;left: 0;top: -0.5vw;width: 100%;height: 0.5vw;-webkit-box-shadow: 0 0 .6vw rgba(230, 230, 230, .5);box-shadow: 0 0 .6vw rgba(230, 230, 230, .5);}

.pro_down_head_wrap {width: 25%;padding: 0 4.1666vw 0 5.7291666vw;position: relative;}
.pro_down_head_wrap:after {content: "";position: absolute;right: 0;top: 0;width: 1px;height: 100%;background: #efefef;}
.pro_down_head_box {padding: 3.6458333vw 0 4.6875vw 0;;}
.pro_down_head_title {font-size: 1.77083333vw;line-height: 2.291666vw;color: #222222; font-weight: bold;}
.pro_down_head_subtitle {font-size: 0.941666vw;line-height: 1.6625vw;color: #222222;margin-top: 1.041666vw;}
.pro_down_head_text {font-size:16px;;line-height:31px;color: #222222;margin-top: 1.5625vw;}
.pro_down_head_button {margin-top: 3.125vw;}
.pro_down_head_tips .public_head_circle_icon:nth-child(2) {left: 1.3541666vw;}
.pro_down_head_tips .public_head_circle_icon:nth-child(3) {left: 2.1875vw;}
.pro_down_nav_wrap {width: 75%;padding: 0 5.7291666vw 0 0;background: #ffffff;}
.pro_down_nav_box {padding: 0 0 0 5.7291666vw;}
.pro_down_nav_content {padding: 3.6458333vw 0 4.6875vw 0;}
.pro_down_sub_box {width: 18.4918%;margin: 0 6.0109333% 0 0;}
.pro_down_sub_box:nth-child(4n) {margin: 0;}
.pro_down_nav_title {font-size:1.03333vw;line-height: 1.5625vw;;color: #222222; font-weight: bold;}
.pro_down_nav_tips {margin-top: 0.78125vw;;}
.pro_down_nav_line {height: 1px;position: relative;background: #f2f2f2;}
.pro_down_nav_line:after {content: "";position: absolute;left: 0;top: -100%;width: 1.041666vw;;height: 300%;background: #1b62c3;z-index: 1;}
.pro_down_nav_line:before {content: "";position: absolute;left: 0;top: -100%;width: 0.5208333vw;height: 300%;background: #1860c2;z-index: 2;}
.pro_down_nav_ul {margin-top: 1.041666vw;}
.pro_down_nav_li {padding-bottom: 0.5208333vw;}
.pro_down_nav_li:last-child {padding-bottom: 0;}
.pro_down_nav_link {font-size:0.90333vw;line-height:31px;padding: 0.2vw 0; color: #333333;position: relative;-webkit-transition: all .6s ease;transition: all .6s ease;}
.pro_down_nav_link:after {content: "";position: absolute;right: 0;bottom: 0;width: 0;height: 1px;background: #1860c2;-webkit-transition: all .6s ease;transition: all .6s ease;}
.pro_down_nav_link:hover {color: #1860c2;}
.pro_down_nav_link:hover:after {width: 100%;left: 0;}
.pro_down_find_ul {margin-bottom: 0.78125vw;}
.pro_down_find_li a {font-size: 0.78125vw;line-height: 1.30208333vw;color: #666666;position: relative;}
.pro_down_find_li a:after {content: "";position: absolute;right: 0;bottom: 0;width: 0;height: 1px;background: #1860c2;-webkit-transition: all .6s ease;transition: all .6s ease;}
.pro_down_find_li a:hover {color: #1860c2;}
.pro_down_find_li a:hover:after {width: 100%;left: 0;}
.pro_down_nav_li:last-child .pro_down_find_ul {margin-bottom: 0;}
.pro_down_min_box .pro_down_nav_item {margin-bottom: 3.125vw;}
.pro_down_min_box .pro_down_nav_item:last-child {margin-bottom: 0;}

.index_solution_content {padding: 6.25vw 0 2.6041666vw 0;}
.index_solution_content .public_head_title::before {  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.2);}
.index_solution_wrap {position: relative;margin: 0 0 0 0;z-index: 9;}
.index_solution_back {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.index_solution_pic_swiper {width: 100%;height: 100%;}
.index_solution_pic {width: 100%;height: 100%;}
.index_solution_img {width: 100%;height: 100%;}
.index_solution_color {position: absolute;left: 0;bottom: 0;width: 100%;z-index: 2;}
.index_solution_box {position: relative;z-index: 9;}
.index_solution_box .public_head_title img{ width: 4%;}
.index_solution_head_wrap .public_head_title {color: #ffffff;}
.index_solution_head_wrap .public_head_text {color: #ffffff;}

.index_honor_wrap{position: relative;overflow: hidden; display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; text-align: center;}
.index_honor_wrap .public_head_wrap{background: #ebf3fa; padding: 2% 0;}
.index_honor_wrap .index_honor_l{width: 49.8%;}
.index_honor_wrap .index_honor_r{width: 49.8%;}
.index_honor_wrap .public_head_title{color: #333;font-size: 2.0125vw;}
.index_honor_wrap .public_head_text{color: #666;font-size: 1.041666vw;}


.index_map_wrap {padding: 5.208333vw 0 0 0;position: relative;overflow: hidden;}
.index_map_content {position: relative;}
.index_map_head_box {text-align: center;}
.index_map_head_button {-webkit-justify-content: center;justify-content: center;margin-top: 3.125vw}
.index_map_wrap .public_head_text{font-size:1.041666vw; width: 80%; margin:0.741666vw auto 0 auto;color: #666;}
.mapcon {position: relative;max-width: 1400px;width: 94%;margin-left: auto;margin-right: auto;margin-top: 3.125vw}
.mapcon .rect {position: relative;display: block;width: 100%;height: 0;overflow: hidden;padding-bottom: 49%}
.mapcon .rect ._full {position: absolute;left: 0;top: 0;width: 100%;height: 100%}
.mapcon .dots_box {position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;z-index: 2}
.mapcon .dots_box .dot {position: absolute;display: flex;flex-direction: column;align-items: center}
.mapcon .dots_box .dot .i {display: flex;width: 30px;height: 30px;z-index: 2;position: relative}
.mapcon .dots_box .dot .i img {width: 100%;height: 100%}
.mapcon .dots_box .dot .name {font-size: 0.83333vw;color: #999;line-height: 1;margin-top: 10px;}
.mapcon .dots_box .dot .i:after {content: '';width: 20px;height: 20px;border: 1px solid rgba(250,190,0,.8);border-radius: 50px;position: absolute;left: 50%;margin-left: -10px;top: 50%;margin-top: -10px;animation: warn 2s linear 0s infinite}
.mapcon .dots_box .dot .i:before {content: '';width: 46px;height: 46px;border: 1px solid rgba(15,50,120,0);border-radius: 50px;position: absolute;left: 50%;margin-left: -24px;top: 50%;margin-top: -24px;animation: warn 2s linear 0.4s infinite;background: rgba(15,50,120,.3)}
@-webkit-keyframes warn {
0% {  opacity: 0;  -webkit-transform: scale(.5);  transform: scale(.5)}
5% {  opacity: 1}
to {  opacity: 0;  -webkit-transform: scale(2);  transform: scale(2)}
}


.index_case_wrap {padding: 5.208333vw 0;position: relative;background: #f7f7f7;overflow: hidden;}
.cloud_page_wrap {overflow: hidden;}
.index_case_content {position: relative;}
.index_case_head_box {text-align: center;}
.index_case_head_box .public_head_title::before{content: "Custom"}
.index_case_head_button {-webkit-justify-content: center;justify-content: center;margin-top: 3.125vw;}

.index_about_wrap {position: relative;background: #fff;}
.index_about_box {position: relative;z-index: 9;}
.index_about_content {width: 52.08333%;padding: 6.7708333vw 0;position: relative;overflow: hidden; background:url(../images/index/dj_l.jpg) no-repeat left top; background-size: cover;}
.index_about_color {position: absolute;left: 0;bottom: 0;width: 100%;z-index: 2;}
.index_about_tips_icon {position: absolute;right: 0.78125vw;bottom: -4.42708333vw;width: 46.2%;z-index: 1;}
.index_about_people_wrap {width: 47.91667%;position: relative;}
.index_about_people_icon {position: absolute;right: -1.1458333vw;bottom: 0;z-index: 9;width: 86.304347%;-webkit-transform: translateX(100%);transform: translateX(100%);}
.index_about_people_back {width: 100%;height: 100%;}
.index_about_big {padding: 0 5.7291666vw;position: relative;z-index: 9;}
.index_about_head_wrap .public_head_title {color: #333;}
.index_about_head_wrap .public_head_text {color: #333;}
.index_about_pack {margin-top: 2.6041666vw;}
.index_about_title {font-size:1.5625vw;line-height: 1.66666vw;color: #333;}
.index_about_text {font-size:0.88125vw;line-height:1.8125vw;color: #333;margin-top: 0.5208333vw;}
.index_about_tab {-webkit-justify-content: space-between;justify-content: space-between;margin-top: 2.6041666vw;}
.index_about_item_box {position: relative;opacity: 0;pointer-events: none;-webkit-transform: translateX(4vw);transform: translateX(4vw);}
.index_about_item_icon {width: 4.6875vw;height: 4.6875vw;margin: 0 auto;-webkit-align-content: center;align-content: center;-webkit-justify-content: center;justify-content: center;position: relative;}
.index_about_item_icon:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.05);-webkit-border-radius: 100%;border-radius: 100%;border: 1px solid #0841b3;box-sizing: border-box;}
.index_about_item_label {max-width: 70%;max-height: 40%;position: relative;z-index: 9;-webkit-align-content: center;align-content: center;-webkit-justify-content: center;justify-content: center;}
.index_about_item_label img {width: auto;height: auto;max-width: 100%;max-height: 100%;}
.index_about_item_title {font-size: 0.83333vw;line-height: 1.3541666vw;color: #222;margin-top: 0.78125vw;}
.index_about_button {margin-top: 4.6875vw;}
.index_about_button .public_button_read:after {opacity: .2;}
.index_about_button .public_button_text {color: #333;}
.index_about_button .public_button_icon {background: #fff;}
.index_about_button .public_button_icon .public_button_label svg {fill: #000;}

.index_news_wrap {padding: 6.25vw 0 5.208333vw 0; }
.index_news_content {margin: 1.041666vw 0 1.5625vw 0;}
.index_news_swiper {padding: 3.125vw 5.7291666vw!important;}
.index_news_swiper:after {content: "";position: absolute;left: 0;top: 0;width: 3.125vw;height: 100%;z-index: 2;background-image: -webkit-linear-gradient(to right, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0));background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0));}
.index_news_swiper:before {content: "";position: absolute;right: 0;top: 0;width: 3.125vw;height: 100%;z-index: 2;background-image: -webkit-linear-gradient(to left, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0));background-image: linear-gradient(to left, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0));}
.index_news_item_box {opacity: 0;pointer-events: none;-webkit-transform: translateX(100%);transform: translateX(100%);background: #fff; }
.index_news_item_box a {display: block;position: relative;-webkit-border-radius: 0 0 0.78125vw 0.78125vw;border-radius: 0 0 0.78125vw 0.78125vw;overflow: hidden;-webkit-transition: all .6s ease;transition: all .6s ease;}
.index_news_item_box a:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 0.1041666vw;background: #efefef;z-index: 1;}
.index_news_item_box a:before {content: "";position: absolute;right: 0;top: 0;width: 0;height: 0.208333vw;z-index: 2;-webkit-transition: all .6s ease;transition: all .6s ease;
background-image: -webkit-linear-gradient(to right, rgba(25, 110, 218, 1), rgba(45, 217, 224, 1));background-image: linear-gradient(to right, rgba(25, 110, 218, 1), rgba(45, 217, 224, 1));}
.index_news_item_box a:hover {-webkit-box-shadow: 0 1.041666vw 3.125vw rgba(35, 192, 200, .2);box-shadow: 0 1.041666vw 3.125vw rgba(35, 192, 200, .2);}
.index_news_item_box a:hover .index_news_item_img img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.index_news_item_box a:hover:before {width: 100%;left: 0;}
.index_news_item_read {padding: 2.08333vw;position: relative;}
.index_news_item_title {font-size:1.041666vw;line-height: 31px;color: #111111;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index_news_item_time {font-size: 0.9375vw;line-height: 1.041666vw;color: #999999;margin-top: 1.1666vw;}
.index_news_item_img {padding-bottom: 62.52918%;}
.index_news_item_img img {-webkit-transition: all .6s ease;transition: all .6s ease;}
.public_pagination_box {-webkit-justify-content: center;justify-content: center;}
.public_pagination_button {width: 3.125vw;height: 3.125vw;position: relative;cursor: pointer;outline: none;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin: 0 1.5625vw 0 0;-webkit-border-radius: 100%;border-radius: 100%;overflow: hidden;}
.public_pagination_button:last-child {margin: 0;}
.public_pagination_button:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 1px solid #cecece;
-webkit-border-radius: 100%;
border-radius: 100%;
box-sizing: border-box;
}
.public_pagination_button:before {
content: "";
position: absolute;
right: 0;
top: 0;
width: 0;
height: 100%;
-webkit-background-image: linear-gradient(to right, #1860c2 20%, #28c0ca);
background-image: linear-gradient(to right, #1860c2 20%, #28c0ca);
box-sizing: border-box;
z-index: 2;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.public_pagination_icon {
width: 13.3333%;
position: relative;
z-index: 9;
}
.public_pagination_icon svg {
fill: #9d9d9d;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_news_next {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.public_pagination_active:before {
width: 100%;
}
.public_pagination_active .public_pagination_icon svg {
fill: #ffffff;
}
.contact_public_wrap {
position: relative;
overflow: hidden;
}
.contact_public_back {
padding-bottom: 15.625%;
width: 100%;
}
.contact_public_back img {
-webkit-animation: ContactImg 20s infinite linear normal both;
animation: ContactImg 20s infinite linear normal both;
}
@keyframes ContactImg {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
.contact_public_box {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 9;
-webkit-align-items: center;
align-items: center;
}
.contact_public_content {
width: 100%;
}
.contact_public_title {
font-size: 1.875vw;
line-height: 2.3958333vw;
color: #ffffff;
text-align: center;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.contact_public_text {
font-size: 1.041666vw;
line-height: 1.5625vw;
color: #ffffff;
text-align: center;
margin-top: 0.5208333vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.contact_public_button {
-webkit-justify-content: center;
justify-content: center;
margin-top: 2.08333vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.contact_public_button .public_button_read:after {
border: 1px solid #ffffff;
}
.contact_public_button .public_button_text {
color: #ffffff;
}
.contact_public_button .public_button_icon {
background: #ffffff;
}
.contact_public_button .public_button_icon .public_button_label svg {
fill: #f9901d;
}
.contact_public_form_head {
width: 25.882352%;
}
.contact_public_form_head .contact_public_title {
text-align: left;
}
.contact_public_form_head .contact_public_text {
text-align: left;
}
.contact_public_form_content {
width: 74.117648%;
}
.contact_public_form_tab {
width: calc(100% - 11.40625vw);
}
.contact_public_form_li {
width: 23.82324%;
margin: 0 1.17676% 0 0;
opacity: 0;
pointer-events: none;
-webkit-transform: translateX(4vw);
transform: translateX(4vw);
}
.contact_public_form_li input {
font-size: 0.83333vw;
line-height: 2.8125vw;
color: #333333;
padding: 0 1.458333vw;
background: #ffffff;
-webkit-border-radius: 1.40625vw;
border-radius: 1.40625vw;
width: 100%;
}
.contact_public_form_li input::placeholder {
color: #999999;
}
.contact_public_form_box {
-webkit-align-items: flex-end;
align-items: flex-end;
}
.contact_public_form_button {
opacity: 0;
pointer-events: none;
-webkit-transform: translateX(4vw);
transform: translateX(4vw);
}
.contact_public_form_button .public_button_read:after {
border: 1px solid #ffffff;
}
.contact_public_form_button .public_button_text {
color: #ffffff;
}
.contact_public_form_button .public_button_icon {
background: #ffffff;
}
.contact_public_form_button .public_button_icon .public_button_label svg {
fill: #22b9c8;
}
.footer_wrap {background: #0f1d33;position: relative;overflow: hidden;}
.footer_animate {-webkit-transform: translateY(-30%);transform: translateY(-30%);}
.footer_back {position: absolute;left: 0;bottom: 0;width: 100%;}
.footer_back img{width: 100%;}
.footer_box {position: relative;z-index: 9;}
.footer_big_wrap {padding: 5.34375vw 0 3vw 0;}
.footer_nav_item_head {-webkit-align-items: center;align-items: center;}
.footer_nav_item_icon {width: 0.15625vw;height: 0.9375vw;position: relative;}
.footer_nav_item_icon:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #1860c2;z-index: 1;}
.footer_nav_item_icon:before {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 50%;z-index: 2;background: #fb9324;}
.footer_nav_item_title {font-size: 0.9375vw;line-height: 1.5625vw;color: #ffffff;margin-left: 0.625vw;}
.footer_nav_item_ul {margin-top: 1.041666vw;}
.footer_nav_item_li {padding: 0.208333vw 0;color: #78869b;font-size:0.88125vw;line-height: 34px;}
.footer_nav_item_li a {font-size:0.88125vw;line-height: 34px;color: #78869b;}
.footer_nav_wrap {width: 82%;}
.footer_contact_wrap {width: 18%;}
.footer_nav_item_box {width: 21%;padding-right: 1.041666vw;}
.footer_nav_item_box:nth-child(3){width: 40%;}
.footer_contact_content {margin-top: 1.041666vw;}
.footer_contact_title a {font-size: 1.7708333vw;line-height: 2.08333vw;color: #ffffff;}
.footer_contact_text {font-size: 0.78125vw;line-height: 1.25vw;color: #78869b;margin-top: 1.30208333vw;}
.footer_line_box {position: relative;width: 100%;height: 1px;}
.footer_line_box:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, .15);}
.footer_pack_wrap {padding: 3.6458333vw 0 1.041666vw 0;}
.footer_add_wrap {width: 82%;}
.footer_add_box {width: 42%;}
.footer_logo_wrap {width: 10.41666vw;}
.footer_copy_wrap{text-align: center; overflow: hidden; width: 100%; border-bottom:1px solid transparent; border-color: rgba(255, 255, 255, 0.1);display: flex; display:-webkit-flex;-webkit-justify-content:center;   justify-content:center;}
.footer_copy_wrap .footer_copy_text img{width: 50%;}
.footer_copy_wrap .footer_copy_text a{padding: 0 5px;}

.footer_logo_img img {/*-webkit-filter: brightness(0%) grayscale(100%) invert(100%);filter: brightness(0%) grayscale(100%) invert(100%);*/}
.footer_add_tab {margin-top: 2.08333vw;}
.footer_add_btn {font-size: 0.88541666vw;line-height: 1.5625vw;color: #78869b;margin-right: 2.08333vw;cursor: pointer;outline: none;position: relative;-webkit-transition: all .6s ease;transition: all .6s ease;}
.footer_add_btn:after {content: "";position: absolute;bottom: 0;right: 0;width: 0;height: 0.1041666vw;background: #1b62c3;-webkit-transition: all .6s ease;transition: all .6s ease;}
.footer_add_active {color: #1b62c3;}
.footer_add_active:after {width: 100%;left: 0;}
.footer_add_item_text, .footer_add_item_text a {font-size: 0.78125vw;line-height: 1.3541666vw;color: #5e6b7e;}
.footer_add_swiper {margin-top: 0.78125vw;}
.footer_share_wrap {width: 100%; margin-top:1.3541666vw;}
.footer_share_box {-webkit-justify-content: space-between;justify-content: space-between;}
.footer_share_item_box {width: 43.1372%;}
.footer_share_item_img {width: 100%;}
.footer_share_item_title {font-size: 0.7291666vw;line-height: 1.5625vw;color: #78869b;text-align: center;margin-top: 0.5208333vw;}
.footer_copy_box {padding: 1.1458333vw 0;}
.footer_copy_text, .footer_copy_text a {font-size:0.78125vw;line-height: 1.3541666vw;color: #748296;}
.footer_copy_text {margin-right: 0.78125vw;}
.footer_copy_text:last-child {margin-right: 0;}
.footer_wrap a {position: relative;-webkit-transition: all .6s ease;transition: all .6s ease;}
.footer_wrap a:after {content: "";position: absolute;right: 0;bottom: 0;width: 0;height: 1px;background: #1b62c3;-webkit-transition: all .6s ease;transition: all .6s ease;}
.footer_wrap a:hover {color: #1b62c3;}
.footer_wrap a:hover:after {width: 100%;left: 0;}


/* #banner */
#banner .swiper-slide .pcpic{display: block;}
#banner .swiper-slide .telpic{display: none;}
#banner {width:100%; position:relative; z-index:0; overflow:hidden;margin-top: 2vw; }
#banner .txt .main{width:90%;margin:0 auto;text-align: center;}
#banner .txt .main .imga{width: 65%;margin: 0 auto;}
#banner .txt .main .imgb{width: 58%;margin:2% auto 0 auto;}
#banner .txt{ display: flex; flex-direction:column; justify-content:center;  position:absolute;z-index: 999;left:0;bottom:4%; width:100%;}
#banner .txt div.yea{  transform:translateY(200px);opacity:0;transition:all 0.3s; width:25px;height: 4px;background: #333; margin:  0 auto 35px auto;  }
#banner .txt p{font-size:1.5625vw;font-weight: 500; padding: 0.2rem 0 0 0; transform:translateY(200px);opacity:0;transition:all 0.6s;  color: #333; }
#banner .txt em{font-size:1.5625vw; transform:translateY(400px);opacity:0;transition:all 0.6s;  color: #333;   display: block;font-style:normal;  margin:  10px auto 0.15rem  auto; text-align: center; }
#banner .txt strong{font-size:1.5625vw;   transform:translateY(200px);opacity:0;transition:all 0.9s; line-height: 1.8;display: block;  color: #333;}
#banner .txt .viewmore {transform:translateY(200px);opacity:0;transition:all 0.9s; margin:2% 0 0 0  }

#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,#banner .txt .banner_zi img{transform:translateY(0px);opacity:1; transition-delay:0.5s;}
#banner .swiper-slide .pic {position:relative; z-index:1; height:85vh;}
#banner .swiper-slide .pic img{width:100%;height:100%; object-fit: cover; transition: all 4s; }
#banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url(../images/img23.png) no-repeat center top!important; }
.viewmore {position: relative;}
.viewmore a{pointer-events: all; display: block;line-height:38px;padding: 10px 20px 10px 20px; width: 200px;   color:#fff;; border-radius: 50px;  position: relative;transition:all 0.3s; text-align: center;margin:2% auto 0 auto ;background-image: -webkit-linear-gradient(left,#1642bb, #08cef9);font-size:1.0625vw;}
.viewmore a i{ color: #0b419a;}
.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.36); transition: all .5s ease;opacity: 1.0; font-size:0; margin: 0 5px;} 
#banner .swiper-pagination-bullet-active{background:rgba(255,255,255,0.8);color: #fff;width: 33px;border-radius: 30px; }
#banner .swiper-pagination{bottom:20px;left: 0;right: 0;}


@media (max-width:1560px){
#banner .txt em{}
}
@media (max-width:1440px){
    #banner .txt .banner_zi img{ width: 50%;}

#banner .txt em{}
}

@media (max-width:1280px){

#banner .txt em{ width: 50%;}
#banner .swiper-slide .pic{height: 85vh}
}


@media (max-width:1023px){
    #banner .txt{}
#banner .swiper-slide .pcpic{display: none;}
#banner .swiper-slide .telpic{display: block;}
#banner .txt2{display: block; top:0%;display: flex;}
#banner .txt em{width: 100%; font-size: 18px; line-height: 31px; padding: 10px 0; margin-bottom: 20px;background: none;}
#banner .txt strong{font-size:20px; line-height: 30px;z-index: 888;}
#banner .txt p{font-size: 16px; line-height: 30px;; padding-top:20px; width: 95%;display: none;}
#banner .txt .banner_zi{width: 80%; margin: 0 auto;}
#banner .txt .banner_zi img{width: 100%;}
#banner .swiper-slide .pic{height:24vh}
#banner .txt .main .imga{width: 80%;}
#banner .txt .main .imgb{width: 80%;}
.viewmore a{width: 150px;  line-height: 17px; font-size: 20px}
}



.index_solution_item_box {padding-bottom: 3.6458333vw;}
.index_solution_title {font-size:1.8625vw;line-height: 2.08333vw;color: #ffffff;opacity: 0;pointer-events: none;-webkit-transform: translateY(3.6458333vw);transform: translateY(3.6458333vw);}
.index_solution_text {font-size:0.93333vw;line-height:2.08333vw;color: #ffffff;margin-top: 0.78125vw;opacity: 0;pointer-events: none;-webkit-transform: translateY(3.6458333vw);transform: translateY(3.6458333vw);}
.index_solution_button {margin-top: 2.08333vw;opacity: 0;pointer-events: none;-webkit-transform: translateY(3.6458333vw);transform: translateY(3.6458333vw);}
.index_solution_button .public_button_read:after {opacity: .2;}
.index_solution_button .public_button_text {color: #ffffff;}
.index_solution_button .public_button_icon {background: #ffffff;}
.index_solution_button .public_button_icon .public_button_label svg {fill: #000;}
.index_solution_tab {width: 46.1176%;}
.index_solution_big {padding: 7.291666vw 0 5.208333vw 0;}
.index_solution_scroll_wrap {position: relative;height: 0.15625vw;width: 100%;}
.index_solution_scroll_box {position: relative;background: none;height: 100% !important;width: 100%;}

.index_solution_scroll_box .swiper-pagination-progressbar-fill {z-index: 9;-webkit-background-image: linear-gradient(to right, #1860c2 20%, #28c0ca);background-image: linear-gradient(to right, #1860c2 20%, #28c0ca);}
.index_solution_nav_box {-webkit-justify-content: center;justify-content: center;}
.index_solution_nav_wrap {margin-top: 2.08333vw;}
.index_solution_nav_li {font-size: 1.1458333vw;line-height: 1.66666vw;color: rgba(255, 255, 255, .9);cursor: pointer;outline: none;-webkit-transition: all .6s ease;transition: all .6s ease; margin: 0 5%;}
.index_solution_nav_li img{display: block; margin: 0 auto 1% auto;}
.index_solution_nav_active {color: rgba(255, 255, 255, 1);}
.index_case_pack {margin-top: 2.86458333vw;}
.index_case_swiper {margin-bottom: 0.41666vw;overflow: initial;font-size: 0;}
.index_case_swiper:last-child {margin-bottom: 0;}
.index_case_swiper .swiper-wrapper {transition: all 0s linear;}
.index_case_item_img {padding-bottom: 50.3937%;-webkit-transition: all .6s ease;transition: all .6s ease;cursor: pointer;}
.index_case_swiper {width: 100%;overflow: initial;}
.index_case_big {width: max-content;}
.index_case_item_box {width: 13.2291666vw;margin: 0 0.208333vw;pointer-events: auto;position: relative;-webkit-transition: all .6s ease;transition: all .6s ease;}
@media (max-width:1200px){
.index_solution_nav_li img{width: 35%;}
}

.str_wrap {
overflow: initial;
width: 100%;
position: relative;
white-space: nowrap;
}
.str_move {
white-space: nowrap;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
.index_case_item_content {
position: absolute;
opacity: 0;
pointer-events: none;
top: 50%;
right: -1.30208333vw;
-webkit-transform: translateY(-50%) translateX(100%);
transform: translateY(-50%) translateX(100%);
width: 26.041666vw;
z-index: 9;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_case_swiper:nth-child(2n+1) .index_case_item_content {
left: -1.30208333vw;
-webkit-transform: translateY(-50%) translateX(-100%);
transform: translateY(-50%) translateX(-100%);
}
.index_case_item_read {
width: 100%;
position: relative;
}
.index_case_item_read:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 1px solid #eeeeee;
box-sizing: border-box;
-webkit-border-radius: 0.625vw;
border-radius: 0.625vw;
z-index: 9;
pointer-events: none;
}
.index_case_item_read:before {
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 0;
height: 0;
border-top: 0.9375vw solid transparent;
border-bottom: 0.9375vw solid transparent;
z-index: 10;
}
.index_case_swiper:nth-child(2n) .index_case_item_read:before {
left: -1.30208333vw;
border-right: 1.458333vw solid #ffffff;
}
.index_case_swiper:nth-child(2n+1) .index_case_item_read:before {
right: -1.30208333vw;
border-left: 1.458333vw solid #ffffff;
}
.index_case_item_pack {
position: relative;
z-index: 7;
background: #ffffff;
padding: 1.82291666vw;
-webkit-border-radius: 0.625vw;
border-radius: 0.625vw;
-webkit-box-shadow: 0 0 2.6041666vw rgba(35, 192, 200, .2);
box-shadow: 0 0 2.6041666vw rgba(35, 192, 200, .2);
}
.index_case_item_head {
-webkit-align-items: center;
align-items: center;
}
.index_case_item_pic {
width: 2.91666vw;
}
.index_case_head_img {
padding-bottom: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.index_case_item_tips {
margin-left: 0.5208333vw;
}
.index_case_item_title {
font-size: 1.041666vw;
line-height: 1.5625vw;
color: #222222;
}
.index_case_item_subtitle {
font-size: 0.67708333vw;
line-height: 1.25vw;
color: #1860c2;
}
.index_case_item_text {
font-size:0.83333vw;
line-height: 1.5625vw;
color: #222222;
white-space: initial;
margin-top: 1.30208333vw;
}
.index_case_item_box:hover .index_case_item_img {
-webkit-box-shadow: 0 0 3.125vw rgba(35, 192, 200, .3);
box-shadow: 0 0 3.125vw rgba(35, 192, 200, .3);
-webkit-transform: scale(1.05);
transform: scale(1.05);
z-index: 9;
}
.index_case_item_box:hover .index_case_item_content {
right: -2.34375vw;
opacity: 1;
pointer-events: auto;
}
.index_case_swiper:nth-child(2n+1) .index_case_item_box:hover .index_case_item_content {
left: -2.34375vw;
opacity: 1;
pointer-events: auto;
}
.news_banner_wrap {
position: relative;
overflow: hidden;
}
.news_banner_box {
padding: 10.9375vw 0 7.291666vw 0;
position: relative;
z-index: 9;
}
.news_banner_back {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1;
}
.news_banner_after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.news_banner_before {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 2;
}
.news_banner_content {
position: relative;
}
.news_banner_photo_wrap {
width: 43.75vw;
position: relative;
-webkit-transform: translateX(-8vw);
transform: translateX(-8vw);
opacity: 0;
pointer-events: none;
}
.news_banner_photo_wrap .public_pic_width {
width: 100%;
height: 100%;
}
.news_banner_photo_box {
padding-bottom: 53.57142%;
}
.news_banner_pic_wrap {
width: 43.75vw;
}
.news_banner_img {
width: 100%;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.news_banner_img a {display: block;padding-bottom: 53.57142%;-webkit-border-radius: 0.78125vw;border-radius: 0.78125vw;
}
.news_banner_pic_swiper .swiper-wrapper {
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.news_banner_big {
width: calc(100% - 43.75vw);
padding-left: 5.7291666vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateX(8vw);
transform: translateX(8vw);
}
.news_banner_pagination_wrap {
position: absolute;
right: 0;
bottom: 0;
width: 100%;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.news_banner_pagination_box {
position: relative;
bottom: 0 !important;
text-align: right;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.news_banner_pagination_box .swiper-pagination-bullet {
width: 0.5208333vw;
height: 0.5208333vw;
margin: 0 0.26041666vw;
opacity: 0.15;
background: #000;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.news_banner_pagination_box .swiper-pagination-bullet-active {
opacity: 1;
background: #1860c2;
}
.news_banner_item_read {
width: 100%;
}
.news_banner_item_tips {
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.news_banner_item_label {
font-size: 0.7291666vw;
line-height: 1.82291666vw;
padding: 0 0.78125vw;
color: #1860c2;
background: #d8f2f6;
-webkit-border-radius: 0.3125vw;
border-radius: 0.3125vw;
}
.news_banner_item_time {
font-size: 0.9375vw;
line-height: 1.82291666vw;
color: #333333;
}
.news_banner_item_title {
margin-top: 1.5625vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.news_banner_item_title a {
font-size: 1.9791666vw;
line-height: 2.86458333vw;
color: #222222;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news_banner_item_text {margin-top: 1.82291666vw;font-size:17px;line-height:31px;color: #666666;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news_banner_item_button {
width: 100%;
margin-top: 1.5625vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.news_banner_read_swiper {
height: 100%;
}
.news_banner_item_box {
height: 100%;
-webkit-align-content: space-between;
align-content: space-between;
}
.news_banner_read_swiper .swiper-slide-active .news_banner_item_tips {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.news_banner_read_swiper .swiper-slide-active .news_banner_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;
}
.news_banner_read_swiper .swiper-slide-active .news_banner_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;
}
.news_banner_read_swiper .swiper-slide-active .news_banner_item_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: .3s;
transition-delay: .3s;
}
.news_page_wrap {
padding: 5.208333vw 0 6.7708333vw 0;
}
.news_page_nav_box {
-webkit-justify-content: center;
justify-content: center;
}
.news_page_nav_li {
margin: 0 1.82291666vw;
}
.news_page_nav_li a {
font-size: 1.5625vw;
line-height: 3.0208333vw;
color: #aaaaaa;
position: relative;
display: block;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.news_page_nav_li a:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 0.1041666vw;
background: #1860c2;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.news_page_nav_active a {
color: #1860c2;
}
.news_page_nav_active a:after {
width: 100%;
left: 0;
}
.news_page_nav_default a {
color: #aaaaaa;
}
.news_page_nav_default a:after {
width: 0;
}
.news_page_nav_hover a {
color: #1860c2;
}
.news_page_nav_hover a:after {
width: 100%;
left: 0;
}
@media screen and (max-width:1440px){
  .news_banner_item_text{font-size: 16px;}
}
.news_page_item_box {
width: 31.1764%;
margin: 0 3.2354% 3.6458333vw 0;
}
.news_page_item_box:nth-child(3n) {
margin: 0 0 3.6458333vw 0;
}
.news_page_item_box a {
display: block;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.news_page_item_img {
padding-bottom: 52.45283%;
-webkit-border-radius: 0.78125vw 0.78125vw 0 0;
border-radius: 0.78125vw 0.78125vw 0 0;
}
.news_page_item_img img {
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.news_page_item_img:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #ffffff;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddFadeInUp .news_page_item_img:after {
height: 0;
}
.news_page_item_read {
padding: 2.08333vw;
position: relative;
}
.news_page_item_read:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #efefef;
}
.news_page_item_read:before {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 0.208333vw;
z-index: 2;
-webkit-transition: all .6s ease;
transition: all .6s ease;
background-image: -webkit-linear-gradient(to right, rgba(25, 110, 218, 1), rgba(45, 217, 224, 1));
background-image: linear-gradient(to right, rgba(25, 110, 218, 1), rgba(45, 217, 224, 1));
}
.news_page_item_label {
font-size:0.7291666vw;
line-height: 1.82291666vw;
padding: 0 0.78125vw;
color: #1860c2;
background: #d8f2f6;
-webkit-border-radius: 0.3125vw;
border-radius: 0.3125vw;
}
.news_page_item_title {font-size: 1.1458333vw;line-height: 1.7708333vw;height: 3.541666vw;color: #111111;margin-top: 1.041666vw;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_page_item_text{margin-top: 1.041666vw;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 31px;color: #aaaaaa; font-size: 0.88541666vw;}
.news_page_item_time {font-size:0.83333vw;line-height: 1.3541666vw;color: #aaaaaa;margin-top: 1.5625vw;}
.news_page_item_box a:hover .news_page_item_read:before {
width: 100%;
left: 0;
}
.news_page_item_box a:hover {
-webkit-box-shadow: 0 1.041666vw 3.125vw rgba(35, 192, 200, .2);
box-shadow: 0 1.041666vw 3.125vw rgba(35, 192, 200, .2);
}
.news_page_item_box a:hover .news_page_item_img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.news_page_content {
padding: 4.1666vw 0 0 0;
}
.news_pagination_wrap {
margin-top: 3.125vw;
}
.public_pagination_wrap {
position: relative;
}
.public_pagination_box {
-webkit-justify-content: center;
justify-content: center;
}
.public_pagination_box a {
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
margin: 0 0.41666vw;
position: relative;
font-size: 14px;
line-height: 2.708333vw;
color: #999999;
}
.public_pagination_box a:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;box-sizing: border-box;-webkit-border-radius: 100%;border-radius: 100%;opacity: 0;pointer-events: none;-webkit-transition: all .6s ease;transition: all .6s ease;}
.public_pagination_box a.public_pagination_prev:after, .public_pagination_box a.public_pagination_next:after {
border: 1px solid #e0e0df;
opacity: 1;
}
.public_pagination_box a.public_pagination_current:after {
opacity: 1;
}
.public_pagination_box a svg {
width: 15.2173%;
fill: #999999;
display: block;
position: relative;
z-index: 9;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.public_pagination_box a.public_pagination_prev svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.public_pagination_box a:hover:after {
opacity: 1;
}
.public_pagination_box a.public_pagination_next:hover:after, .public_pagination_box a.public_pagination_prev:hover:after {
background: #1860c2;
border: 1px solid #1860c2;
}
.public_pagination_box a.public_pagination_next:hover svg, .public_pagination_box a.public_pagination_prev:hover svg {
fill: #ffffff;
}
.news_details_wrap {
padding: 8.8541666vw 0 6.25vw 0;
}
.news_details_content {
padding: 0 2.6041666vw;
}
.news_details_return_button {
padding-bottom: 1.82291666vw;
}
.news_details_return_icon {
width: 1.041666vw;
}
.news_details_return_icon svg {
fill: #666666;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.news_details_return_text {
font-size: 1.041666vw;
line-height: 1.5625vw;
color: #999999;
margin-left: 0.78125vw;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.news_details_return_btn a:hover .news_details_return_icon svg {
fill: #1860c2;
}
.news_details_return_btn a:hover .news_details_return_text {
color: #1860c2;
}
.news_details_line_box {
width: 100%;
height: 1px;
position: relative;
}
.news_details_line_box:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #e8e8e8;
}
.news_details_head_title {
font-size: 1.7708333vw;
line-height: 2.6041666vw;
color: #222222;
}
.news_details_big {
margin-top: 5.208333vw;
position: relative;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.news_details_head_wrap {
width: 31.875%;
position: sticky;
left: 0;
top: 7.8125vw;
padding: 0 0 1.5625vw 0;
}
.news_details_pack {
width: 68.125%;
padding-left: 10.9375vw;
}
.news_details_time_box {
padding: 6.25vw 0 1.30208333vw 0;
}
.news_details_time_day {
font-size: 4.1666vw;
line-height: 4.6875vw;
color: #1860c2;
}
.news_details_time_year {
font-size: 0.88541666vw;
line-height: 1.041666vw;
color: #aaaaaa;
padding-top: 0.78125vw;
margin-left: 1.041666vw;
}
.news_details_bjg p {
font-size: 0.88541666vw;
line-height: 1.5625vw;
color: #555555;
font-family: "SourceHanSansSC-ExtraLight-2",   "Arial", "Helvetica", "sans-serif" !important;
}
.news_details_bjg h3 {
font-size: 1.25vw;
line-height: 1.7708333vw;
color: #222222;
font-family: "SourceHanSansSC-Medium-2",   "Arial", "Helvetica", "sans-serif" !important;
}
.news_details_bjg img {
width: auto;
max-width: 100%;
display: inline-block;
padding: 1.5625vw 0;
}
.news_details_bjg p, .news_details_bjg img, .news_details_bjg h1, .news_details_bjg h2, .news_details_bjg h3, .news_details_bjg h4, .news_details_bjg h5, .news_details_bjg h6 {
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.news_details_btn_title {
font-size: 0.88541666vw;
line-height: 1.5625vw;
color: #999999;
}
.news_details_button_wrap {
margin-top: 2.08333vw;
}
.news_details_btn_wrap {
padding: 1.041666vw 0;
}
.news_details_btn_box {
width: 100%;
}
.news_details_btn_box a {
font-size: 0.88541666vw;
line-height: 1.5625vw;
color: #222222;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.news_details_btn_box a:hover {color: #1860c2;}
.public_banner_wrap {position: relative; background: #000;}
.public_banner_back {padding-bottom: 47.6666%;opacity:0.6;}
.public_banner_back img{-webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);animation: scaleUpDown 8s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.05); transform: scale(1.05); }
    to { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.2); transform: scale(1.2); }
    to { -webkit-transform: scale(1); transform: scale(1); }
} /* img缩小效果（banner） */
.public_banner_box {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-align-items: center;align-items: center; }
.public_banner_content {
width: 100%;
}
.public_banner_title {
font-size: 2.91666vw;
line-height: 3.4375vw;
color: #ffffff;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.public_banner_text {
font-size: 1.458333vw;
line-height: 2.08333vw;
color: #ffffff;
margin-top: 1.041666vw;
width: 51.23529%;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.public_banner_subtitle {
font-size: 1.458333vw;
line-height: 2.08333vw;
color: #ffffff;
margin-top: 1.041666vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.public_banner_details {
margin-top: 1.5625vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.public_banner_label {
width: 55.88235%;
font-size: 0.9375vw;
line-height: 1.7708333vw;
color: #ffffff;
}
.public_banner_black .public_banner_title {color: #fff;}
.public_banner_black .public_banner_text {color: #fff;}
.public_banner_button {
margin-top: 3.125vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.public_banner_btn_box {
width: 8.6458333vw;
margin-right: 0.78125vw;
}
.public_banner_btn_box:last-child {
margin-right: 0;
}
.public_banner_btn_box:nth-child(1) a {background: #fb9324;}
.public_banner_btn_box:nth-child(2) a {background: #1b62c3;}
.public_banner_btn_box:nth-child(3) a {background: #fb9324;}
.public_banner_btn_box a {
-webkit-justify-content: center;
justify-content: center;
width: 100%;
-webkit-border-radius: 1.40625vw;
border-radius: 1.40625vw;
}
.public_banner_btn_icon {
width: 0.83333vw;
margin-left: -0.8333vw;
opacity: 0;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.public_banner_btn_icon svg {
fill: #ffffff;
}
.public_banner_btn_text {
font-size:1.041666vw;
line-height: 2.8125vw;
color: #ffffff;
text-align: center;
}
.public_banner_btn_box a:hover .public_banner_btn_icon {
margin-left: 0.3125vw;
opacity: 1;
}
.about_details_content {padding: 5.8125vw 3.25vw 3.25vw 0;}
.about_details_title {font-size:2.3958333vw;font-weight: bold;line-height: 2.91666vw;color: #222222;text-align: center;}
.about_details_big {width: 58%;}

@media screen and (max-width:1440px) {
  .about_details_title {font-size:48px}
}
.about_details_read {font-size:0.9375vw;line-height:1.7708333vw;height: 20.708333vw;overflow-y: auto;color: #333333;margin-top: 2.6041666vw;padding-right: 2.6041666vw;}
/* 修改垂直滚动条 */
.about_details_read::-webkit-scrollbar {
width: 0.15625vw;
}
/* 修改滚动条轨道背景色 */
.about_details_read::-webkit-scrollbar-track {
background-color: #f0f0f0;
}
/* 修改滚动条滑块颜色 */
.about_details_read::-webkit-scrollbar-thumb {
background-color: #1860c2;
}
/* 修改滚动条滑块悬停时的颜色 */
.about_details_read::-webkit-scrollbar-thumb:hover {
background-color: #1860c2;
}
.about_details_tab {
-webkit-justify-content: space-between;
justify-content: space-between;
margin-top: 2.25vw;
}
.about_details_item_icon {
width: 5.208333vw;
height: 5.208333vw;
margin: 0 auto;
-webkit-align-content: center;
align-content: center;
-webkit-justify-content: center;
justify-content: center;
position: relative;
}
.about_details_item_icon:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #1860c2;
-webkit-border-radius: 100%;
border-radius: 100%;
box-sizing: border-box;
}
.about_details_item_box {width: 25%; text-align: center;
opacity: 0;
pointer-events: none;
-webkit-transform: translateX(4vw);
transform: translateX(4vw);
}
.about_details_item_box:nth-child(2n) .about_details_item_icon:after {
background: #1b62c3;
}
.about_details_item_label {
max-width: 70%;
max-height: 40%;
-webkit-align-content: center;
align-content: center;
-webkit-justify-content: center;
justify-content: center;
position: relative;
z-index: 9;
}
.about_details_item_label img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.about_details_item_title {
font-size:0.83333vw;
line-height: 1.3541666vw;
color: #222222;
margin-top: 0.78125vw;
}
.about_details_wrap {position: relative;overflow: hidden;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;}
.about_details_box {position: relative;z-index: 9; width: 70%;}
.about_details_back {position: absolute;right: 0;top: 0;width: 36.7708333vw;height: 100%;z-index: 1;-webkit-transform: translateX(100%);transform: translateX(100%);}
.about_details_back img {width: 100%;height: 100%;}
.about_details_people {width: 36.40625%;-webkit-transform: translateX(100%);transform: translateX(100%);opacity: 0;}
.about_history_wrap {
position: relative;
padding: 6.25vw 0;
overflow: hidden;
background: #0f1e34;
}
.about_history_back {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 1;
}
.about_history_head_box .about_details_title {
text-align: center;
color: #ffffff;
}
.about_history_box {
position: relative;
z-index: 9;
pointer-events: none;
}
.about_history_head_wrap {
position: relative;
}
.about_history_pack {
padding: 0 10.416666vw;
position: relative;
}
.about_history_content {
margin-top: 5.208333vw;
position: relative;
}
.about_history_details_wrap {
position: relative;
}
.about_history_swiper {
height: 28.541666vw;
}
.about_history_item_box {
padding: 2.6041666vw 0;
opacity: 0;
pointer-events: none;
-webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.about_history_swiper .swiper-slide-active .about_history_item_box {
opacity: 1;
}
.about_history_swiper .swiper-slide {
pointer-events: none !important;
}
.about_history_item_read {
margin-top: 1.82291666vw;
}
.about_history_item_text {
font-size: 0.83333vw;
line-height: 1.7708333vw;
height: 5.3124999vw;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
color: #ffffff;
text-align: center;
pointer-events: auto;
}
.about_history_item_year {
font-size: 15.625vw;
line-height: 15.625vw;
color: #ffffff;
text-align: center;
pointer-events: auto;
}
.about_history_button_wrap {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 31.25vw;
z-index: 2;
}
.about_history_line_wrap {
width: 102%;
height: 100%;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.about_history_line_box {
width: 100%;
height: 100%;
}
.about_history_line_label {
width: 0.1041666vw;
height: 100%;
background-image: linear-gradient(to top, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0));
margin-right: 1.041666vw;
}
.about_history_line_label:last-child {
margin-right: 0;
}
.about_history_color_box {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.about_history_color_animate {
height: 100%;
width: 5.5%;
left: 0;
overflow: hidden;
position: relative;
}
.about_history_color_read {
width: 102vw;
height: 100%;
position: absolute;
left: 0;
bottom: 0;
}
.about_history_color_label {
width: 0.1041666vw;
height: 100%;
background-image: linear-gradient(to top, rgba(35, 192, 200, 1), rgba(35, 192, 200, 0) 75%);
margin-right: 1.041666vw;
}
.about_history_btn_box {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 9;
}
.about_history_btn_label {
height: 100%;
cursor: pointer;
}
.about_history_pagination_wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
-webkit-align-items: center;
align-items: center;
pointer-events: auto;
padding: 2.6041666vw 0;
}
.about_history_pagination_box {
width: 100%;
height: 15.625vw;
}
.about_history_pagination_content {
width: 100%;
height: 100%;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.about_history_pagination_li {
-webkit-align-items: center;
align-items: center;
-webkit-transition: all .6s ease;
transition: all .6s ease;
outline: none;
cursor: pointer;
}
.about_history_pagination_prev .about_history_pagination_icon {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.about_history_pagination_prev .about_history_pagination_text {
margin-left: 1.5625vw;
}
.about_history_pagination_next .about_history_pagination_text {
margin-right: 1.5625vw;
}
.about_history_pagination_btn {
width: 2.86458333vw;
height: 2.86458333vw;
background: rgba(255, 255, 255, .1);
-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;
}
.about_history_pagination_icon {
width: 30.90909%;
}
.about_history_pagination_icon svg {
fill: #ffffff;
width: 100%;
height: 100%;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.about_history_pagination_li:hover .about_history_pagination_btn {
background: rgba(255, 255, 255, 1);
}
.about_history_pagination_li:hover .about_history_pagination_icon svg {
fill: #222222;
}
.about_history_pagination_text {
color: #ffffff;
font-size: 1.5625vw;
line-height: 2.1875vw;
}
.about_history_pagination_li.about_history_pagination_disabled {
opacity: 0;
pointer-events: none;
}
.about_honor_big {
width: 44.08235%;
}
.about_honor_wrap {
position: relative;
}
.about_honor_back {
padding-bottom: 42.791666%;
}
.about_honor_box {position: absolute;left: 0;top: 0;z-index: 9;width: 100%;padding: 5.208333vw 0 1.208333vw 0;}
.about_honor_item_box {cursor: pointer;position: relative;pointer-events: none;}
.about_honor_box .sty2{margin-top: 4%;}
.about_honor_box .sty2 .swiper-slide{width: 20%;}
.about_honor_item_text {pointer-events: auto;font-size: 1.041666vw;line-height: 2.86458333vw;color: #222222;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-transition: all .6s ease;transition: all .6s ease;}
.about_honor_item_active .about_honor_item_text {font-size: 1.5625vw;font-family: "Manrope-Medium", "SourceHanSansSC-Medium-2",   "Arial", "Helvetica", "sans-serif" !important;}
.about_honor_tab {margin-top: 3.125vw;}
.about_honor_pack {width: 54.11765%;padding: 0 17.3958333vw 0 15.26041666vw;position: relative;}
.about_honor_swiper {padding: 7.8125vw 0 3.125vw 0;}
@media screen and (max-width:1280px){
.about_honor_item_text{font-size: 16px; line-height: 40px;}
}

.about_honor_pic {padding-bottom: 158.85714%;position: relative;}
.about_honor_img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-align-items: flex-end;
align-items: flex-end;
-webkit-justify-content: center;
justify-content: center;
opacity: 0;
-webkit-transform: translateY(-2vw);
transform: translateY(-2vw);
}
.about_honor_img img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.about_honor_swiper .swiper-slide-active .about_honor_img {
opacity: 1;
-webkit-transform: none;
transform: none;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.about_culture_wrap {
position: relative;
}
.about_culture_back {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.about_culture_box {
position: relative;
z-index: 9;
}
.about_culture_head_wrap {
position: absolute;
left: 0;
top: 6.7708333vw;
width: 100%;
z-index: 2;
}
.about_culture_head_box .about_details_title {
text-align: center;
color: #ffffff;
}
.about_culture_content {
padding-bottom: 48.4375%;
position: relative;
z-index: 1;
}
.about_culture_tab {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.about_culture_item_box {
width: 33%;
height: 100%;
position: relative;
cursor: pointer;
}
.about_culture_item_box:after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
z-index: 2;
background: rgba(255, 255, 255, .1);
}
.about_culture_item_box:last-child:after {
display: none;
}
.about_culture_item_back {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
z-index: 1;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.about_culture_item_en {
font-size: 2.6041666vw;
line-height: 3.125vw;
color: #ffffff;
text-align: center;
}
.about_culture_item_center {
padding: 1.5625vw 0;
}
.about_culture_item_line {
width: 2.3958333vw;
height: 0.208333vw;
position: relative;
margin: 0 auto;
}
.about_culture_item_line:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #ffffff;
}
.about_culture_item_cn {
font-size: 1.5625vw;
line-height: 2.08333vw;
color: #ffffff;
text-align: center;
}
.about_culture_item_content {
position: relative;
height: 100%;
-webkit-align-items: center;
align-items: center;
z-index: 9;
}
.about_culture_item_head {
width: 100%;
}
.about_culture_item_pack {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-align-items: flex-end;
align-items: flex-end;
padding-bottom: 3.6458333vw;
z-index: 9;
}
.about_culture_item_read {
width: 100%;
position: relative;
}
.about_culture_item_text {
font-size:0.83333vw;
line-height: 1.458333vw;
color: #ffffff;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
opacity: 0;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.about_culture_item_button {
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_culture_item_btn {
width: 2.86458333vw;
height: 2.86458333vw;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
position: relative;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.about_culture_item_btn:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 1px solid rgba(255, 255, 255, .5);
-webkit-border-radius: 100%;
border-radius: 100%;
box-sizing: border-box;
}
.about_culture_item_icon {
width: 32%;
}
.about_culture_item_icon svg {
fill: rgba(255, 255, 255, .5);
}
.about_culture_item_box:hover .about_culture_item_back {
height: 100%;
}
.about_culture_item_box:hover .about_culture_item_btn {
-webkit-transform: translateY(-4vw);
transform: translateY(-4vw);
opacity: 0;
}
.about_culture_item_box:hover .about_culture_item_text {
-webkit-transform: none;
transform: none;
opacity: 1;
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.about_events_wrap {
padding: 5.7291666vw 0;
}
.about_events_nav_box {
-webkit-justify-content: center;
justify-content: center;
}
.about_events_nav_li {
font-size: 1.5625vw;
line-height: 3.38541666vw;
color: #aaaaaa;
position: relative;
margin: 0 1.82291666vw;
cursor: pointer;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.about_events_nav_li:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
height: 0.15625vw;
width: 0;
background: #1860c2;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.about_events_nav_active {color: #1860c2;}
.about_events_nav_active:after {width: 100%;left: 0;}
.about_events_content {padding-left: 0.7291666vw;position: relative;margin-top: 3.125vw;padding-right: 0.7291666vw; overflow: hidden;}
.about_events_big {position: relative;}
.about_events_item_box {position: absolute;left: 0;top: 0;width: 100%;-webkit-transform: translateY(4vw);transform: translateY(4vw);opacity: 0;pointer-events: none;}
.about_events_item_active {opacity: 1;pointer-events: auto;-webkit-transform: none;transform: none;-webkit-transition: all .6s ease;transition: all .6s ease;}
.about_events_item_box:nth-child(1) {position: relative;}
.about_events_item_photo {width: 100%;height: 100%;}
.about_events_item_swiper .swiper-slide:nth-child(2n+1) .about_events_item_img {padding-bottom: 75.345167%;}
.about_events_item_swiper .swiper-slide:nth-child(2n) .about_events_item_img {padding-bottom: 75.345167%;}
.about_events_item_button {-webkit-justify-content: center;justify-content: center;margin-top: 5.208333vw;}
.about_events_item_btn {width: 2.86458333vw;height: 2.86458333vw;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;background: #ffffff;cursor: pointer;outline: none;margin: 0 0.5208333vw;-webkit-border-radius: 100%;border-radius: 100%;-webkit-box-shadow: 0 0 2.08333vw rgba(35, 192, 200, .2);box-shadow: 0 0 2.08333vw rgba(35, 192, 200, .2);-webkit-transition: all .6s ease;transition: all .6s ease;}
.about_events_item_prev {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.about_events_item_icon {width: 32%;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.about_events_item_icon svg {fill: #3f3f3f;-webkit-transition: all .6s ease;transition: all .6s ease;}
.about_events_item_btn:hover {background: #1860c2;}
.about_events_item_btn:hover .about_events_item_icon svg {fill: #ffffff;}


/*产品展示详情*/
.nypro{ background:#f0f7ff; background-size: cover;}
.nypro .Container{width: 90%; margin: 0 auto;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;flex-wrap: wrap;}
.nypro .nypro_l{width: 50%; padding: 5% 0 0 5%;}
.nypro .nypro_r{width: 50%;}
.keshi_pic{width:100%; position:relative; overflow:hidden; z-index: 1; }
.keshi_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; display: block}
.sty6 .swiper-slide:hover .keshi_pic img{ transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.sty6 { position: relative;width:100%;margin:0 auto;padding:0 0 0 1%}
.sty6 .swiper-container {width: 100%; }
.sty6 .swiper-slide {width:48.5%; margin:0 2% 0 0;display: block;position: relative; transition: all linear 0.3s; background: #fff; }
.sty6.sty7 .swiper-slide {width:100%; margin:0 0 0 0;display: block;position: relative; transition: all linear 0.3s; }
/* .keshi_text{text-align: center; padding:45px 0 15px 0;position: absolute;width: 100%;  z-index: 3; transition: 0.3s; cursor: pointer; bottom: 0px;;}
.keshi_text a{ display: flex;justify-content: center;flex-direction: column; text-align: center;}
.keshi_text strong{ font-size:0.26rem;line-height: 2.5; color: #222;  } */
.sty6 .swiper-slide:hover .keshi_text strong{ color: #111;  }
.keshi_text div{font-size: 0.22rem;color: #555; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.keshi_text a{font-size: 0.17rem;color: #e61010; }
.keshi_text div a{font-size: 0.17rem;color: #747474;}
.keshi_text div a:hover{font-size: 0.17rem;color: #e61010;}
.sty6 .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;display: flex;justify-content: center;align-items: center;}
.sty6 .swiper-button:hover {background: rgba(0,0,0,0.5)}
.sty6 .swiper-button-prev {left: 3%}
.sty6 .swiper-button-next {right: 3%}

@media screen and (max-width:1440px) {
}
@media screen and (max-width:1023px){
    .nypro .Container{width: 100%}
    .nypro .nypro_l{width: 100%;}
    .nypro .nypro_r{width: 100%;}
    .sty6{margin-top: 10px}
}

.sty2 {margin-top: 0;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: 20px;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}
.sty2 .swiper-button:after{content: none;}

@media (max-width: 1280px){
.sty2 .swiper-slide {width: 450px;}
}
@media (max-width: 1200px){
.sty2 {margin-top: 20px;margin-left: -.4rem;margin-right: -.4rem}
.sty2 .swiper-container {width: 100%;border-radius: 0}
.sty2 .swiper-slide {width:50%!important;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:0.83333vw}
.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}
}



.case_page_wrap {padding: 3.125vw 0 5.208333vw 0;}
.case_screen_item_title {width: 2.5vw;padding-right: 0.5208333vw;font-size:0.83333vw;line-height: 1.7708333vw;color: #222222;}
.case_screen_item_big {width: calc(100% - 2.5vw);}
.case_screen_item_box {padding: 2.08333vw 0 1.5625vw 0;position: relative;-webkit-align-items: flex-start;align-items: flex-start;}
.case_screen_item_box:after {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #ededed;}
.case_screen_item_label {margin: 0 1.30208333vw 0.5208333vw 0;}
.case_screen_item_label a {display: block;padding: 0 1.041666vw;font-size:0.83333vw;line-height: 1.7708333vw;color: #666666;-webkit-border-radius: 0.3125vw;border-radius: 0.3125vw;}
.case_screen_item_active a {background: #1860c2;color: #ffffff;}
.case_page_item_box {width: 31.5294%;margin: 0 1.9608% 1.6458333vw 0;-webkit-border-radius: 0.78125vw;border-radius: 0.78125vw;overflow: hidden;-webkit-box-shadow: 0 0.41666vw 1.875vw rgba(186, 186, 186, .1);box-shadow: 0 0.41666vw 1.875vw rgba(186, 186, 186, .1);-webkit-transition: all .6s ease;transition: all .6s ease; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.2);}
.case_page_item_box:nth-child(3n) {margin: 0 0 1.6458333vw 0;}
.case_page_item_box a {display: block;}
.case_page_item_img {padding-bottom: 130%;}
.case_page_item_img:after {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: #ffffff;}
.case_page_item_img2 {padding-bottom: 75%;}
.case_page_item_img2:after {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: #ffffff;}
.case_page_item_img2 img{width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
.case_page_item_img2:hover img{ transform:scale(0.9,0.9); -moz-transform:scale(0.9,0.9); -webkit-transform:scale(0.9,0.9);}
.case_page_item_big {padding: 1.08333vw; border-top:1px solid transparent; border-color: rgba(151, 151, 151, 0.2);}
.case_page_item_logo {-webkit-align-items: center;align-items: center;font-size:22px; padding: 15px 0;}
.case_page_item_logo img {width: auto;height: auto;max-height: 100%;max-width: 100%;}
.case_page_item_text {font-size:0.83333vw;line-height: 1.3541666vw;height: 4.0625vw;color: #222222;margin-top: 1.5625vw;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.case_page_item_bottom {position: relative;}
.case_page_item_button {width: 2.3958333vw;height: 2.3958333vw;-webkit-border-radius: 1.19791666vw;border-radius: 1.19791666vw;overflow: hidden;}
.case_page_item_btn {width: 100%;height: 100%;-webkit-background-image: linear-gradient(to right, #1860c2 20%, #28c0ca);background-image: linear-gradient(to right, #1860c2 20%, #28c0ca);-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;-webkit-border-radius: 1.19791666vw;border-radius: 1.19791666vw;-webkit-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: all .6s ease;transition: all .6s ease;}
.case_page_item_icon {width: 31%;}
.case_page_item_icon svg {fill: #ffffff;}
.case_page_item_tips {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-align-items: center;align-items: center;z-index: 1;}
.case_page_item_label {font-size: 0.7291666vw;line-height: 1.7708333vw;color: #1860c2;padding: 0 1.25vw;background: rgba(35, 192, 200, .15);-webkit-border-radius: 0.3125vw;border-radius: 0.3125vw;-webkit-transition: all .6s ease;transition: all .6s ease;}
.case_page_item_box:hover {-webkit-box-shadow: 0 0.41666vw 2.6041666vw rgba(24, 96, 194, .1);box-shadow: 0 0.41666vw 2.6041666vw rgba(24, 96, 194, .1);}
.case_page_item_box:hover .case_page_item_btn {-webkit-transform: none;transform: none;}
.case_page_item_box:hover .case_page_item_label {-webkit-transform: translateX(4vw);transform: translateX(4vw);opacity: 0;}
.case_pagination_wrap {margin-top: 1.041666vw;}
.case_banner_pack{}
.case_page_tab {margin-top: 3.6458333vw;}
.case_banner_wrap {position: relative;}
.case_banner_back {padding-bottom: 50.6666%;}
.case_banner_box {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-align-items: center;align-items: center;z-index: 9;}
.case_banner_content {width: 100%;}
.case_banner_big {width: 48.82352%;-webkit-align-content: space-between;align-content: space-between;-webkit-transform: translateX(-8vw);transform: translateX(-8vw);opacity: 0;pointer-events: none;padding: 4vw 0 4vw 2vw; color: #fff;}
.case_banner_pic {width: 51.17648%;-webkit-transform: translateX(8vw);transform: translateX(8vw);opacity: 0;pointer-events: none;}
.case_banner_img {padding-bottom: 61.42857%;-webkit-border-radius: 0.78125vw;border-radius: 0.78125vw;}
.case_banner_label {font-size: 15px;line-height: 36px;color: #fff;padding: 0 1.041666vw;-webkit-border-radius: 0.3125vw;border-radius: 0.3125vw;background: rgba(27, 98, 195, .95);}
.case_banner_title {font-size: 2.08333vw;line-height: 2.6041666vw;color: #333;margin-top: 1.30208333vw;}
.case_banner_text {font-size:0.93333vw;line-height: 1.5625vw;color: #666;margin-top: 1.5625vw;height: 6.25vw;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; opacity: 0.7;}
.case_banner_annotation_text {font-size: 16px;line-height: 1.5625vw;color: #333;}
.case_banner_annotation_box {margin-top: 1.5625vw;}
.case_banner_annotation_color {color: #333;}
.case_banner_head_wrap {
width: 100%;
}
.case_banner_button {
width: 100%;
margin-top: 2.08333vw;
}
.case_banner_button .public_button_text{color: #333;}
.case_details_wrap {
padding: 1.25vw 0;
}
.case_details_big {width: 79.11764%;padding-right: 7.55208333vw;}
.case_details_big2{width: 100%;}
.case_details_pack {
width: 20.88236%;
position: sticky;
top: 7.8125vw;
left: 0;
}
.case_details_tab {
margin-top: 3.125vw;
}
.case_details_list_wrap {
margin-top: 1.30208333vw;
}
.case_details_tips {
font-size: 1.458333vw;
line-height: 1.9791666vw;
color: #222222;
}
.case_details_item_box {
padding: 0.26041666vw 0;
}
.case_details_item_box a {
-webkit-align-items: center;
align-items: center;
max-width: 100%;
}
.case_details_item_icon {
width: 1.30208333vw;
height: 0.1041666vw;
position: relative;
}
.case_details_item_icon:after {content: "";position: absolute;left: 0;top: 0;width: 40%;height: 100%;background: #1b62c3;}
.case_details_item_text {font-size:0.83333vw;line-height: 1.5625vw;color: #333333;width: calc(100% - 1.30208333vw);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-transition: all .6s ease;transition: all .6s ease;}
.case_details_logo_img {max-width: 100%;height: 2.6041666vw;}
.case_details_item_box a:hover .case_details_item_text {color: #1b62c3;}
.case_details_logo_img img {width: auto;height: auto;max-width: 100%;max-height: 100%;}
.case_details_title {font-size: 2.041666vw;line-height: 1.5625vw;color: #222222;margin-top: 2.6041666vw;margin-bottom: 2.6041666vw;}
.case_details_head_wrap {margin-top: 0.78125vw;padding-bottom: 2.6041666vw;}
.case_details_head_img {width: 1.875vw;height: 1.875vw;-webkit-border-radius: 100%;border-radius: 100%;}
.case_details_head_read {width: calc(100% - 1.875vw);padding-left: 0.625vw;}
.case_details_head_name {font-size:0.83333vw;line-height: 1.875vw;color: #222222;}
.case_details_head_label {font-size:0.83333vw;line-height: 1.875vw;color: #999999;margin-left: 0.625vw;}
.case_details_line_box {width: 100%;height: 1px;position: relative;}
.case_details_line_box:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #eeeeee;}
.case_details_content {padding: 2.6041666vw 0 0 0; line-height: 31px;}
.case_details_box {-webkit-align-items: flex-start;align-items: flex-start;}
.case_details_bjq h1 {font-family: "Manrope-Medium", "SourceHanSansSC-Medium-2",   "Arial", "Helvetica", "sans-serif" !important;font-size: 1.66666vw;line-height: 2.3958333vw;color: #222222;}
.case_details_bjq h2 {font-family: "Manrope-Medium", "SourceHanSansSC-Medium-2",   "Arial", "Helvetica", "sans-serif" !important;font-size: 1.458333vw;line-height: 2.1875vw;color: #222222;}
.case_details_box h3 {font-family: "Manrope-Medium", "SourceHanSansSC-Medium-2",   "Arial", "Helvetica", "sans-serif" !important;font-size:1.25vw;line-height: 1.9791666vw;color: #222222; margin-bottom: 30px;}
.case_details_bjq h4 {font-family: "Manrope-Medium", "SourceHanSansSC-Medium-2",   "Arial", "Helvetica", "sans-serif" !important;font-size: 0.9375vw;line-height: 1.66666vw;color: #222222;}
.case_details_bjq h5 {font-family: "Manrope-Medium", "SourceHanSansSC-Medium-2",   "Arial", "Helvetica", "sans-serif" !important;font-size:0.83333vw;line-height: 1.5625vw;color: #222222;}
.case_details_box p {/*font-size:0.83333vw*/;line-height: 1.7625vw;color: #333333;font-family: "Manrope-Light", "SourceHanSansSC-Light-2",   "Arial", "Helvetica", "sans-serif" important;}
.case_details_bjq img {padding: 1.5625vw 0;}
.case_details_bjq p, .case_details_bjq img, .case_details_bjq h1, .case_details_bjq h2, .case_details_bjq h3, .case_details_bjq h4, .case_details_bjq h5, .case_details_bjq h6 {
opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.case_details_btn_box a {
display: block;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
overflow: hidden;
-webkit-box-shadow: 0 0.41666vw 3.125vw rgba(35, 192, 200, .1);
box-shadow: 0 0.41666vw 3.125vw rgba(35, 192, 200, .1);
}
.case_details_btn_img {
padding-bottom: 44.7592%;
}
.case_details_btn_read {
padding: 1.5625vw 1.40625vw;
}
.case_details_btn_text {
position: relative;
-webkit-border-radius: 1.458333vw;
border-radius: 1.458333vw;
overflow: hidden;
}
.case_details_btn_text:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-border-radius: 1.458333vw;
border-radius: 1.458333vw;
border: 0.1041666vw solid #333333;
z-index: 1;
box-sizing: border-box;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.case_details_btn_text:before {
content: "";
position: absolute;
right: 0;
top: 0;
width: 0;
height: 100%;
z-index: 2;
-webkit-background-image: linear-gradient(to right, #1860c2 20%, #28c0ca);
background-image: linear-gradient(to right, #1860c2 20%, #28c0ca);
box-sizing: border-box;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.case_details_btn_label {
font-size:0.83333vw;
line-height: 2.91666vw;
color: #222222;
text-align: center;
position: relative;
z-index: 9;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.case_details_btn_box a:hover .case_details_btn_label {
color: #ffffff;
}
.case_details_btn_box a:hover .case_details_btn_text:before {
width: 100%;
left: 0;
}
.case_related_head .about_details_title {
text-align: center;
}
.case_related_content {
margin-top: 2.6041666vw;
}
.contact_page_head_content {
width: 80.29411%;
}
.contact_page_head_title {
position: relative;
}
.contact_page_head_text {
font-size: 1.3541666vw;
line-height: 1.9791666vw;
color: #222222;
margin-top: 1.041666vw;
}
.contact_page_wrap {
padding: 7.291666vw 0;
position: relative;
}
.contact_share_wrap {
width: 19.70589%;
}
.contact_share_box {
height: 100%;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
}
.contact_share_item_box {
width: 43.2835%;
padding: 0.3125vw;
position: relative;
}
.contact_share_item_box:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 1px solid #eaeaea;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
box-sizing: border-box;
}
.contact_share_item_img {
padding-bottom: 100%;
z-index: 9;
}
.contact_page_head_wrap {
padding-bottom: 2.08333vw;
}
.contact_page_line_box {
position: relative;
width: 100%;
height: 1px;
}
.contact_page_line_box:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #e1e1e1;
}
.contact_page_content {
margin-top: 3.6458333vw;
}
.contact_details_big {
width: 41.17647%;
padding-right: 5.208333vw;
}
.contact_details_nav_head {
position: relative;
}
.contact_details_nav_head:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #e6e6e6;
}
.contact_details_nav_li {
margin-right: 2.86458333vw;
position: relative;
z-index: 2;
cursor: pointer;
outline: none;
}
.contact_details_nav_li:after {
content: '';
position: absolute;
left: 50%;
bottom: 0;
width: 0;
height: 0.1041666vw;
background: #1860c2;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.contact_details_nav_title {
font-size: 1.25vw;
line-height: 4.791666vw;
color: #aaaaaa;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.contact_details_nav_active .contact_details_nav_title {
font-family: "Manrope-Medium", "SourceHanSansSC-Medium-2",   "Arial", "Helvetica", "sans-serif" !important;
color: #1860c2;
}
.contact_details_nav_active:after {
width: 100%;
}
.contact_details_nav_tab {
background: #fafafa;
}
.contact_details_nav_read {
padding: 2.08333vw 2.6041666vw;
}
.contact_details_nav_add {
font-size: 0.9375vw;
line-height: 1.458333vw;
color: #222222;
}
.contact_details_nav_text {
font-size:0.83333vw;
line-height: 1.1458333vw;
color: #555555;
margin-top: 0.78125vw;
}
.contact_details_menu_wrap {
margin-top: 1.30208333vw;
}
.contact_details_menu_li {
-webkit-align-items: center;
align-items: center;
padding: 1.30208333vw 0;
position: relative;
}
.contact_details_menu_li:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #ededed;
}
.contact_details_menu_icon {
width: 2.6041666vw;
height: 2.6041666vw;
-webkit-border-radius: 100%;
border-radius: 100%;
background: #f6f6f6;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.contact_details_menu_label {width: 36%;}
.contact_details_menu_label i{color: #1860c2;font-size: 1.1458333vw;}
.contact_details_menu_label svg {fill: #1860c2;}
.contact_details_menu_read {width: calc(100% - 2.6041666vw);padding-left: 1.82291666vw;}
.contact_details_menu_title {font-size:0.83333vw;line-height: 1.5625vw;color: #555555;}
.contact_details_menu_text, .contact_details_menu_text a {
font-size: 22px; padding-top: 10px;
line-height: 1.66666vw;
color: #222222;
}
.contact_details_map_wrap { padding-top: 4%;width: 100%;background: #f5f8fb;}
.contact_details_map_content {
padding-bottom: 62%;
}
.contact_details_map_box {
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
overflow: hidden;
position: relative;
}
.public_banner_wrap .public_head_tips {
margin-top: 2.08333vw;
}
.join_details_wrap {
position: relative;
}
.join_details_back {
position: relative;
z-index: 1;
padding-bottom: 47.91666%;
}
.join_details_color {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 2;
}
.join_details_box {
position: absolute;
left: 0;
top: 0;
z-index: 9;
width: 100%;
padding: 7.8125vw 0 0 0;
}
.join_details_title {
text-align: center;
font-size: 46px;
line-height: 2.91666vw;padding-bottom: 15px;
color: #1860c2;
}
.join_details_text {text-align: center;font-size: 0.83333vw;line-height:36px;color: #333333;margin-top: 1.041666vw;}
.join_post_wrap {}
.join_post_big {width: 31.17647%;padding-right: 8.8541666vw;}
.join_post_nav_wrap {
margin-top: 3.6458333vw;
}
.join_post_nav_li {
margin-bottom: 1.5625vw;
}
.join_post_nav_li:last-child {
margin-bottom: 0;
}
.join_post_nav_li a {
-webkit-align-items: center;
align-items: center;
padding: 1.041666vw 1.5625vw 1.041666vw 2.08333vw;
background: #ffffff;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
-webkit-box-shadow: 0 0 2.08333vw rgba(35, 192, 200, .1);
box-shadow: 0 0 2.08333vw rgba(35, 192, 200, .1);
}
.join_post_nav_read {
width: calc(100% - 0.7291666vw);
padding-right: 1.041666vw;
}
.join_post_nav_icon {
width: 0.7291666vw;
}
.join_post_nav_label {
width: 100%;
}
.join_post_nav_label svg {
fill: #aaaaaa;
}
.join_post_nav_title {
font-size: 1.1458333vw;
line-height: 1.5625vw;
color: #222222;
}
.join_post_nav_text {
font-size:0.83333vw;
line-height: 1.5625vw;
color: #999999;
}
.join_post_nav_active a {
background: #1860c2;
}
.join_post_nav_active .join_post_nav_title {
color: #ffffff;
}
.join_post_nav_active .join_post_nav_text {
color: #ffffff;
}
.join_post_nav_active .join_post_nav_label svg {
fill: #ffffff;
}
.join_post_pack {
width: 68.82353%;
}
.join_post_item_number {
font-size: 1.5625vw;
line-height: 2.6041666vw;
color: #aaaaaa;
width: 17.094017%;
}
.join_post_item_title {
font-size: 1.25vw;
line-height: 2.6041666vw;
color: #020202;
width: 23.076923%;
}
.join_post_item_content {
width: 55.55556%;
}
.join_post_item_button {
width: 4.2735%;
}
.join_post_item_btn {
padding-bottom: 100%;
position: relative;
}
.join_post_item_jt {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.join_post_item_jt:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 1px solid #d9d9d9;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.join_post_item_label {
width: 30%;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.join_post_item_label svg {
fill: #090909;
}
.join_post_item_head {
-webkit-align-items: center;
align-items: center;
padding: 2.08333vw 0;
cursor: pointer;
}
.join_post_item_head:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0.1041666vw;
background: #1860c2;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.join_post_item_animate {
height: 0;
overflow: hidden;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.join_post_item_bjq h3 {
font-size:0.83333vw;
line-height: 1.5625vw;
color: #020202;
}
.join_post_item_bjq p {
font-size: 0.78125vw;
line-height: 1.458333vw;
color: #333333;
}
.join_post_item_box {
position: relative;
}
.join_post_item_box:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #e3e3e3;
}
.join_post_item_box:first-child:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 1px;
background: #e3e3e3;
}
.join_post_item_active .join_post_item_label {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.join_post_item_active .join_post_item_head:after {
width: 100%;
}
.join_post_pagination_wrap {
margin-top: 2.6041666vw;
}
.join_post_pagination_box {
-webkit-justify-content: center;
justify-content: center;
}
.join_post_pagination_li {
width: 0.7291666vw;
height: 0.7291666vw;
margin: 0 0.36458333vw;
-webkit-justify-content: center;
justify-content: center;
}
.join_post_pagination_li a {
display: block;
width: 100%;
height: 100%;
background: #dedede;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.join_post_pagination_li a:hover {
background: #1860c2;
}
.join_post_pagination_active a {
background: #1860c2;
}
.join_brand_item_wrap {
position: relative;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
overflow: hidden;
}
.join_brand_item_back {
padding-bottom: 148.9189%;
}
.join_brand_item_box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
padding: 2.6041666vw 3.125vw;
}
.join_brand_item_color {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
z-index: 8;
opacity: 0;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.join_brand_item_content {
width: 100%;
height: 100%;
-webkit-align-items: center;
align-items: center;
position: relative;
z-index: 9;
}
.join_brand_item_big {
width: 100%;
}
.join_brand_swiper .swiper-wrapper {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.join_brand_swiper .swiper-slide {
width: 21.7647%;
margin: 0 4.3137333% 0 0;
}
.join_brand_swiper .swiper-slide:nth-child(4n) {
margin: 0;
}
.join_brand_head_title {
font-size: 2.3958333vw;
line-height: 2.91666vw;
color: #ffffff;
}
.join_brand_head_text {
font-size: 1.1458333vw;
line-height: 1.9791666vw;
color: #ffffff;
margin-top: 2.08333vw;
}
.join_brand_head_read {
margin-top: 2.08333vw;
}
.join_brand_head_subtitle {
font-size: 1.1458333vw;
line-height: 1.9791666vw;
color: #ffffff;
}
.join_brand_head_button {
margin-top: 1.041666vw;
}
.join_brand_head_icon {
width: 1.9791666vw;
}
.join_brand_head_icon svg {
fill: #ffffff;
}
.join_brand_item_read {
width: 100%;
}
.join_brand_item_icon {
width: 3.75vw;
height: 3.75vw;
margin: 0 auto;
}
.join_brand_item_label {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.join_brand_item_label svg {
fill: #ffffff;
}
.join_brand_item_title {
font-size: 1.5625vw;
line-height: 2.08333vw;
color: #ffffff;
text-align: center;
margin-top: 1.82291666vw;
}
.join_brand_item_subtitle {
font-size:0.83333vw;
line-height: 1.3541666vw;
color: rgba(255, 255, 255, .4);
text-align: center;
}
.join_brand_item_head {
width: 100%;
margin-top: 4.375vw;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.join_brand_item_read {
opacity: 0;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.join_brand_item_text {
font-size:0.83333vw;
line-height: 1.458333vw;
height: 4.375vw;
color: #ffffff;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.join_brand_item_wrap:hover .join_brand_item_color {
height: 100%;
opacity: 1;
}
.join_brand_item_wrap:hover .join_brand_item_head {
margin-top: 0;
}
.join_brand_item_wrap:hover .join_brand_item_read {
margin-top: 7.8125vw;
opacity: 1;
}
.join_channel_text {
font-size: 1.3541666vw;
line-height: 1.9791666vw;
color: #222222;
margin-top: 1.5625vw;
}
.join_brand_wrap {
padding: 0 0 5.208333vw 0;
position: relative;
}
.join_brand_wrap:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 77%;
background: #f6f6f6;
}
.join_brand_box {
position: relative;
z-index: 9;
}
.join_channel_box {
margin-top: 6.7708333vw;
}
.join_channel_item_box {
width: 50%;
position: relative;
}
.join_channel_item_box:after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
background: #dddddd;
}
.join_channel_content {
position: relative;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
overflow: hidden;
background: #ffffff;
margin-top: 3.125vw;
}
.join_channel_content:after {
content: "";
border: 1px solid #dddddd;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
}
.join_channel_item_big {
padding: 2.6041666vw 3.6458333vw 2.08333vw 3.6458333vw;
}
.join_channel_item_number {
width: 3.125vw;
font-size: 1.1458333vw;
line-height: 3.125vw;
color: #ffffff;
text-align: center;
background: #1860c2;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-box-shadow: 0 0.5208333vw 2.08333vw rgba(35, 192, 200, .3);
box-shadow: 0 0.5208333vw 2.08333vw rgba(35, 192, 200, .3);
}
.join_channel_item_read {
margin-top: 2.6041666vw;
}
.join_channel_item_title {
font-size: 1.25vw;
line-height: 1.7708333vw;
color: #222222;
}
.join_channel_item_text {
font-size:0.83333vw;
line-height: 1.1458333vw;
height: 2.291666vw;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: #666666;
margin-top: 0.5208333vw;
}
.join_channel_item_box:nth-child(2n) .join_channel_item_number {
background: #1b62c3;
}
.join_channel_item_box:nth-child(2n):after {
display: none;
}
.join_flow_wrap {
padding: 6.25vw 0;
}
.join_flow_head .about_details_title {
text-align: center;
}
.join_flow_item_box {
padding: 0.41666vw 0;
}
.join_flow_item_text {
font-size:0.83333vw;
line-height: 1.3541666vw;
color: #222222;
text-align: center;
}
.join_flow_item_text span {
font-family: "Manrope-Medium", "SourceHanSansSC-Medium-2",   "Arial", "Helvetica", "sans-serif" !important;
}
.join_flow_tab {
margin-top: 1.5625vw;
}
.join_flow_mail_wrap {
margin-top: 1.041666vw;
}
.join_flow_mail_text, .join_flow_mail_text a {
text-align: center;
font-size: 1.041666vw;
line-height: 1.5625vw;
color: #1860c2;
}
.join_flow_share_box {
-webkit-justify-content: center;
justify-content: center;
}
.join_flow_share_li {
padding: 0 3.6458333vw;
}
.join_flow_share_pic {
width: 8.8541666vw;
margin: 0 auto;
-webkit-box-shadow: 0 0.5208333vw 3.125vw rgba(49, 112, 115, .15);
box-shadow: 0 0.5208333vw 3.125vw rgba(49, 112, 115, .15);
}
.join_flow_share_img {
padding-bottom: 100%;
}
.join_flow_share_title {
font-size:0.83333vw; text-align: center;
line-height: 1.5625vw;
color: #222222;
margin-top: 1.30208333vw;
}
.join_flow_share_wrap {
margin-top: 4.1666vw;
}
.pro_design_wrap {
padding: 4.1666vw 0 6.1666vw 0;
background: #f1f3f2;
position: relative;
overflow: hidden;
}
.pro_design_content {
width: 77.08333%;
padding: 6.25vw 0 9.8958333vw 0;
position: relative;
}
.pro_design_content:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 0;
height: 100%;
background: #ffffff;
-webkit-border-radius: 0 0.78125vw 0.78125vw 0;
border-radius: 0 0.78125vw 0.78125vw 0;
}
.pro_design_big {
padding: 0 16.666vw 0 5.7291666vw;
position: relative;
z-index: 9;
}
.pro_design_head {
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.pro_design_subtitle {
font-size: 1.3541666vw;
line-height: 1.875vw;
color: #222222;
margin-top: 0.5208333vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.pro_design_read {
margin-top: 2.6041666vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.pro_design_max {
font-size: 0.9375vw;
line-height: 1.66666vw;
color: #1860c2;
}
.pro_design_text {
font-size: 0.9375vw;
line-height: 1.66666vw;
color: #222222;
}
.pro_design_tab {
padding: 1.9791666vw 0;
position: relative;
margin-top: 3.125vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.pro_design_tab:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 1px solid #eaeaea;
box-sizing: border-box;
}
.pro_design_item_box {
width: 16.666%;
}
.pro_design_item_icon {
width: 2.291666vw;
height: 2.291666vw;
margin: 0 auto;
}
.pro_design_item_icon img {
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
}
.pro_design_item_title {text-align: center;font-size:0.83333vw;line-height: 1.1458333vw;color: #222222;margin-top: 0.78125vw;}
.pro_design_item_title p{font-size: 16px; width: 70%; margin: 0 auto;}
.pro_design_button {
margin-top: 3.125vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.pro_design_video_wrap {
width: 33.4375vw;
margin-left: -10.52083vw;
padding-right: 5.7291666vw;
position: absolute;
right: 0;
top: 0;
z-index: 9;
}
.pro_design_video_box {
margin-top: 7.291666vw;
position: relative;
width: 100%;
padding-bottom: 130.4511%;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.pro_design_video_max {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.pro_design_video_width {
width: 0;
height: 0;
overflow: hidden;
-webkit-align-content: center;
align-content: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
}
.pro_design_video_details {
min-width: max-content;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.pro_design_video_animate {
overflow: hidden;
width: 100%;
height: 100%;
-webkit-align-content: center;
align-content: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.pro_design_video_pic {
width: 27.7083334vw;
position: relative;
}
.pro_design_video_img {
padding-bottom: 130.4511%;
}
.pro_design_video_button {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
z-index: 9;
cursor: pointer;
}
.pro_design_video_btn {
width: 3.6458333vw;
height: 3.6458333vw;
background: rgba(255, 255, 255, .2);
-webkit-border-radius: 100%;
border-radius: 100%;
border: 1px solid rgba(255, 255, 255, .5);
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.pro_design_video_button:hover .pro_design_video_btn {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.pro_design_video_label {
width: 26%;
}
.pro_design_video_label svg {
fill: #ffffff;
}
.pro_design_box {
position: relative;
z-index: 9;
}
.pro_design_back {
position: absolute;
right: 0;
bottom: 0;
width: 100%;
z-index: 10;
pointer-events: none;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.pro_design_tips_wrap {
position: absolute;
right: 0;
top: 0;
height: 100%;
z-index: 8;
padding: 1.041666vw 0;
overflow: hidden;
}
.pro_design_tips_box {
width: 100%;
height: 100%;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.pro_design_tips_text {
writing-mode: vertical-lr;
writing-mode: tb-lr;
writing-mode: vertical-rl;
writing-mode: tb-rl;
font-size: 10.41666vw;
line-height: 10.41666vw;
color: #ffffff;
text-transform: uppercase;
}
.pro_made_wrap {
position: relative;
padding: 12.5vw 0;
}
.pro_made_back {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.pro_made_box {
position: relative;
z-index: 9;
}
.pro_made_head .about_details_title {
color: #ffffff;
}
.pro_made_subtitle {
font-size: 1.3541666vw;
line-height: 1.875vw;
color: #ffffff;
margin-top: 0.78125vw;
}
.pro_made_read {
margin-top: 2.6041666vw;
}
.pro_made_text {
font-size:0.83333vw;
line-height: 1.66666vw;
color: #ffffff;
}
.pro_made_button {
margin-top: 3.6458333vw;
}
.pro_made_button .public_button_read:after {
opacity: .2;
}
.pro_made_button .public_button_text {
color: #ffffff;
}
.pro_made_button .public_button_icon {
background: #ffffff;
}
.pro_made_button .public_button_icon .public_button_label svg {
fill: #000;
}
.pro_made_big {
width: 52.3529%;
}
.pro_simulation_wrap {
padding: 6.7708333vw 0;
}
.pro_simulation_pic_wrap {
width: 41.6666vw;
}
.pro_simulation_pic_box {
position: relative;
width: 100%;
padding-bottom: 69.375%;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.pro_simulation_pic_max {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.pro_simulation_pic_width {
width: 0;
height: 0;
overflow: hidden;
-webkit-align-content: center;
align-content: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
}
.pro_simulation_pic_details {
min-width: max-content;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.pro_simulation_pic_animate {
width: 41.6666vw;
position: relative;
}
.pro_simulation_img {
padding-bottom: 69.375%;
width: 100%;
}
.pro_simulation_content {
width: calc(100% - 41.6666vw);
padding-left: 6.7708333vw;
-webkit-align-content: space-between;
align-content: space-between;
}
.pro_simulation_head {
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.pro_simulation_subtitle {
font-size: 1.3541666vw;
line-height: 1.875vw;
margin-top: 0.78125vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.pro_simulation_tab {
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.pro_simulation_item_box {
margin-top: 2.6041666vw;
}
.pro_simulation_tips {
font-size: 0.9375vw;
line-height: 1.458333vw;
color: #1860c2;
}
.pro_simulation_text {
font-size:0.83333vw;
line-height: 1.458333vw;
color: #222222;
}
.pro_simulation_big {
width: 100%;
}
.pro_simulation_button {
margin-top: 2.08333vw;
width: 100%;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.pro_details_button {/*width: 79.11764%;padding-right: 7.55208333vw;*/margin-top: 5.208333vw;
-webkit-justify-content: center;
justify-content: center;
}
.pro_details_button .public_button_box {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.pro_details_button .public_button_text {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.solution_page_wrap {
padding: 6.25vw 0;
background: #f7f7f7;
position: relative;
}
.solution_page_head_text {
font-size: 1.041666vw;
line-height: 1.5625vw;
color: #333333;
margin-top: 0.78125vw;
}
.solution_page_head_box {
padding-bottom: 2.34375vw;
position: relative;
}
.solution_page_line_box {
width: 100%;
height: 1px;
position: relative;
}
.solution_page_line_box:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #e7e7e7;
}
.solution_page_content {margin-bottom: 3.125vw;}
.solution_page_content:last-child {margin-bottom: 0;}
.solution_page_tab {margin-top: 0;}
.solution_page_item_box {position: relative;width: 32.05882%;margin: 0 1.91177% 1.91177% 0;-webkit-border-radius: 0.78125vw;border-radius: 0.78125vw;overflow: hidden;pointer-events: none;opacity: 0;-webkit-transform: translateY(30%);transform: translateY(30%);-webkit-transform-origin: left top;transform-origin: left top;}
.solution_page_item_box:nth-child(3n+1) {-webkit-animation-delay: .1s;animation-delay: .1s;}
.solution_page_item_box:nth-child(3n+2) {-webkit-animation-delay: .2s;animation-delay: .2s;}
.solution_page_item_box:nth-child(3n) {-webkit-animation-delay: .3s;animation-delay: .3s;}
.solution_page_item_box a {display: block;position: relative;height: 100%;}
.AddSolutionPageItem {
pointer-events: auto;
-webkit-animation: SolutionTranslateY 1s forwards normal cubic-bezier(.32, .03, .34, .88);
animation: SolutionTranslateY 1s forwards normal cubic-bezier(.32, .03, .34, .88);
}
@-webkit-keyframes SolutionTranslateY {
0% {
opacity: 0;
-webkit-transform: translateY(30%);
transform: translateY(30%);
}
50% {
opacity: 1;
}
70% {
opacity: 1;
-webkit-transform: translateY(-5%);
transform: translateY(-5%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes SolutionTranslateY {
0% {
opacity: 0;
-webkit-transform: translateY(30%);
transform: translateY(30%);
}
50% {
opacity: 1;
}
70% {
opacity: 1;
-webkit-transform: translateY(-5%);
transform: translateY(-5%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.solution_page_item_box:nth-child(3n) {
margin: 0 0 1.91177% 0;
}
.solution_page_item_back {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.solution_page_item_content {position: relative;z-index: 9;height: 100%;background: #ffffff;-webkit-transition: all .6s ease;transition: all .6s ease; padding: 20px;}
.solution_page_item_icon {

-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.solution_page_item_icon img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.solution_page_item_big {
margin-top: 2.08333vw;
}
.solution_page_item_title {
font-size: 1.1458333vw;
line-height: 1.66666vw;
color: #222222;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.solution_page_item_read {
margin-top: 0.78125vw;
}
.solution_page_item_li {
padding: 0.26041666vw 0;
}
.solution_page_item_li .solution_page_item_btn {
-webkit-align-items: center;
align-items: center;
}
.solution_page_item_label {
width: 0.78125vw;
height: 0.1041666vw;
position: relative;
}
.solution_page_item_label:after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 45%;
background: #32c4cc;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.solution_page_item_text {
font-size:1.041666vw;
line-height: 1.3541666vw;
color: #555555;
max-width: calc(100% - 0.78125vw);
-webkit-transition: all .6s ease;
transition: all .6s ease;
}

.solution_page_item_active .solution_page_item_back {
opacity: 1;
}
.solution_page_item_active .solution_page_item_title {
color: #ffffff;
}
.solution_page_item_active .solution_page_item_text {
color: #ffffff;
}
.solution_page_item_active .solution_page_item_label:after {
background: #ffffff;
}
.solution_page_item_active .solution_page_item_content {
background: rgba(255, 255, 255, 0);
}
.solution_page_item_active .solution_page_item_icon img {    -webkit-filter: brightness(0%) grayscale(100%) invert(100%);
     filter: brightness(0%) grayscale(100%) invert(100%); }
.solution_details_content {
background: #ffffff;
opacity: 0;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.solution_details_swiper .swiper-slide-active .solution_details_content {
opacity: 1;
}
.solution_details_nav_box {
position: relative;
}
.solution_details_nav_box:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #e7e7e7;
}
.solution_details_nav_li {
font-size: 1.3541666vw;
line-height: 4.4791666vw;
color: #999999;
margin-right: 5.208333vw;
position: relative;
z-index: 9;
cursor: pointer;
outline: none;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.solution_details_nav_li:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 0.15625vw;
background: #1860c2;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.solution_details_nav_li:last-child {
margin-right: 0;
}
.solution_details_nav_active {
color: #1860c2;
font-family: "Manrope-Medium", "SourceHanSansSC-Medium-2",   "Arial", "Helvetica", "sans-serif" !important;
}
.solution_details_nav_active:after {
width: 100%;
left: 0;
}
.solution_banner_title {
font-size: 2.6041666vw;
line-height: 3.125vw;
color: #ffffff;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.solution_banner_read {
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.solution_banner_wrap {
position: relative;
}
.solution_banner_back {
padding-bottom: 41.6666%;
}
.solution_banner_box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-align-items: center;
align-items: center;
}
.solution_banner_content {
width: 100%;
}
.solution_banner_title {
font-size: 2.6041666vw;
line-height: 3.125vw;
color: #ffffff;
}
.solution_banner_label {
font-size: 1.041666vw;
line-height: 1.5625vw;
color: #ffffff;
margin-top: 0.78125vw;
}
.technical_service_wrap {
padding: 7.8125vw 0 6.7708333vw 0;
}
.technical_service_pic_wrap {
width: 43.2291666vw;
position: relative;
z-index: 9;
}
.technical_service_pic_box {
position: relative;
width: 100%;
padding-bottom: 75.3012%;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.technical_service_pic_max {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.technical_service_pic_width {
width: 0;
height: 0;
overflow: hidden;
-webkit-align-content: center;
align-content: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
}
.technical_service_pic_details {
min-width: max-content;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.technical_service_pic_animate {
overflow: hidden;
width: 100%;
height: 100%;
-webkit-align-content: center;
align-content: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.technical_service_pic_read {
width: 43.2291666vw;
position: relative;
}
.technical_service_img {
padding-bottom: 75.3012%;
}
.technical_service_content {width: 51.17647%;padding-left: 6.7708333vw;}
.technical_service_pack {width: 100%;}
.technical_service_title {font-size: 2.3958333vw;line-height: 2.91666vw;color: #222222;}
.technical_service_subtitle {font-size: 1.5958333vw;line-height: 2.91666vw;color: #1860c2;}
.technical_service_read {font-size: 1.1458333vw;line-height: 1.5625vw;color: #222222;margin-top: 2.6041666vw;}
.technical_service_big {width: 100%;margin-top: 2.0041666vw;}
.technical_service_big p {line-height: 1.458333vw;font-size:0.83333vw;color: #222222;}
.technical_ability_wrap {
position: relative;
}
.technical_ability_back {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.technical_ability_box {
position: relative;
z-index: 9;
padding: 5.7291666vw 0;
}
.technical_public_head .about_details_title {
text-align: center;
}
.technical_public_text {
font-size: 1.1458333vw;
line-height: 2.08333vw;
color: #666;
margin-top: 0.78125vw;
text-align: center;
}
.technical_ability_pack {padding: 0.5208333vw;background: #ffffff;-webkit-border-radius: 0.78125vw;border-radius: 0.78125vw;-webkit-align-items: center;align-items: center;margin-top: 4.1666vw; margin: 0 auto;}
.technical_ability_big {/*width:calc(100% - 39.791666vw);*/ width: 90%; margin: 0 auto;}
.technical_ability_photo { width: 39.791666vw;display: none;}
.technical_ability_max {
padding-bottom: 70.245795%;
position: relative;
}
.technical_ability_width {
width: 39.791666vw;
position: relative;
}
.technical_ability_tab {
padding: 0 3.6458333vw;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;flex-wrap: wrap;
}
.technical_ability_item_box {
-webkit-justify-content: space-between; width: 46%;
justify-content: space-between;flex-wrap: wrap;
position: relative;
padding: 2.34375vw 0;
cursor: pointer;
outline: none;
}
.technical_ability_item_box:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #efefef;
}
.technical_ability_item_head {
width: 65.16129%;
}
.technical_ability_item_title {
font-size: 1.625vw;
line-height: 1.58333vw;
color: #222222;
}
.technical_ability_item_big {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.technical_ability_item_read {
padding-top: 1.041666vw;
}
.technical_ability_item_text {
font-size: 0.9375vw;
line-height: 1.458333vw;
color: #333333;

}
.technical_ability_item_icon {
width: 2.08333vw;
height: 2.08333vw;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.technical_ability_item_label {
width: 80%;
height: 80%;
position: relative;
-webkit-align-items: center;
align-items: center;
}
.technical_ability_item_label:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 1px solid #1860c2;
box-sizing: border-box;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.technical_ability_item_jt {
width: 100%;
height: 1px;
position: relative;
z-index: 9;
-webkit-transition: all .6s ease;
transition: all .6s ease;
-webkit-justify-content: center;
justify-content: center;
}
.technical_ability_item_jt:after {
content: "";
width: 40%;
height: 100%;
background: #1860c2;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.technical_ability_item_jt:before {
content: "";
position: absolute;
left: 30%;
top: 0;
width: 40%;
height: 100%;
background: #1860c2;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.technical_ability_item_active .technical_ability_item_title {
font-family: "Manrope-Medium", "SourceHanSansSC-Medium-2",   "Arial", "Helvetica", "sans-serif" !important;
}
.technical_ability_item_active .technical_ability_item_label:after {
background: #1860c2;
}
.technical_ability_item_active .technical_ability_item_jt:before, .technical_ability_item_active .technical_ability_item_jt:after {
background: #ffffff;
}
.technical_ability_item_active .technical_ability_item_jt:after {
width: 0;
}
.technical_ability_img {
padding-bottom: 70.245795%;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
}
.technical_support_wrap {
padding: 6.25vw 0;
}
.technical_support_item_box {
width: 20%;
padding: 0 2.6041666vw;
position: relative;
}
.technical_support_item_box:after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
background: #e9e9e9;
}
.technical_support_item_box:nth-child(5n):after {
display: none;
}
.technical_support_item_box:nth-child(5n+1) {
padding: 0 2.6041666vw 0 0;
}
.technical_support_item_box:nth-child(5n) {
padding: 0 0 0 2.6041666vw;
}
.technical_support_item_box:nth-child(2n) {
background: #fbfbfb;
}
.technical_support_item_content {
padding: 3.125vw 0;
}
.technical_support_item_label {
width: 3.0208333vw;
height: 2.8125vw;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.technical_support_item_label img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.technical_support_item_title {
font-size: 1.5625vw;
line-height: 2.08333vw;
color: #222222;
margin-top: 4.1666vw;
}
.technical_support_item_read {
margin-top: 3.6458333vw;
}
.technical_support_item_text {
font-size: 0.9375vw;
line-height: 1.5625vw;
color: #333333;
}
.technical_support_pack {
margin-top: 3.125vw;
position: relative;
}
.technical_manage_wrap {
padding: 6.25vw 0 7.291666vw 0;
position: relative;
background: #f5fafe url(../images/bg.jpg) no-repeat center top;
overflow: hidden;
}
.technical_manage_back {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.technical_manage_box {
position: relative;
z-index: 9;
}
.technical_manage_item_box {
width: 32.3529%;
margin: 0 1.47065% 0 0;
background: #ffffff;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
}
.technical_manage_item_box:nth-child(3n) {
margin: 0;
}
.technical_manage_item_label {
width: 2.8125vw;}
.technical_manage_item_label i {color: #1860c2; font-size: 3vw;}
.technical_manage_item_content {
padding: 2.6041666vw;
}
.technical_manage_item_read {
margin-top: 4.1666vw;
}
.technical_manage_item_title {
font-size: 1.5625vw;
line-height: 2.08333vw;
color: #222222;
}
.technical_manage_item_text {
font-size: 1.1375vw;
line-height: 1.5625vw;
min-height: 3.125vw;
color: #333333;
margin-top: 0.78125vw;
}
.technical_manage_pack {
margin-top: 4.6875vw;
}
.technical_equity_head_box .about_details_title {
text-align: left;
}
.technical_equity_head_box .technical_public_text {
text-align: left;
}
.technical_equity_wrap {padding: 6.25vw 0;position: relative;overflow: hidden;}
.technical_equity_wrap .page_center{width: 95%; margin: 0 auto;}
.technical_equity_wrap:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 5.7291666vw;
height: 100%;
-webkit-background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0));
background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0));
z-index: 9;
}
.technical_equity_wrap:before {
content: "";
position: absolute;
right: 0;
top: 0;
width: 5.7291666vw;
height: 100%;
-webkit-background-image: linear-gradient(to left, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0));
background-image: linear-gradient(to left, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0));
z-index: 9;
}
.technical_equity_swiper {
overflow: initial;
}
.technical_equity_item_pic {
padding: 1.82291666vw 1.30208333vw;
background: #ffffff;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
-webkit-box-shadow: 0 0.41666vw 3.125vw rgba(35, 192, 200, .1);
box-shadow: 0 0.41666vw 3.125vw rgba(35, 192, 200, .1);
}
.technical_equity_item_read {
margin-top: 1.5625vw;
}
.technical_equity_item_img {
padding-bottom: 142.968%;
}
.technical_equity_item_title {
font-size:0.83333vw;
line-height: 1.458333vw;
color: #222222;
text-align: center;
}
.technical_equity_content {
margin-top: 2.6041666vw;
}
.technical_equity_head_wrap {
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: flex-end;
align-items: flex-end;
}
.technical_equity_pagination_wrap {
padding-bottom: 0.5208333vw;
}
.technical_equity_pagination_wrap .public_pagination_button {
width: 2.708333vw;
height: 2.708333vw;
margin: 0 1.041666vw 0 0;
}
.technical_equity_pagination_wrap .public_pagination_button:last-child {
margin: 0;
}
.technical_equity_next {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.cycle_select_wrap {
padding: 6.25vw 0 7.291666vw 0;
}
.cycle_select_item_box {
width: 32.3529%;
margin: 0 1.47065% 0 0;
position: relative;
}
.cycle_select_item_box:nth-child(3n) {
margin: 0;
}
.cycle_select_item_box:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
border: 0.1041666vw solid #f6f6f6;
box-sizing: border-box;
}
.cycle_select_item_content {
padding: 2.86458333vw 2.34375vw;
position: relative;
z-index: 9;
}
.cycle_select_item_label {
width: 2.6041666vw;
}
.cycle_select_item_label svg {
fill: #222222;
}
.cycle_select_item_read {
margin-top: 2.6041666vw;
}
.cycle_select_item_title {
font-size: 1.1458333vw;
line-height: 1.66666vw;
color: #222222;
}
.cycle_select_item_text {
font-size:0.83333vw;
line-height: 1.25vw;
color: #666666;
margin-top: 0.78125vw;
}
.cycle_select_content {
margin-top: 3.6458333vw;
}
.cycle_scene_wrap {
background: #f7f7f7;
padding: 6.25vw 0;
position: relative;
}
.cycle_scene_swiper {
height: 26.041666vw;
}
.cycle_scene_big {
width: 50000px;
}
.cycle_scene_tab {
width: 50000px;
-webkit-transition: all .6s ease;
transition: all .6s ease;
align-items: flex-start;
}
.cycle_scene_item_box {
width: 25.26041666vw;
height: 19.708333vw;
margin: 0 1.37152vw 0 0;
-webkit-transition: all .6s ease;
transition: all .6s ease;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
overflow: hidden;
}
.three_scene_item_box:after, .make_scene_item_box:after, .cycle_scene_item_box:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #f7f7f7;
z-index: 20;
}
.AddSceneItemBox:after {
height: 0;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.cycle_scene_item_content {
position: relative;
width: 100%;
height: 100%;
}
.cycle_scene_item_back {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 14.58333vw;
z-index: 9;
opacity: .6;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.cycle_scene_item_read {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 1.30208333vw;
z-index: 10;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.cycle_scene_item_text {
font-size: 1.041666vw;
line-height: 1.5625vw;
color: #ffffff;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.cycle_scene_item_pic {
width: 100%;
height: 100%;
position: relative;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.cycle_scene_button {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.cycle_scene_width {
height: 26.041666vw;
position: relative;
overflow: hidden;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
margin-top: 3.125vw;
}
.cycle_scene_content {
position: relative;
height: 100%;
opacity: 0;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.cycle_scene_pack {
position: relative;
height: 100%;
}
.cycle_scene_button .public_pagination_button {
width: 2.708333vw;
height: 2.708333vw;
margin: 0 1.041666vw 0 0;
}
.cycle_scene_button .public_pagination_button:after {
background: #ffffff;
border: none;
}
.cycle_scene_button .public_pagination_button:last-child {
margin: 0;
}
.cycle_scene_next {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.cycle_feature_wrap {
padding: 6.25vw 0 7.8125vw 0;
position: relative;
overflow: hidden;
}
.cycle_feature_box {
position: relative;
z-index: 11;
}
.cycle_feature_head .about_details_title {
text-align: center;
}
.cycle_feature_pack {
margin-top: 4.1666vw;
}
.cycle_feature_nav_box {
-webkit-justify-content: space-between;
justify-content: space-between;
}
.cycle_feature_nav_icon {
-webkit-justify-content: center;
justify-content: center;
height: 2.3958333vw;
-webkit-align-items: center;
align-items: center;
}
.cycle_feature_nav_label {
width: 2.3958333vw;
}
.cycle_feature_nav_label path {
fill: #222222;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.cycle_feature_nav_label .cycle_feature_nav_color {
fill: #26c1c9;
}
.cycle_feature_nav_title {
margin-top: 0.5208333vw;
font-size: 0.9375vw;
line-height: 2.34375vw;
color: #222222;
position: relative;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.cycle_feature_nav_title:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 0.1041666vw;
background: #1860c2;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.cycle_feature_nav_li {
cursor: pointer;
}
.cycle_feature_nav_active .cycle_feature_nav_title {
font-weight: bold;
}
.cycle_feature_nav_active .cycle_feature_nav_title:after {
left: 0;
width: 100%;
}
.cycle_feature_nav_active .cycle_feature_nav_label path {
fill: #1860c2 !important;
}
.cycle_feature_big {
background: #ffffff;
padding: 0.26041666vw;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
margin-top: 3.125vw;
-webkit-box-shadow: 0 0.5208333vw 2.08333vw rgba(192, 192, 192, .15);
box-shadow: 0 0.5208333vw 2.08333vw rgba(192, 192, 192, .15);
}
.cycle_feature_tab {
width: 48.5207%;
}
.cycle_feature_pic {
width: 51.4793%;
}
.cycle_feature_item_box {
padding: 2.6041666vw 2.6041666vw 0 2.6041666vw;
}
.cycle_feature_item_head {
position: relative;
}
.cycle_feature_item_title {
font-size: 1.5625vw;
line-height: 2.08333vw;
color: #222222;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.cycle_feature_item_subtitle {
font-size: 1.041666vw;
line-height: 1.5625vw;
color: #666666;
margin-top: 0.5208333vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.cycle_feature_img {
padding-bottom: 67.81609%;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
}
.cycle_feature_item_bjg {
margin-top: 3.125vw;
padding-right: 1.5625vw;
height: 18.958333vw;
overflow-y: auto;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.cycle_feature_swiper .swiper-slide-active .cycle_feature_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);
}
.cycle_feature_swiper .swiper-slide-active .cycle_feature_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);
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.cycle_feature_swiper .swiper-slide-active .cycle_feature_item_bjg {
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;
}
.cycle_feature_item_bjg p {
font-size:0.83333vw;
line-height: 1.458333vw;
color: #222222;
}
.cycle_feature_item_bjg h4 {
font-size: 1.041666vw;
line-height: 1.458333vw;
color: #222222;
font-family: "Manrope-Medium", "SourceHanSansSC-Medium-2",   "Arial", "Helvetica", "sans-serif" !important;
}
/* 修改垂直滚动条 */
.cycle_feature_item_bjg::-webkit-scrollbar {
width: 0.15625vw;
}
/* 修改滚动条轨道背景色 */
.cycle_feature_item_bjg::-webkit-scrollbar-track {
background-color: #f0f0f0;
}
/* 修改滚动条滑块颜色 */
.cycle_feature_item_bjg::-webkit-scrollbar-thumb {
background-color: #1860c2;
}
/* 修改滚动条滑块悬停时的颜色 */
.cycle_feature_item_bjg::-webkit-scrollbar-thumb:hover {
background-color: #1860c2;
}
.cycle_advantage_head_box .about_details_title {
text-align: center;
}
.cycle_advantage_head_text {
width: 53%;
margin: 0.78125vw auto 0;
font-size: 1.041666vw;
line-height: 1.66666vw;
color: #222222;
text-align: center;
}
.cycle_advantage_wrap {
padding: 6.25vw 0;
overflow: hidden;
position: relative;
}
.cycle_advantage_item_box {
padding-bottom: 100%;
position: relative;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.cycle_advantage_item_content {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-align-items: center;
align-items: center;
}
.cycle_advantage_item_read {
width: 100%;
padding: 0 5.208333vw;
margin: 3.125vw 0 0 0;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.cycle_advantage_item_title {
text-align: center;
font-size: 1.5625vw;
line-height: 2.08333vw;
color: #222222;
}
.cycle_advantage_item_text {
font-size: 1.041666vw;
line-height: 1.5625vw;
color: #222222;
margin-top: -3.125vw;
text-align: center;
opacity: 0;
pointer-events: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.cycle_advantage_swiper .swiper-slide-active .cycle_advantage_item_text {
margin-top: 1.30208333vw;
opacity: 1;
pointer-events: auto;
}
.cycle_advantage_swiper .swiper-slide-active .cycle_advantage_item_read {
margin: 3.125vw 0 6.25vw 0;
}
.cycle_advantage_content {
position: relative;
margin-top: 3.125vw;
-webkit-justify-content: center;
justify-content: center;
}
.cycle_advantage_big {
position: relative;
}
.cycle_advantage_pack {
width: 143.229166vw;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.cycle_advantage_swiper {
position: relative;
z-index: 9;
}
.cycle_advantage_button_wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 11;
-webkit-justify-content: center;
justify-content: center;
pointer-events: none;
}
.cycle_advantage_button_box {
width: 20%;
}
.cycle_advantage_button_content {
width: 100%;
height: 100%;
-webkit-align-items: center;
align-items: center;
}
.cycle_advantage_button_read {
width: 100%;
margin-top: 14.84375vw;
}
.cycle_advantage_button_wrap .cycle_advantage_prev {
pointer-events: none;
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
}
.cycle_advantage_button_wrap .cycle_advantage_next {
pointer-events: none;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}
.cycle_advantage_next {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.cycle_advantage_circle_wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 8;
-webkit-justify-content: center;
justify-content: center;
}
.cycle_advantage_circle_box {
width: 20%;
}
.cycle_advantage_circle_content {
padding-bottom: 100%;
position: relative;
}
.cycle_advantage_circle_icon {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 100%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
overflow: hidden;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.cycle_advantage_circle_icon:nth-child(1) {
-webkit-background-image: linear-gradient(to right, #1860c2 20%, #28c0ca);
background-image: linear-gradient(to right, #1860c2 20%, #28c0ca);
z-index: 5;
width: 0;
height: 0;
}
.cycle_advantage_circle_icon:nth-child(2) {
width: 100%;
height: 100%;
background: #1860c2;
z-index: 4;
opacity: 0;
}
.cycle_advantage_circle_icon:nth-child(3) {
width: 100%;
height: 100%;
background: #1860c2;
z-index: 3;
opacity: 0;
}
.cycle_advantage_circle_icon:nth-child(4) {
width: 100%;
height: 100%;
background: #1860c2;
z-index: 2;
opacity: 0;
}
.cycle_advantage_circle_label {
width: calc(100% - 5.208333vw);
height: calc(100% - 5.208333vw);
background: #fff;
opacity: 1;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.make_scene_wrap {padding: 4.6875vw 0 3.25vw 0;background: #f7f7f7 ;position: relative;}
.make_scene_head_wrap {
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.make_scene_nav_box {
position: relative;
}
.make_scene_nav_box:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 0.1041666vw;
width: 100%;
background: #dddddd;
}
.make_scene_nav_li {
margin-right: 6.7708333vw;
}
.make_scene_nav_label {
font-size: 1.25vw;
line-height: 3.125vw;
color: #999999;
position: relative;
z-index: 9;
cursor: pointer;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.make_scene_nav_label:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 0.1041666vw;
background: #1860c2;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.make_scene_nav_active .make_scene_nav_label {
color: #1860c2;
}
.make_scene_nav_active .make_scene_nav_label:after {
width: 100%;
left: 0;
}
.make_scene_tab {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #f7f7f7;
overflow: hidden;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
opacity: 0;
pointer-events: none;
}
.make_scene_show {
opacity: 1;
pointer-events: auto;
transform: none;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.make_scene_content {
margin-top: 3.125vw;
position: relative;
}
.make_scene_item_box {
width: 15.26041666vw;
height: 17.708333vw;
margin: 0 1.37152vw 0 0;
-webkit-transition: all .6s ease;
transition: all .6s ease;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
overflow: hidden;
}
.three_scene_item_box {width: 15.26041666vw;height: 17.708333vw;margin: 0 1.37152vw 0 0;-webkit-transition: all .6s ease;transition: all .6s ease;-webkit-border-radius: 0.78125vw;border-radius: 0.78125vw;overflow: hidden;}
.cycle_scene_item_active {width: 38.6458333vw;height: 30.041666vw;}
.cycle_scene_item_active .cycle_scene_item_back {opacity: 1;}
.cycle_scene_item_active .cycle_scene_item_text {font-size: 1.3541666vw;line-height: 1.875vw;}
.cycle_scene_item_active .cycle_scene_item_read {padding: 2.08333vw;}
.make_referral_wrap {padding: 6.25vw 0;background: url(../images/bg.jpg) no-repeat center top;}
.make_referral_big {width: calc(100% - 41.6666vw);padding-right: 4.3333vw;-webkit-align-content: space-between;align-content: space-between;}
.make_referral_tips {width: 100%;margin-top: 1.5625vw;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.make_referral_icon {width: 12.1875vw;}
.make_referral_pack {width: 100%;}
.make_referral_head {opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.make_referral_read {font-size: 1.041666vw;line-height: 2.16458333vw;color: #333;margin-top: 2.08333vw;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.make_referral_pic_wrap {width: 41.6666vw;position: relative;-webkit-border-radius: 0.78125vw;border-radius: 0.78125vw;}
.make_referral_pic_content {position: relative;padding-bottom: 95%;}
.public_pic_max {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.public_pic_width {width: 0;height: 0;overflow: hidden;-webkit-align-content: center;align-content: center;-webkit-justify-content: center;justify-content: center;-webkit-border-radius: 0.78125vw;border-radius: 0.78125vw;}
.public_pic_details {min-width: max-content;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.make_referral_pic_wrap .public_pic_width {-webkit-box-shadow: 0 0.9375vw 3.125vw rgba(98, 247, 255, .15);box-shadow: 0 0.9375vw 3.125vw rgba(98, 247, 255, .15);}
.make_referral_pic_box {width: 41.6666vw;}
.make_referral_video_wrap {width: 100%;position: relative;}
.make_referral_video_wrap:hover .pro_design_video_btn {-webkit-transform: scale(1.2);transform: scale(1.2);}
.make_referral_img {padding-bottom: 95%;}
.make_advantage_wrap {padding: 6.25vw 0 0 0;position: relative;}
.make_advantage_back {position: absolute;left: 0;top: 0;width: 100%;-webkit-transform: rotateX(180deg);transform: rotateX(180deg);pointer-events: none;}
.make_advantage_box {position: relative;z-index: 9;}
.make_advantage_tab {margin-top: 3.125vw;}
.make_advantage_item_box {width: 32.35294%;margin: 0 1.47059% 1.5625vw 0;position: relative;pointer-events: none;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.AddMakeAdvantageItem {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);}
.make_advantage_item_box:nth-child(3n) {margin: 0 0 1.5625vw 0;}
.make_advantage_item_box:after {content: "";position: absolute;left: 0;
top: 0;width: 100%;height: 100%;z-index: 1;border: 0.1041666vw solid #f6f6f6;background: #ffffff;-webkit-border-radius: 0.78125vw;border-radius: 0.78125vw;-webkit-transition: all .6s ease;transition: all .6s ease;}
.make_advantage_item_label {
width: 2.291666vw;
height: 2.6041666vw;
}
.make_advantage_item_label svg {
max-width: 100%;
max-height: 100%;
width: 100%;
height: auto;
display: block;
fill: #252525;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.make_advantage_item_read {
margin-top: 2.34375vw;
}
.make_advantage_item_title {
font-size: 1.1458333vw;
line-height: 1.66666vw;
color: #222222;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.make_advantage_item_text {
font-size:0.83333vw;
line-height: 1.25vw;
height: 2.5vw;
color: #666666;
margin-top: 0.78125vw;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.make_advantage_item_content {
padding: 2.08333vw 2.34375vw 1.82291666vw 2.34375vw;
position: relative;
z-index: 9;
}
.make_delivery_wrap {
padding: 6.25vw 0;
}
.make_advantage_item_box:hover:after {
border: 0.1041666vw solid #1860c2;
background: #1860c2;
}
.make_advantage_item_box:hover .make_advantage_item_label svg {
fill: #ffffff;
}
.make_advantage_item_box:hover .make_advantage_item_title {
color: #ffffff;
}
.make_advantage_item_box:hover .make_advantage_item_text {
color: #ffffff;
}
.make_delivery_tab {
margin-top: 3.125vw;
}
.make_delivery_item_box {
width: 31.7647%;
margin: 0 2.35295% 0 0;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
overflow: hidden;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.AddMakeDeliveryItem {
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);
}
.AddMakeDeliveryItem .make_delivery_img:after {
height: 0;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.make_delivery_item_box:nth-child(3n) {
margin: 0;
}
.make_delivery_img {
padding-bottom: 51.85185%;
}
.make_delivery_img:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #f7f7f7;
}
.make_delivery_item_read {
background: #f7f7f7;
padding: 2.08333vw;
}
.make_delivery_item_title {
font-size: 1.25vw;
line-height: 1.7708333vw;
color: #222222;
}
.make_delivery_item_text {
font-size:0.83333vw;
line-height: 1.1458333vw;
height: 2.291666vw;
color: #666666;
margin-top: 0.78125vw;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.cloud_service_wrap {
padding: 6.8125vw 0  4.8125vw 0;
overflow: hidden;
}
.cloud_service_big {
width: 29.4117%;
padding: 0 2.08333vw 0 0;
-webkit-align-content: space-between;
align-content: space-between;
}
.cloud_service_head_wrap {
width: 100%;
}
.cloud_service_head_title {
font-size: 3.0208333vw;
line-height: 3.541666vw;
color: #222222;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.cloud_service_head_text {
font-size: 1.25vw;
line-height: 1.7708333vw;
color: #555555;
margin-top: 1.30208333vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.cloud_service_head_icon {
margin-top: 1.30208333vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.cloud_service_head_label {
width: 1.3541666vw;
}
.cloud_service_head_label svg {
fill: #1860c2;
}
.cloud_service_tips_wrap {
margin-top: 2.08333vw;
width: 100%;
}
.cloud_service_tips_box {
width: 12.1875vw;
}
.cloud_service_pack {width: 70.5883%;-webkit-align-items:center;align-items:center;}
.cloud_service_content {
width: calc(100% - 39.8958333vw);
padding-right: 2.08333vw;
}
.cloud_service_pic_wrap {
width: 39.8958333vw;
position: relative;
}
.cloud_service_pic_box {
padding-bottom: 69.7368%;
}
.cloud_service_pic_read {
width: 39.8958333vw;
}
.cloud_service_img {
padding-bottom: 69.7368%;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
}
.cloud_service_bjq {
font-size:16px;
line-height: 31px;
color: #666666;
}
.cloud_service_read {
margin-top: 2.08333vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.cloud_service_number {
font-size: 3.6458333vw;
line-height: 4.1666vw;
color: #1b62c3;
}
.cloud_service_text {
font-size: 0.78125vw;
line-height: 1.5625vw;
color: #222222;
}
.cloud_science_wrap {
position: relative;
padding: 5.208333vw 0 6.7708333vw 0;
overflow: hidden;
background: #f9fafc;
}
.cloud_science_back {
position: absolute;
left: 0;
top: 0;
width: 100%;
pointer-events: none;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.cloud_science_back img {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.cloud_science_box {
position: relative;
z-index: 9;
}
.cloud_science_head .about_details_title {
text-align: center;
}
.cloud_science_subtitle {
font-size: 1.1458333vw;
line-height: 1.66666vw;
color: #222222;
text-align: center;
margin-top: 0.78125vw;
}
.cloud_science_item_box {
background: #ffffff;
padding: 0.26041666vw;
position: relative;
width: 24.11764%;
margin: 0 1.17648% 0 0;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
}
.cloud_science_item_box:nth-child(4n) {
margin: 0;
}
.cloud_science_item_content {
position: relative;
padding: 2.34375vw;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
overflow: hidden;
}
.cloud_science_item_content:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
}
.cloud_science_item_big {
position: relative;
z-index: 9;
}
.cloud_science_item_head {
padding-bottom: 1.5625vw;
}
.cloud_science_item_title {
font-size: 1.25vw;
line-height: 1.7708333vw;
color: #1860c2;
}
.cloud_science_item_subtitle {
font-size:0.83333vw;
line-height: 1.25vw;
height: 2.5vw;
color: #222222;
margin-top: 0.78125vw;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.cloud_science_item_line {
width: 100%;
height: 1px;
background: #e6eef9;
}
.cloud_science_item_read {
margin-top: 1.5625vw;
}
.cloud_science_item_li {
padding: 0.26041666vw 0;
}
.cloud_science_item_icon {
width:0.83333vw;
}
.cloud_science_item_text {
margin-left: 0.7291666vw;
font-size:0.83333vw;
line-height: 1.25vw;
width: calc(100% - 1.5625vw);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.cloud_science_item_box:nth-child(1) .cloud_science_item_content:after {
background-image: -webkit-linear-gradient(to bottom, rgba(12, 119, 255, .15), rgba(12, 119, 255, 0) 50%);
background-image: linear-gradient(to bottom, rgba(12, 119, 255, .15), rgba(12, 119, 255, 0) 50%);
}
.cloud_science_item_box:nth-child(2) .cloud_science_item_content:after {
background-image: -webkit-linear-gradient(to bottom, rgba(201, 240, 248, 1), rgba(201, 240, 248, 0) 50%);
background-image: linear-gradient(to bottom, rgba(201, 240, 248, 1), rgba(201, 240, 248, 0) 50%);
}
.cloud_science_item_box:nth-child(3) .cloud_science_item_content:after {
background-image: -webkit-linear-gradient(to bottom, rgba(232, 227, 251, 1), rgba(232, 227, 251, 0) 50%);
background-image: linear-gradient(to bottom, rgba(232, 227, 251, 1), rgba(232, 227, 251, 0) 50%);
}
.cloud_science_item_box:nth-child(4) .cloud_science_item_content:after {
background-image: -webkit-linear-gradient(to bottom, rgba(255, 239, 202, 1), rgba(255, 239, 202, 0) 50%);
background-image: linear-gradient(to bottom, rgba(255, 239, 202, 1), rgba(255, 239, 202, 0) 50%);
}
.cloud_science_item_box:nth-child(1) .cloud_science_item_title {
color: #1860c2;
}
.cloud_science_item_box:nth-child(2) .cloud_science_item_title {
color: #01a8b1;
}
.cloud_science_item_box:nth-child(3) .cloud_science_item_title {
color: #6554a2;
}
.cloud_science_item_box:nth-child(4) .cloud_science_item_title {
color: #e38e14;
}
.cloud_science_item_box:nth-child(1) .cloud_science_item_icon svg {
fill: #1860c2;
}
.cloud_science_item_box:nth-child(2) .cloud_science_item_icon svg {
fill: #01a8b1;
}
.cloud_science_item_box:nth-child(3) .cloud_science_item_icon svg {
fill: #6554a2;
}
.cloud_science_item_box:nth-child(4) .cloud_science_item_icon svg {
fill: #e38e14;
}
.cloud_science_item_box:nth-child(1) .cloud_science_item_li a:hover .cloud_science_item_text {
color: #1860c2;
}
.cloud_science_item_box:nth-child(2) .cloud_science_item_li a:hover .cloud_science_item_text {
color: #01a8b1;
}
.cloud_science_item_box:nth-child(3) .cloud_science_item_li a:hover .cloud_science_item_text {
color: #6554a2;
}
.cloud_science_item_box:nth-child(4) .cloud_science_item_li a:hover .cloud_science_item_text {
color: #e38e14;
}
.cloud_science_pck {
margin-top: 4.1666vw;
}
.cloud_business_wrap {
padding: 4.1666vw 0 0 0;
overflow: hidden;
position: relative;
}
.cloud_business_head .about_details_title {
text-align: center;
}
.cloud_business_content {
margin-top: 3.6458333vw;
}
.cloud_business_item_box {
width: 31.764705%;
margin: 0 2.3529425% 2.6041666vw 0;
padding-bottom: 4.1666vw;
position: relative;
-webkit-border-radius: 0.78125vw 0.78125vw 0 0;
border-radius: 0.78125vw 0.78125vw 0 0;;
overflow: hidden;
}
.cloud_business_item_box:nth-child(3n) {
margin: 0 0 2.6041666vw 0;
}
.cloud_business_item_img {padding-bottom: 72.85185%;}
.cloud_business_item_img:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #ffffff;
}
.cloud_business_item_content {
position: absolute;
left: 0;
bottom: 4.1666vw;
-webkit-transform: translateY(100%);
transform: translateY(100%);
width: 100%;
padding: 0.5208333vw 0;
z-index: 9;
background: #ffffff;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.cloud_business_item_read {
margin-top: 0.5208333vw;
}
.cloud_business_item_title {
font-size: 1.25vw;
line-height: 3.125vw;
color: #222222;
}
.cloud_business_item_box:hover .cloud_business_item_content {
-webkit-transform: none;
transform: none;
bottom: 0;
padding: 1.041666vw 0;
}
.cloud_business_item_li {
padding: 0.26041666vw 0;
-webkit-align-items: center;
align-items: center;
}
.cloud_business_item_icon {
width: 0.83333vw;
height: 1px;
background: #1860c2;
}
.cloud_business_item_text {
font-size:0.83333vw;
line-height: 1.25vw;
margin-left: 0.26041666vw;
width: calc(100% - 1.09375vw);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.cloud_choice_wrap {
position: relative;
padding: 6.25vw 0 7.291666vw 0;
}
.cloud_choice_back {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
pointer-events: none;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.cloud_choice_box {
position: relative;
z-index: 9;
}
.cloud_choice_head .about_details_title {
text-align: center;
}
.cloud_choice_pack {
margin-top: 3.125vw;
}
.cloud_choice_item_box {
width: 32.11764%;
margin: 0 1.17648% 0 0;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
overflow: hidden;
}
.cloud_choice_item_box:nth-child(4n) {
margin: 0;
}
.cloud_choice_item_img {
padding-bottom: 58.53658%;
}
.cloud_choice_item_img:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #f9f9f9;
}
.cloud_choice_item_read {
background: #f9f9f9;
padding: 2.08333vw;
}
.cloud_choice_item_title {
font-size: 1.25vw;
line-height: 1.7708333vw;
color: #222222;
}
.cloud_choice_item_text {
font-size:0.83333vw;
line-height: 1.25vw;
height: 3.75vw;
color: #222222;
margin-top: 1.041666vw;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.service_develop_wrap {position: relative;padding: 7.291666vw 0 9.8958333vw 0;overflow: hidden;}
.service_develop_head_box .about_details_title {text-align: center;}
.service_develop_head_read {-webkit-justify-content: center;justify-content: center;margin-top: 1.5625vw;}
.service_develop_head_text {width: 68%;text-align: center;font-size:1.041666vw;line-height: 1.5625vw;color: #222222;
}
.service_develop_head_button {
margin-top: 2.6041666vw;
-webkit-justify-content: center;
justify-content: center;
}
.service_develop_item_box {
width: 18.52941%;
margin: 0 1.8382375% 0 0;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
overflow: hidden;
}
.service_develop_item_box:nth-child(5n) {
margin: 0;
}
.service_develop_item_img {
padding-bottom: 63.49206%;
}
.service_develop_item_img:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #f7f8fa;
}
.service_develop_item_read {
background: #f7f8fa;
padding: 1.82291666vw;
}
.service_develop_item_title {
font-size:1.041666vw;
line-height: 1.66666vw;
color: #222222;
}
.service_develop_item_text {
font-size:0.83333vw;
line-height: 1.66666vw;
color: #666666;
}
.service_develop_pack {
margin-top: 4.6875vw;
}
.service_develop_box {
position: relative;
z-index: 11;
}
.service_carry_wrap {
padding: 6.25vw 0 4.6875vw 0;
background: #f7f7f7;
position: relative;
}
.service_carry_head .about_details_title {
text-align: center;
}
.service_carry_content {
margin-top: 3.125vw;
}
.service_carry_nav_wrap {
position: relative;
}
.service_carry_nav_content {
position: relative;
background: #ffffff;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
overflow: hidden;
}
.service_carry_nav_after {
position: absolute;
left: 0;
top: 0;
width: 20%;
height: 100%;
background: #1860c2;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.service_carry_nav_box {
position: relative;
z-index: 9;
}
.service_carry_nav_li {
width: 20%;
padding: 1.041666vw;
position: relative;
}
.service_carry_nav_text {cursor: pointer;
text-align: center;
font-size: 1.141666vw;
line-height: 1.3541666vw;
color: #222222;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.service_carry_nav_active .service_carry_nav_text {
color: #ffffff;cursor: pointer;
}
.service_carry_pack {
background: #ffffff;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
padding: 0.5208333vw;
margin-top: 1.5625vw;
-webkit-box-shadow: 0 0.41666vw 2.6041666vw rgba(35, 192, 200, .1);
box-shadow: 0 0.41666vw 2.6041666vw rgba(35, 192, 200, .1);
}
.service_carry_photo {
width: 47.61904%;
}
.service_carry_img {
padding-bottom: 60%;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
}
.service_carry_details_wrap {
width: 52.38096%;
}
.service_carry_details_box {
padding: 2.6041666vw 2.6041666vw 2.6041666vw 3.125vw;
height: 100%;
background: #ffffff;
}
.service_carry_details_content {
height: 100%;
position: relative;
-webkit-align-content: space-between;
align-content: space-between;
}
.service_carry_details_swiper {
height: 100%;
}
.service_carry_details_head {
width: 100%;
}
.service_carry_details_title {
font-size: 1.5625vw;
line-height: 2.08333vw;
color: #222222;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.service_carry_details_read {
font-size:0.83333vw;
line-height:31px;
height: 9.375vw;
overflow-y: auto;
color: #222222;
margin-top: 2.08333vw;
padding-right: 1.041666vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.service_carry_details_button {
width: 100%;
margin-top: 2.08333vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
/* 修改垂直滚动条 */
.service_carry_details_read::-webkit-scrollbar {
width: 0.15625vw;
}
/* 修改滚动条轨道背景色 */
.service_carry_details_read::-webkit-scrollbar-track {
background-color: #f0f0f0;
}
/* 修改滚动条滑块颜色 */
.service_carry_details_read::-webkit-scrollbar-thumb {
background-color: #1860c2;
}
/* 修改滚动条滑块悬停时的颜色 */
.service_carry_details_read::-webkit-scrollbar-thumb:hover {
background-color: #1860c2;
}
@media screen and (max-width:1440px){
  .service_carry_details_read {font-size:16px;}
}
.service_carry_details_swiper .swiper-slide-active .service_carry_details_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);
}
.service_carry_details_swiper .swiper-slide-active .service_carry_details_read {
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;
}
.service_carry_details_swiper .swiper-slide-active .service_carry_details_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;
}
.service_system_wrap {
padding: 6.7708333vw 0 5.208333vw 0;
position: relative;
}
.service_system_tab {
margin-top: 5.208333vw;
}
.service_system_item_box {
width: 31.764705%;
margin: 0 2.3529425% 0 0;
}
.service_system_item_box:nth-child(3n) {
margin: 0;
}
.service_system_item_img {
padding-bottom: 55.5555%;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
}
.service_system_item_img:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #ffffff;
}
.service_system_item_read {
padding: 2.08333vw 0 1.041666vw 0;
}
.service_system_item_title {
font-size: 22px; font-weight: bold;;
line-height: 1.7708333vw;
color: #222222;
}
.service_system_item_text {
font-size:0.83333vw;
line-height: 31px;
color: #666666;
margin-top: 0.78125vw;
}
@media screen and (max-width:1440px){
  .service_system_item_text  {font-size:16px;}
}
.public_banner_center .public_banner_title {
text-align: center;
}
.public_banner_center .public_banner_subtitle {
text-align: center;
}
.public_banner_industry_button {
width: 100%;
-webkit-justify-content: center;
justify-content: center;
margin-top: 2.6041666vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.public_banner_industry_btn {
width: 8.59375vw;
position: relative;
}
.public_banner_industry_btn a {
padding: 0.67708333vw 0;
position: relative;
background: #1860c2;
width: 100%;
display: block;
-webkit-border-radius: 1.458333vw;
border-radius: 1.458333vw;
overflow: hidden;
}
.public_banner_industry_btn a:after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 0;
height: 100%;
z-index: 1;
-webkit-border-radius: 1.458333vw;
border-radius: 1.458333vw;
background: #00b3bc;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.public_banner_industry_read {
position: relative;
z-index: 9;
overflow: hidden;
}
.public_banner_industry_text {
font-size:0.83333vw;
line-height: 1.5625vw;
color: #ffffff;
text-align: center;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.public_banner_industry_text:nth-child(2) {
position: absolute;
left: 0;
top: 0;
width: 100%;
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.public_banner_industry_btn a:hover:after {
left: 0;
width: 100%;
}
.public_banner_industry_btn a:hover .public_banner_industry_text:nth-child(1) {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.public_banner_industry_btn a:hover .public_banner_industry_text:nth-child(2) {
opacity: 1;
-webkit-transform: none;
transform: none;
}
.industry_platform_head {
position: relative;
z-index: 9;
}
.industry_platform_head .about_details_title {
text-align: center;
}
.industry_platform_wrap {
padding: 6.7708333vw 0 7.291666vw 0;
position: relative;
overflow: hidden;
}
.industry_platform_content {
padding: 0 16.666vw;
margin-top: 3.6458333vw;
position: relative;
}
.industry_platform_details_wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.industry_platform_details_li {
width: 32.94117%;
margin: 0 34.11766% 1.66666vw 0;
position: relative;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
overflow: hidden;
}
.industry_platform_details_li:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 1px solid #84dce0;
background: rgba(214, 243, 245, 1);
box-sizing: border-box;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
z-index: 1;
}
.industry_platform_details_li:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
z-index: 8;
}
.industry_platform_details_li:nth-child(2n+1):before {
background-image: -webkit-linear-gradient(to left, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0));
background-image: linear-gradient(to left, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0));
}
.industry_platform_details_li:nth-child(2n):before {
background-image: -webkit-linear-gradient(to right, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0));
background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0));
}
.industry_platform_details_li:nth-child(2n+1) {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0;
pointer-events: auto;
}
.industry_platform_details_li:nth-child(2n) {
margin: 0 0 1.66666vw 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0;
pointer-events: auto;
}
.industry_platform_details_li:nth-child(2n) .industry_platform_details_head {
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.industry_platform_details_li:nth-child(2n) .industry_platform_details_title {
text-align: right;
}
.industry_platform_details_li:nth-child(2n) .industry_platform_details_text {
text-align: right;
}
.industry_platform_details_li:nth-child(2n) .industry_platform_details_big {
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.industry_platform_details_content {
position: relative;
padding: 1.5625vw;
z-index: 9;
}
.industry_platform_details_icon {
width: 1.7708333vw;
height: 1.7708333vw;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.industry_platform_details_icon svg {
width: 100%;
height: auto;
display: block;
max-height: 100%;
max-width: 100%;
fill: #24c0c8;
}
.industry_platform_details_read {
margin-top: 0.5208333vw;
width: 68%;
}
.industry_platform_details_title {
font-size: 1.25vw;
line-height: 1.7708333vw;
color: #222222;
}
.industry_platform_details_text {
font-size:16px;
line-height: 31px;
color: #333333;
margin-top: 0.78125vw;
}
.industry_platform_pack {
position: relative;
padding-bottom: 56.41509%;
z-index: 9;
}
.industry_platform_big {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.industry_cylinder_box {
width: 82.547169%;
margin: 0 auto;
position: relative;
z-index: 4;
}
.industry_cylinder_content {
padding-bottom: 58.51428%;
position: relative;
}
.industry_cylinder_read {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
.industry_cylinder_tab {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.industry_cylinder_item_box {
width: 100%;
position: absolute;
left: 0;
}
.industry_cylinder_item_read {
position: absolute;
left: 0;
bottom: 1.82291666vw;
width: 100%;
}
.industry_cylinder_item_text {
text-align: center;
font-size: 1.25vw;
line-height: 1.7708333vw;
color: #1860c2;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
opacity: 0;
}
.industry_cylinder_item_max {
-webkit-justify-content: center;
justify-content: center;
}
.industry_cylinder_item_box:nth-child(1) {
bottom: 0;
}
.industry_cylinder_item_box:nth-child(2) {
bottom: 13%;
}
.industry_cylinder_item_box:nth-child(3) {
bottom: 34.5%;
}
.industry_cylinder_item_box:nth-child(4) {
bottom: 55%;
}
.industry_cylinder_item_box:nth-child(1) .industry_cylinder_item_icon {
width: 42%;
}
.industry_cylinder_item_box:nth-child(2) .industry_cylinder_item_icon {
width: 50.514285%;
}
.industry_cylinder_item_box:nth-child(3) .industry_cylinder_item_icon {
width: 64.457142%;
}
.industry_cylinder_item_box:nth-child(4) .industry_cylinder_item_icon {
width: 77.71428%;
}
.industry_cylinder_item_label {
opacity: 0;
}
.industry_cylinder_max_box {
width: 100%;
height: 100%;
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
}
.industry_cylinder_max_content {
width: 100%;
padding-bottom: 100%;
position: absolute;
left: 0;
bottom: 0;
}
.industry_cylinder_max_tab {
position: absolute;
left: 0;
width: 100%;
height: 16.98113%;
bottom: 0;
}
.industry_cylinder_max_li {
position: absolute;
}
.industry_cylinder_max_li:nth-child(1) {
left: 10%;
top: 87%;
}
.industry_cylinder_max_li:nth-child(2) {
left: 40.6%;
top: 97%;
}
.industry_cylinder_max_li:nth-child(3) {
left: 72.5%;
top: 87%;
}
.industry_cylinder_max_li:nth-child(1) .industry_cylinder_max_read {
margin-top: 1.82291666vw;
}
.industry_cylinder_max_li:nth-child(2) .industry_cylinder_max_read {
margin-top: 0.83333vw;
}
.industry_cylinder_max_li:nth-child(3) .industry_cylinder_max_read {
margin-top: 1.82291666vw;
}
.industry_cylinder_max_head {
-webkit-justify-content: center;
justify-content: center;
}
.industry_cylinder_max_icon {
width: 0.5208333vw;
height: 0.5208333vw;
position: relative;
-webkit-transform: scale(0);
transform: scale(0);
}
.industry_cylinder_max_label {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 100%;
height: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
background: #008aff;
}
.industry_cylinder_max_label:nth-child(2) {
-webkit-animation: CylinderScale 2.4s linear infinite normal both;
animation: CylinderScale 2.4s linear infinite normal both;
}
.industry_cylinder_max_label:nth-child(3) {
-webkit-animation: CylinderScale 2.4s .8s linear infinite normal both;
animation: CylinderScale 2.4s .8s linear infinite normal both;
}
.industry_cylinder_max_label:nth-child(4) {
-webkit-animation: CylinderScale 2.4s 1.6s linear infinite normal both;
animation: CylinderScale 2.4s 1.6s linear infinite normal both;
}
@-webkit-keyframes CylinderScale {
0% {
width: 100%;
height: 100%;
opacity: 0;
}
20% {
width: 200%;
height: 200%;
opacity: 0.3;
}
40% {
width: 300%;
height: 300%;
opacity: 0.2;
}
60% {
width: 400%;
height: 400%;
opacity: .1;
}
80% {
width: 500%;
height: 500%;
opacity: 0;
}
100% {
width: 100%;
height: 100%;
opacity: 0;
}
}
@keyframes CylinderScale {
0% {
width: 100%;
height: 100%;
opacity: 0;
}
20% {
width: 200%;
height: 200%;
opacity: 0.3;
}
40% {
width: 300%;
height: 300%;
opacity: 0.2;
}
60% {
width: 400%;
height: 400%;
opacity: .1;
}
80% {
width: 500%;
height: 500%;
opacity: 0;
}
100% {
width: 100%;
height: 100%;
opacity: 0;
}
}
.industry_cylinder_max_text {
font-size: 0.9375vw;
line-height: 1.458333vw;
color: #222222;
width: 10.41666vw;
text-align: center;
opacity: 0;
-webkit-transform: translateY(-2vw);
transform: translateY(-2vw);
}
.industry_cylinder_max_after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: .1;
-webkit-transform: scaleY(.1698113);
transform: scaleY(.1698113);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
.industry_cylinder_max_after:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: -webkit-linear-gradient(to top, rgba(61, 152, 255, 1) 30%, rgba(61, 152, 255, 0));
background-image: linear-gradient(to top, rgba(61, 152, 255, 1) 30%, rgba(61, 152, 255, 0));
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.industry_cylinder_min_box {
width: 72.26415%;
height: 100%;
position: absolute;
left: 13.867925%;
bottom: 2.6041666vw;
z-index: 3;
}
.industry_cylinder_min_content {
width: 100%;
padding-bottom: 100%;
position: absolute;
left: 0;
bottom: 0;
}
.industry_cylinder_min_after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scaleY(.1318537);
transform: scaleY(.1318537);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
opacity: .15;
}
.industry_cylinder_min_after:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: -webkit-linear-gradient(to top, rgba(61, 152, 255, 1) 30%, rgba(61, 152, 255, 0));
background-image: linear-gradient(to top, rgba(61, 152, 255, 1) 30%, rgba(61, 152, 255, 0));
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.industry_cylinder_back_box {position: absolute;left: 0;top: -5.9375vw;width: 100%;z-index: 1;-webkit-justify-content: center;justify-content: center;}
.industry_cylinder_back_img {width: 92.735849%;opacity: 0;}
.industry_power_wrap {background:url(../images/case_banner_back.jpg)no-repeat center top;position: relative;overflow: hidden; background-size: cover;}
.industry_power_big {width: 35.5%;-webkit-align-items: center;align-items: center;position: relative;z-index: 9;}
.industry_public_label {font-size: 1.4625vw;line-height: 2.08333vw;color: #fff;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.industry_public_title {font-size: 2.825vw;line-height: 3.6458333vw;color: #ffffff;margin-top: 1.5625vw;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.industry_public_text {
font-size: 0.941666vw;
line-height: 1.6625vw;
color: #ffffff;
margin-top: 1.041666vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.industry_public_button {
margin-top: 4.1666vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.industry_power_big .public_button_icon {
background: #ffffff;
}
.industry_power_big .public_button_text {
color: #ffffff;
}
.industry_power_big .public_button_icon .public_button_label svg {
fill: #333333;
}
.industry_power_big .public_button_read:after {
border: 1px solid #ffffff;
}
.industry_power_content {
position: relative;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.industry_power_content:after {
content: "";
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
width: 100vw;
height: 50%;
background-image: linear-gradient(to top, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 0));
z-index: 3;
}
.industry_power_color_back {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
width: 100vw;
z-index: 4;
}
.industry_power_pic_content {
width: 56.23529%;
padding-right: 1.875vw;
margin-top: 7.8125vw;
position: relative;
z-index: 2;
}
.industry_power_pic_box {
position: relative;
-webkit-transform: translateY(1.1458333vw);
transform: translateY(1.1458333vw);
}
.industry_power_pic_big {
position: relative;
}
.industry_power_pic_animate {
position: relative;
}
.industry_power_pic_img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
-webkit-box-shadow: 0 0.78125vw 5.208333vw rgba(44, 74, 162, .1);
box-shadow: 0 0.78125vw 5.208333vw rgba(44, 74, 162, .1);
}
.industry_power_pic_back {
position: absolute;
right: -1.875vw;
top: -1.875vw;
width: 100%;
height: 100%;
-webkit-transform: rotate(20deg) translateX(10vw) translateY(5vw) perspective(400px) rotateX(5deg);
transform: rotate(20deg) translateX(10vw) translateY(5vw) perspective(400px) rotateX(5deg);
opacity: .6;
}
.industry_power_pic_read {
padding-bottom: 81.521739%;
position: relative;
z-index: 9;
-webkit-transform: rotate(10deg) translateX(10vw) perspective(400px) rotateX(5deg);
transform: rotate(10deg) translateX(10vw) perspective(400px) rotateX(5deg);
opacity: .6;
}
.industry_power_pic_label {
width: 100%;
height: 100%;
position: relative;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
overflow: hidden;
-webkit-box-shadow: 0 0.78125vw 5.208333vw rgba(44, 74, 162, .1);
box-shadow: 0 0.78125vw 5.208333vw rgba(44, 74, 162, .1);
}
.industry_public_content {
width: 100%;
}
.industry_power_button_wrap {
position: absolute;
right: 0;
top: 0;
width: 56.23529%;
padding-right: 1.875vw;
margin-top: 7.8125vw;
z-index: 9;
}
.industry_power_button_box {
padding-bottom: 81.521739%;
position: relative;
-webkit-transform: translateY(1.1458333vw);
transform: translateY(1.1458333vw);
}
.industry_public_btn_tab {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.industry_public_item_btn {
background: rgba(255, 255, 255, .9);
-webkit-border-radius: 1.61458333vw;
border-radius: 1.61458333vw;
padding: 0.15625vw 0.26041666vw;
width: max-content;
-webkit-transform: translateX(-4vw);
transform: translateX(-4vw);
opacity: 0;
pointer-events: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.industry_public_item_icon {
width: 2.91666vw;
height: 2.91666vw;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-align-items: center;
align-items: center;-webkit-justify-content: center;justify-content: center;}
.industry_public_item_btn {position: absolute;}
.industry_power_button_box .industry_public_item_btn:nth-child(1) {left: 74%;top: 3%;}
.industry_power_button_box .industry_public_item_btn:nth-child(2) {left: -6%;top: 27%;}
.industry_power_button_box .industry_public_item_btn:nth-child(3) {left: 55%;top: 70%;}
.industry_power_button_box .industry_public_item_btn:nth-child(1) .industry_public_item_icon {background: #fb9324;}
.industry_power_button_box .industry_public_item_btn:nth-child(2) .industry_public_item_icon {background: #fb9324;}
.industry_power_button_box .industry_public_item_btn:nth-child(3) .industry_public_item_icon {background: #fb9324;}
.industry_public_item_label {
width: 43%;
}
.industry_public_item_label svg {
fill: #ffffff;
}
.industry_public_item_read {
padding: 0 2.08333vw 0 1.5625vw;
}
.industry_public_item_text {
text-align: center;
font-size: 1.1458333vw;
line-height: 2.91666vw;
color: #222222;
}
.industry_learning_wrap {
position: relative;
overflow: hidden;
}
.industry_learning_back {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.industry_learning_box {
position: relative;
z-index: 9;
}
.industry_learning_pic_content {
width: 56.23529%;
padding-right: 1.875vw;
margin: 7.291666vw 0 0.78125vw 0;
position: relative;
z-index: 2;
}
.industry_learning_pic_box {
position: relative;
}
.industry_learning_pic_read {
padding-bottom: 81.521739%;
position: relative;
z-index: 9;
-webkit-transform: rotate(-10deg) translateX(-10vw) perspective(400px) rotateX(-5deg);
transform: rotate(-10deg) translateX(-10vw) perspective(400px) rotateX(-5deg);
opacity: .6;
}
.industry_learning_pic_back {
position: absolute;
right: -1.875vw;
top: -1.875vw;
width: 100%;
height: 100%;
-webkit-transform: rotate(-20deg) translateX(-10vw) translateY(5vw) perspective(400px) rotateX(-5deg);
transform: rotate(-20deg) translateX(-10vw) translateY(5vw) perspective(400px) rotateX(-5deg);
opacity: .6;
}
.industry_learning_pic_label {
width: 100%;
height: 100%;
position: relative;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
overflow: hidden;
-webkit-box-shadow: 0 0.78125vw 5.208333vw rgba(44, 74, 162, .1);
box-shadow: 0 0.78125vw 5.208333vw rgba(44, 74, 162, .1);
}
.industry_learning_pic_img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
-webkit-box-shadow: 0 0.78125vw 5.208333vw rgba(44, 74, 162, .1);
box-shadow: 0 0.78125vw 5.208333vw rgba(44, 74, 162, .1);
}
.industry_learning_big {
width: 35.5%;
-webkit-align-items: center;
align-items: center;
position: relative;
z-index: 9;
}
.industry_learning_content {
-webkit-justify-content: space-between;
justify-content: space-between;
position: relative;
}
.industry_learning_content:after {
content: "";
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
width: 100vw;
height: 30%;
background-image: linear-gradient(to top, rgba(247, 250, 248, 1), rgba(247, 250, 248, 0));
z-index: 3;
}
.industry_learning_big .industry_public_label {
color: #1860c2;
text-align: right;
}
.industry_learning_big .industry_public_title {
color: #222222;
text-align: right;
}
.industry_learning_big .industry_public_text {
color: #222222;
text-align: right;
}
.industry_learning_big .industry_public_button {
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.industry_learning_button_wrap {
position: absolute;
left: 0;
top: 0;
width: 56.23529%;
padding-right: 1.875vw;
margin-top: 7.291666vw;
z-index: 9;
}
.industry_learning_button_box {
padding-bottom: 81.521739%;
position: relative;
}
.industry_learning_button_box .industry_public_item_btn:nth-child(1) {
left: 42%;
top: 3%;
}
.industry_learning_button_box .industry_public_item_btn:nth-child(2) {
left: -2%;
top: 69.5%;
}
.industry_learning_button_box .industry_public_item_btn:nth-child(3) {
left: 83.5%;
top: 76%;
}
.industry_learning_button_box .industry_public_item_btn {
background: rgba(255, 255, 255, .75);
-webkit-box-shadow: 0 0.5208333vw 3.125vw rgba(44, 74, 162, .1);
box-shadow: 0 0.5208333vw 3.125vw rgba(44, 74, 162, .1);
}
.industry_learning_button_box .industry_public_item_btn .industry_public_item_icon {
background-image: -webkit-linear-gradient(to right, #1860c2 20%, #28c0ca);
background-image: linear-gradient(to right, #1860c2 20%, #28c0ca);
}
.industry_carry_wrap {
position: relative;
background: #1b62c3;
overflow: hidden;
}
.industry_carry_box {
position: relative;
z-index: 9;
}
.industry_carry_pic_content {
width: 56.23529%;
padding-right: 1.875vw;
margin: 7.8125vw 0 0 0;
position: relative;
z-index: 2;
}
.industry_carry_pic_box {
position: relative;
-webkit-transform: translateY(2.3958333vw);
transform: translateY(2.3958333vw);
}
.industry_carry_pic_img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
-webkit-box-shadow: 0 0.78125vw 5.208333vw rgba(44, 74, 162, .1);
box-shadow: 0 0.78125vw 5.208333vw rgba(44, 74, 162, .1);
}
.industry_carry_pic_read {
padding-bottom: 81.521739%;
position: relative;
z-index: 9;
-webkit-transform: rotate(10deg) translateX(10vw) perspective(400px) rotateX(5deg);
transform: rotate(10deg) translateX(10vw) perspective(400px) rotateX(5deg);
opacity: .6;
}
.industry_carry_pic_back {
position: absolute;
right: -1.875vw;
top: -1.875vw;
width: 100%;
height: 100%;
-webkit-transform: rotate(20deg) translateX(10vw) translateY(5vw) perspective(400px) rotateX(5deg);
transform: rotate(20deg) translateX(10vw) translateY(5vw) perspective(400px) rotateX(5deg);
opacity: .6;
}
.industry_carry_pic_label {
position: relative;
width: 100%;
height: 100%;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
-webkit-box-shadow: 0 0.78125vw 5.208333vw rgba(44, 74, 162, .1);
box-shadow: 0 0.78125vw 5.208333vw rgba(44, 74, 162, .1);
}
.industry_carry_big {
width: 35.5%;
-webkit-align-items: center;
align-items: center;
position: relative;
z-index: 9;
}
.industry_carry_content {
-webkit-justify-content: space-between;
justify-content: space-between;
position: relative;
}
.industry_carry_content:after {
content: "";
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
width: 100vw;
height: 50%;
background-image: linear-gradient(to top, rgba(35, 192, 200, 1), rgba(35, 192, 200, 0));
z-index: 3;
}
.industry_carry_big .industry_public_label {
color: #ffffff;
}
.industry_carry_big .public_button_icon {
background: #ffffff;
}
.industry_carry_big .public_button_text {
color: #ffffff;
}
.industry_carry_big .public_button_icon .public_button_label svg {
fill: #333333;
}
.industry_carry_big .public_button_read:after {
border: 1px solid #ffffff;
}
.industry_carry_button_wrap {
position: absolute;
right: 0;
top: 0;
width: 56.23529%;
padding-right: 1.875vw;
margin-top: 7.8125vw;
z-index: 9;
}
.industry_carry_button_box {
padding-bottom: 81.521739%;
position: relative;
-webkit-transform: translateY(2.3958333vw);
transform: translateY(2.3958333vw);
}
.industry_carry_button_box .industry_public_item_btn:nth-child(1) {
left: 45%;
top: -6%;
}
.industry_carry_button_box .industry_public_item_btn:nth-child(2) {
left: -3%;
top: 60%;
}
.industry_carry_button_box .industry_public_item_btn:nth-child(3) {
left: 71%;
top: 63%;
}
.industry_carry_button_box .industry_public_item_btn {
background: rgba(255, 255, 255, .95);
-webkit-box-shadow: 0 0.5208333vw 3.125vw rgba(44, 74, 162, .1);
box-shadow: 0 0.5208333vw 3.125vw rgba(44, 74, 162, .1);
}
.industry_carry_button_box .industry_public_item_btn .industry_public_item_icon {
background-image: -webkit-linear-gradient(to right, #1860c2 20%, #28c0ca);
background-image: linear-gradient(to right, #1860c2 20%, #28c0ca);
}
.industry_vision_wrap {
position: relative;
background: #1860c2;
overflow: hidden;
}
.industry_vision_box {
position: relative;
z-index: 9;
}
.industry_vision_pic_content {
width: 56.23529%;
padding-right: 1.875vw;
margin: 7.8125vw 0 0 0;
position: relative;
z-index: 2;
}
.industry_vision_pic_box {
position: relative;
-webkit-transform: translateY(2.08333vw);
transform: translateY(2.08333vw);
}
.industry_vision_pic_read {
padding-bottom: 81.521739%;
position: relative;
z-index: 9;
-webkit-transform: rotate(10deg) translateX(10vw) perspective(400px) rotateX(5deg);
transform: rotate(10deg) translateX(10vw) perspective(400px) rotateX(5deg);
opacity: .6;
}
.industry_vision_pic_img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
-webkit-box-shadow: 0 0.78125vw 5.208333vw rgba(44, 74, 162, .1);
box-shadow: 0 0.78125vw 5.208333vw rgba(44, 74, 162, .1);
}
.industry_vision_pic_back {
position: absolute;
right: -1.875vw;
top: -1.875vw;
width: 100%;
height: 100%;
-webkit-transform: rotate(20deg) translateX(10vw) translateY(5vw) perspective(400px) rotateX(5deg);
transform: rotate(20deg) translateX(10vw) translateY(5vw) perspective(400px) rotateX(5deg);
opacity: .6;
}
.industry_vision_pic_label {
position: relative;
width: 100%;
height: 100%;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
-webkit-box-shadow: 0 0.78125vw 5.208333vw rgba(44, 74, 162, .1);
box-shadow: 0 0.78125vw 5.208333vw rgba(44, 74, 162, .1);
}
.industry_vision_big {
width: 35.5%;
-webkit-align-items: center;
align-items: center;
position: relative;
z-index: 9;
}
.industry_vision_content {
-webkit-justify-content: space-between;
justify-content: space-between;
position: relative;
}
.industry_vision_content:after {
content: "";
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
width: 100vw;
height: 50%;
background-image: linear-gradient(to top, rgba(24, 96, 194, 1) 10%, rgba(35, 192, 200, 0));
z-index: 3;
}
.industry_vision_big .industry_public_label {
color: #ffffff;
}
.industry_vision_big .public_button_icon {
background: #ffffff;
}
.industry_vision_big .public_button_text {
color: #ffffff;
}
.industry_vision_big .public_button_icon .public_button_label svg {
fill: #333333;
}
.industry_vision_big .public_button_read:after {
border: 1px solid #ffffff;
}
.industry_vision_big .public_button_read:before {
background: #28c0ca;
}
.industry_vision_big .public_button_icon:after {
-webkit-background-image: linear-gradient(to left, #1860c2 20%, #28c0ca);
background-image: linear-gradient(to left, #1860c2 20%, #28c0ca);
}
.industry_vision_button_wrap {
position: absolute;
right: 0;
top: 0;
width: 56.23529%;
padding-right: 1.875vw;
margin-top: 7.8125vw;
z-index: 9;
}
.industry_vision_button_box {
padding-bottom: 81.521739%;
position: relative;
-webkit-transform: translateY(2.08333vw);
transform: translateY(2.08333vw);
}
.industry_vision_button_box .industry_public_item_btn:nth-child(1) {
left: 66%;
top: 3%;
}
.industry_vision_button_box .industry_public_item_btn:nth-child(2) {
left: -7%;
top: 21%;
}
.industry_vision_button_box .industry_public_item_btn:nth-child(3) {
left: 54%;
top: 65%;
}
.industry_vision_button_box .industry_public_item_btn {
background: rgba(255, 255, 255, .95);
-webkit-box-shadow: 0 0.5208333vw 3.125vw rgba(44, 74, 162, .1);
box-shadow: 0 0.5208333vw 3.125vw rgba(44, 74, 162, .1);
}
.industry_vision_button_box .industry_public_item_btn .industry_public_item_icon {
background-image: -webkit-linear-gradient(to right, #1860c2 20%, #28c0ca);
background-image: linear-gradient(to right, #1860c2 20%, #28c0ca);
}
.industry_agent_wrap {
position: relative;
background: #1860c2;
overflow: hidden;
}
.industry_agent_back {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.industry_agent_box {
position: relative;
z-index: 9;
padding: 3.6458333vw 0 0 0;
}
.industry_agent_width_tab {
position: relative;
width: 47%;
}
.industry_agent_content {
-webkit-justify-content: space-between;
justify-content: space-between;
position: relative;
width: 100%;
margin-top: 4.1666vw;
}
.industry_agent_content:after {
content: "";
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
width: 100vw;
height: 50%;
background-image: linear-gradient(to top, rgba(216, 244, 245, 1) 10%, rgba(216, 244, 245, 0));
z-index: 3;
}
.industry_agent_pic_content {
width: 100%;
padding-right: 1.5625vw;
position: relative;
z-index: 2;
}
.industry_agent_pic_box {
position: relative;
-webkit-transform: translateY(0.8333vw);
transform: translateY(0.8333vw);
}
.industry_agent_pic_read {
padding-bottom: 86.215864%;
position: relative;
z-index: 9;
}
.industry_agent_pic_img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
-webkit-box-shadow: 0 0.78125vw 5.208333vw rgba(44, 74, 162, .1);
box-shadow: 0 0.78125vw 5.208333vw rgba(44, 74, 162, .1);
}
.industry_agent_pic_back {
position: absolute;
right: -1.5625vw;
top: -1.5625vw;
width: 100%;
height: 100%;
}
.industry_agent_pic_label {
position: relative;
width: 100%;
height: 100%;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
-webkit-box-shadow: 0 0.78125vw 5.208333vw rgba(44, 74, 162, .1);
box-shadow: 0 0.78125vw 5.208333vw rgba(44, 74, 162, .1);
}
.industry_agent_big {
width: 100%;
-webkit-align-items: center;
align-items: center;
position: relative;
z-index: 9;
}
.industry_agent_big .industry_public_label {
text-align: center;
color: #1860c2;
}
.industry_agent_big .industry_public_title {
text-align: center;
color: #222222;
}
.industry_agent_big .industry_public_text {
text-align: center;
color: #222222;
}
.industry_agent_big .industry_public_button {
-webkit-justify-content: center;
justify-content: center;
margin-top: 2.08333vw;
}
.industry_agent_button_wrap {
position: absolute;
right: 0;
top: 0;
width: 100%;
padding-right: 1.5625vw;
z-index: 9;
}
.industry_agent_button_box {
padding-bottom: 86.215864%;
position: relative;
-webkit-transform: translateY(0.8333vw);
transform: translateY(0.8333vw);
}
.industry_agent_width_tab1 .industry_agent_pic_read {
-webkit-transform: rotate(-10deg) translateX(-10vw) perspective(400px) rotateX(-5deg);
transform: rotate(-10deg) translateX(-10vw) perspective(400px) rotateX(-5deg);
opacity: .6;
}
.industry_agent_width_tab1 .industry_agent_pic_back {
-webkit-transform: rotate(-20deg) translateX(-10vw) translateY(5vw) perspective(400px) rotateX(-5deg);
transform: rotate(-20deg) translateX(-10vw) translateY(5vw) perspective(400px) rotateX(-5deg);
opacity: .6;
}
.industry_agent_width_tab2 .industry_agent_pic_read {
-webkit-transform: rotate(10deg) translateX(10vw) perspective(400px) rotateX(5deg);
transform: rotate(10deg) translateX(10vw) perspective(400px) rotateX(5deg);
opacity: .6;
}
.industry_agent_width_tab2 .industry_agent_pic_back {
-webkit-transform: rotate(20deg) translateX(10vw) translateY(5vw) perspective(400px) rotateX(5deg);
transform: rotate(20deg) translateX(10vw) translateY(5vw) perspective(400px) rotateX(5deg);
opacity: .6;
}
.industry_agent_width_tab2 .industry_public_item_btn {
-webkit-transform: translateX(4vw);
transform: translateX(4vw);
}
.industry_agent_width_tab:nth-child(1) .industry_agent_button_box .industry_public_item_btn:nth-child(1) {
left: 70%;
top: 3%;
}
.industry_agent_width_tab:nth-child(1) .industry_agent_button_box .industry_public_item_btn:nth-child(2) {
left: 18%;
top: 69%;
}
.industry_agent_width_tab:nth-child(2) .industry_agent_button_box .industry_public_item_btn:nth-child(1) {
left: -9%;
top: 45.5%;
}
.industry_agent_width_tab:nth-child(2) .industry_agent_button_box .industry_public_item_btn:nth-child(2) {
left: 67%;
top: 65%;
}
.industry_agent_button_box .industry_public_item_btn {
background: rgba(255, 255, 255, .95);
-webkit-box-shadow: 0 0.5208333vw 3.125vw rgba(44, 74, 162, .1);
box-shadow: 0 0.5208333vw 3.125vw rgba(44, 74, 162, .1);
}
.industry_agent_button_box .industry_public_item_btn .industry_public_item_icon {
background-image: -webkit-linear-gradient(to right, #1860c2 20%, #28c0ca);
background-image: linear-gradient(to right, #1860c2 20%, #28c0ca);
}
.industry_pro_wrap {
padding: 6.25vw 0;
}
.industry_pro_head .about_details_title {
text-align: center;
}
.industry_pro_content {
margin-top: 3.6458333vw;
}
.message_page_wrap {
position: relative;
overflow: hidden;
}
.message_page_back {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.message_page_back:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 50%;
-webkit-border-radius: 0.5208333vw;
border-radius: 0.5208333vw;
background-image: linear-gradient(to top, rgba(207, 228, 243, 1), rgba(207, 228, 243, 0));
pointer-events: none;
}
.message_page_big {
width: 45.3125%;
}
.message_page_pack {
width: 54.6875%;
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
}
.message_page_box {
position: relative;
z-index: 9;
}
.message_form_wrap {
position: relative;
}
.message_form_back {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.message_form_box {
padding: 10.41666vw 0 5.7291666vw 0;
position: relative;
z-index: 9;
}
.message_form_content {
padding: 0 12.5vw 0 5.208333vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.message_form_head_title {
font-size: 1.7708333vw;
line-height: 2.291666vw;
color: #222222;
}
.message_form_head_text {
font-size: 1.041666vw;
line-height: 1.5625vw;
color: #666666;
margin-top: 0.78125vw;
}
.message_form_head_box {
padding-bottom: 1.82291666vw;
}
.message_form_line {
position: relative;
width: 100%;
height: 1px;
background: rgba(60, 111, 180, .15);
}
.message_form_tab {
margin-top: 1.82291666vw;
}
.message_form_item_box {
width: 47.88732%;
margin: 0 4.22536% 1.30208333vw 0;
}
.message_form_item_box:nth-child(2n) {
margin: 0 0 1.30208333vw 0;
}
.message_form_item_icon {
font-size: 0.83333vw;
line-height: 1.3541666vw;
color: #ff0000;
margin-right: 0.26041666vw;
}
.message_form_item_title {
font-size: 0.83333vw;
line-height: 1.3541666vw;
color: #222222;
}
.message_form_item_read {
width: 100%;
position: relative;
margin-top: 0.78125vw;
}
.message_form_item_read:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #ffffff;
border: 1px solid rgba(0, 43, 102, .1);
box-sizing: border-box;
-webkit-border-radius: 0.5208333vw;
border-radius: 0.5208333vw;
}
.message_form_item_read input {
display: block;
width: 100%;
position: relative;
z-index: 9;
font-size: 0.78125vw;
line-height: 3.0208333vw;
color: #222222;
padding: 0 1.041666vw;
}
.message_form_item_read input::placeholder {
color: #aaaaaa;
}
.message_form_select_wrap {
margin-bottom: 1.30208333vw;
}
.message_form_select_read {
position: relative;
margin-top: 0.78125vw;
padding: 0.78125vw 0;
}
.message_form_select_read:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #ffffff;
border: 1px solid rgba(0, 43, 102, .1);
box-sizing: border-box;
-webkit-border-radius: 0.5208333vw;
border-radius: 0.5208333vw;
}
.message_form_select_read textarea {
display: block;
width: 100%;
position: relative;
z-index: 9;
font-size: 0.78125vw;
line-height: 1.458333vw;
height: 5.8333vw;
color: #222222;
padding: 0 1.041666vw;
resize: none
}
/* 修改垂直滚动条 */
.message_form_select_read textarea::-webkit-scrollbar {
width: 0.15625vw;
}
/* 修改滚动条轨道背景色 */
.message_form_select_read textarea::-webkit-scrollbar-track {
background-color: #f0f0f0;
}
/* 修改滚动条滑块颜色 */
.message_form_select_read textarea::-webkit-scrollbar-thumb {
background-color: #1860c2;
}
/* 修改滚动条滑块悬停时的颜色 */
.message_form_select_read textarea::-webkit-scrollbar-thumb:hover {
background-color: #1860c2;
}
.message_form_tips_text {
font-size: 0.78125vw;
line-height: 1.30208333vw;
color: #1860c2;
}
.message_form_button_box {
margin-top: 1.5625vw;
}
.message_form_btn {
position: relative;
}
.message_form_btn button {
width: 100%;
display: block;
font-size: 0.9375vw;
line-height: 3.541666vw;
color: #ffffff;
background: #1b62c3;
-webkit-border-radius: 0.5208333vw;
border-radius: 0.5208333vw;
cursor: pointer;
}
.message_details_wrap {
width: 100%;
padding: 10.41666vw 6.7708333vw 0 12.5vw;
position: relative;
}
.message_details_box {
position: relative;
width: 100%;
overflow: hidden;
-webkit-border-radius: 0.5208333vw;
border-radius: 0.5208333vw;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
opacity: 0;
pointer-events: none;
}
.message_details_box:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, .4);
border: 1px solid #ffffff;
-webkit-border-radius: 0.5208333vw;
border-radius: 0.5208333vw;
}
.message_details_content {
position: relative;
z-index: 9;
padding: 2.6041666vw 1.5625vw;
}
.message_details_content:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 30%;
-webkit-border-radius: 0.5208333vw;
border-radius: 0.5208333vw;
background-image: linear-gradient(to top, rgba(207, 228, 243, 1), rgba(207, 228, 243, 0));
z-index: 10;
pointer-events: none;
}
.message_details_head_box {
-webkit-justify-content: space-between;
justify-content: space-between;
padding-bottom: 2.34375vw;
position: relative;
}
.message_details_head_li {
max-width: 33.3333%;
}
.message_details_head_icon {
width: 3.6458333vw;
height: 3.6458333vw;
background: #1b62c3;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
margin: 0 auto;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.message_details_head_label {
width: 42.8%;
}
.message_details_head_label svg {
fill: #ffffff;
}
.message_details_head_read {
width: 100%;
margin-top: 0.78125vw;
position: relative;
}
.message_details_head_title {
font-size: 0.9375vw;
line-height: 1.3541666vw;
color: #00bbc4;
text-align: center;
}
.message_details_line_box {
position: relative;
width: 100%;
height: 1px;
background: rgba(60, 111, 180, .2);
}
.message_details_data_box {
position: relative;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-top: 2.08333vw;
}
.message_details_data_number, .message_details_data_dw {
font-size: 1.5625vw;
line-height: 2.08333vw;
color: #0159d2;
}
.message_details_data_read {
margin-top: 0.5208333vw;
}
.message_details_data_text {
font-size: 0.7291666vw;
line-height: 1.041666vw;
color: #333333;
}
.message_details_logo_box {
margin-top: 2.08333vw;
}
.message_details_logo_li {
width: 22.7272%;
margin: 0 3.0304% 3.0304% 0;
position: relative;
-webkit-border-radius: 0.3125vw;
border-radius: 0.3125vw;
overflow: hidden;
-webkit-box-shadow: 0 0.1041666vw 0.3125vw rgba(178, 201, 223, .2);
box-shadow: 0 0.1041666vw 0.3125vw rgba(178, 201, 223, .2);
}
.message_details_logo_li:nth-child(4n) {
margin: 0 0 3.0304% 0;
}
.message_details_logo_back {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: .5;
}
.message_details_logo_read {
position: relative;
z-index: 9;
width: 100%;
padding-bottom: 50%;
}
.message_details_logo_pic {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.message_details_logo_img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.message_details_logo_img img {
max-width: 80%;
max-height: 60%;
width: auto;
height: auto;
}
.keyword_tips {
color: #1b62c3;
position: relative;
}
.keyword_tips:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0.1041666vw;
background: #1b62c3;
}
.news_search_content {
padding-top: 2.882vw;
}
.news_search_content .news_details_btn_wrap {
border-bottom: 1px solid #ddd;
}
.news_none_tips {
color: #ccc;
}
.index_video_wrap {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 99999;
background: rgba(0, 0, 0, .8);
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
opacity: 0;
pointer-events: none;
-webkit-transition: all .5s .2s ease;
transition: all .5s .2s ease;
}
.index_video_active {
opacity: 1;
pointer-events: auto;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.index_video_active .index_video_item {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all .5s .1s ease;
transition: all .5s .1s ease;
}
.index_video_active .index_video_close {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all .5s .2s ease;
transition: all .5s .2s ease;
}
.index_video_box {
width: 65%;
}
.index_video_item {
width: 100%;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
pointer-events: none;
opacity: 0;
-webkit-transform: translateY(-2.08333vw);
transform: translateY(-2.08333vw);
-webkit-transition: all .5s .1s ease;
transition: all .5s .1s ease;
}
.index_video_item video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.index_video_close {
position: absolute;
right: 1.5625vw;
top: 1.5625vw;
width: 3.125vw;
height: 3.125vw;
pointer-events: none;
opacity: 0;
-webkit-transform: translateY(-2.08333vw);
transform: translateY(-2.08333vw);
-webkit-transition: all .5s ease;
transition: all .5s ease;
cursor: pointer;
}
.index_video_close:hover:after {
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}
.index_video_close:hover:before {
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg);
}
.index_video_close:after {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 1px;
background: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.index_video_close:before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 1px;
background: #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.AddIndexProAfter {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddPublicHeadWrap .public_head_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);
}
.AddPublicHeadWrap .public_head_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;
}
.AddPublicHeadWrap .public_head_tips {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.AddPublicHeadWrap .public_head_circle_icon:nth-child(1) {
opacity: 1;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddPublicHeadWrap .public_head_circle_icon:nth-child(2) {
left: 1.3541666vw;
opacity: 1;
-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;
}
.AddPublicHeadWrap .public_head_circle_icon:nth-child(3) {
left: 2.1875vw;
opacity: 1;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.AddPublicHeadWrap .public_head_subtext {
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;
}
.AddProScale {
pointer-events: auto;
-webkit-animation: CaseTranslateY 1s forwards normal cubic-bezier(.32, .03, .34, .88);
animation: CaseTranslateY 1s forwards normal cubic-bezier(.32, .03, .34, .88);
}
@-webkit-keyframes CaseTranslateY {
0% {
opacity: 0;
-webkit-transform: translateY(30%);
transform: translateY(30%);
}
50% {
opacity: 1;
}
70% {
opacity: 1;
-webkit-transform: translateY(-5%);
transform: translateY(-5%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes CaseTranslateY {
0% {
opacity: 0;
-webkit-transform: translateY(30%);
transform: translateY(30%);
}
50% {
opacity: 1;
}
70% {
opacity: 1;
-webkit-transform: translateY(-5%);
transform: translateY(-5%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.AddIndexAdvantageDataBox .index_advantage_item_box {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.AddIndexAdvantageCirCleBox .index_advantage_back {
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);
}
.AddIndexAdvantageCirCleBox .index_advantage_circle_pack {
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;
}
.AddIndexAdvantageCirCleBox .index_advantage_circle_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: .6s;
transition-delay: .6s;
}
.AddIndexAdvantageCirCleBox .index_advantage_circle_line {
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;
}
.AddIndexAdvantageCirCleBox .index_advantage_circle_button .public_button_wrap {
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;
}
.AddIndexSolutionContent .swiper-slide-active .index_solution_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);
}
.AddIndexSolutionContent .swiper-slide-active .index_solution_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;
}
.AddIndexSolutionContent .swiper-slide-active .index_solution_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;
}
.AddIndexAboutTab .index_about_item_box {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddIndexAboutTab .index_about_item_box:nth-child(4n+1) {
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.AddIndexAboutTab .index_about_item_box:nth-child(4n+2) {
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.AddIndexAboutTab .index_about_item_box:nth-child(4n+3) {
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.AddIndexAboutTab .index_about_item_box:nth-child(4n) {
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.AddIndexAboutPeople .index_about_people_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);
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.AddIndexNewsContent .index_news_swiper .swiper-slide:nth-child(4n+1) .index_news_item_box {
-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);
}
.AddIndexNewsContent .index_news_swiper .swiper-slide:nth-child(4n+2) .index_news_item_box {
-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);
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.AddIndexNewsContent .index_news_swiper .swiper-slide:nth-child(4n+3) .index_news_item_box {
-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);
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.AddIndexNewsContent .index_news_swiper .swiper-slide:nth-child(4n) .index_news_item_box {
-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);
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.AddContactPublicWrap .contact_public_title {
-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);
}
.AddContactPublicWrap .contact_public_text {
-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);
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.AddContactPublicWrap .contact_public_button {
-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);
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.AddContactPublicWrap .contact_public_form_wrap .contact_public_form_li {
-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);
}
.AddContactPublicWrap .contact_public_form_wrap .contact_public_form_li:nth-child(1) {
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.AddContactPublicWrap .contact_public_form_wrap .contact_public_form_li:nth-child(2) {
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.AddContactPublicWrap .contact_public_form_wrap .contact_public_form_li:nth-child(3) {
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.AddContactPublicWrap .contact_public_form_wrap .contact_public_form_li:nth-child(4) {
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.AddContactPublicWrap .contact_public_form_wrap .contact_public_form_button {
-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);
-webkit-transition-delay: .7s;
transition-delay: .7s;
}
.AddPublicBannerWrap .public_banner_title {
-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);
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.AddPublicBannerWrap .public_banner_details {
-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);
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.AddPublicBannerWrap .public_banner_text {
-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);
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.AddPublicBannerWrap .public_banner_button {
-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);
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.AddPublicBannerWrap .public_banner_subtitle {
-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);
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.AddPublicBannerWrap .public_banner_industry_button {
-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);
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.AddProDesignContent:after {
width: 100%;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddProDesignContent .pro_design_head {
-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);
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.AddProDesignContent .pro_design_subtitle {
-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);
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.AddProDesignContent .pro_design_read {
-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);
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.AddProDesignContent .pro_design_tab {
-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);
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.AddProDesignContent .pro_design_button {
-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);
-webkit-transition-delay: .7s;
transition-delay: .7s;
}
.AddProDesignVideo .pro_design_video_width {
width: 100%;
height: 100%;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.AddProSimulationPic .pro_simulation_pic_width {
width: 100%;
height: 100%;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddProSimulationContent .pro_simulation_head {
-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);
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.AddProSimulationContent .pro_simulation_subtitle {
-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);
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.AddProSimulationContent .pro_simulation_tab {
-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);
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.AddProSimulationContent .pro_simulation_button {
-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);
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.AddSolutionBannerWrap .solution_banner_title {
-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);
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.AddSolutionBannerWrap .solution_banner_read {
-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);
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.AddMakeReferralPic .public_pic_width {
width: 100%;
height: 100%;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddMakeReferralBig .make_referral_head {
-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);
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.AddMakeReferralBig .make_referral_read {
-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);
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.AddMakeReferralBig .make_referral_tips {
-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);
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.AddMakeSceneTab .cycle_scene_content {
-webkit-transform: none;
transform: none;
opacity: 1;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddCycleSceneWidth .cycle_scene_content {
-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);
}
.AddCycleAdvantagePack .cycle_advantage_circle_icon:nth-child(1) {
width: 100%;
height: 100%;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddCycleAdvantagePack .cycle_advantage_circle_icon:nth-child(2) {
width: 170.1818%;
height: 170.1818%;
opacity: .02;
-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;
}
.AddCycleAdvantagePack .cycle_advantage_circle_icon:nth-child(3) {
width: 255.27272%;
height: 255.27272%;
opacity: .02;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.AddCycleAdvantagePack .cycle_advantage_circle_icon:nth-child(4) {
width: 340.3636%;
height: 340.3636%;
opacity: .02;
-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;
}
.AddCycleAdvantagePack .cycle_advantage_item_box {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.AddCycleAdvantagePack .cycle_advantage_prev {
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: 1.2s;
transition-delay: 1.2s;
}
.AddCycleAdvantagePack .cycle_advantage_next {
opacity: 1;
pointer-events: auto;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.AddIndustryPlatformContent .industry_cylinder_min_after:after {
-webkit-transform: none;
transform: none;
opacity: 1;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddIndustryPlatformContent .industry_cylinder_max_after:after {
-webkit-transform: none;
transform: none;
opacity: 1;
-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;
}
.AddIndustryPlatformContent .industry_cylinder_read {
-webkit-transform: none;
transform: none;
opacity: 1;
-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;
}
.AddIndustryPlatformContent .industry_cylinder_item_box:nth-child(1) {
bottom: 13%;
-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;
}
.AddIndustryPlatformContent .industry_cylinder_item_box:nth-child(1) .industry_cylinder_item_icon {
width: 50.514285%;
-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;
}
.AddIndustryPlatformContent .industry_cylinder_item_box:nth-child(1) .industry_cylinder_item_label {
opacity: 1;
-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;
}
.AddIndustryPlatformContent .industry_cylinder_item_box:nth-child(1) .industry_cylinder_item_text {
opacity: 1;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .9s;
transition-delay: .9s;
}
.AddIndustryPlatformContent .industry_cylinder_item_box:nth-child(2) {
bottom: 34.5%;
-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;
}
.AddIndustryPlatformContent .industry_cylinder_item_box:nth-child(2) .industry_cylinder_item_icon {
width: 64.457142%;
-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;
}
.AddIndustryPlatformContent .industry_cylinder_item_box:nth-child(2) .industry_cylinder_item_label {
opacity: 1;
-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;
}
.AddIndustryPlatformContent .industry_cylinder_item_box:nth-child(2) .industry_cylinder_item_text {
opacity: 1;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s;
}
.AddIndustryPlatformContent .industry_cylinder_item_box:nth-child(3) {
bottom: 55%;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.AddIndustryPlatformContent .industry_cylinder_item_box:nth-child(3) .industry_cylinder_item_icon {
width: 77.71428%;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.AddIndustryPlatformContent .industry_cylinder_item_box:nth-child(3) .industry_cylinder_item_label {
opacity: 1;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.AddIndustryPlatformContent .industry_cylinder_item_box:nth-child(3) .industry_cylinder_item_text {
opacity: 1;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s;
}
.AddIndustryPlatformContent .industry_cylinder_item_box:nth-child(4) {
bottom: 77.4%;
-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;
}
.AddIndustryPlatformContent .industry_cylinder_item_box:nth-child(4) .industry_cylinder_item_icon {
width: 92.571428%;
-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;
}
.AddIndustryPlatformContent .industry_cylinder_item_box:nth-child(4) .industry_cylinder_item_label {
opacity: 1;
-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;
}
.AddIndustryPlatformContent .industry_cylinder_item_box:nth-child(4) .industry_cylinder_item_text {
opacity: 1;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
.AddIndustryPlatformContent .industry_cylinder_back_img {
opacity: 1;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
.AddIndustryPlatformContent .industry_platform_details_li {
opacity: 1;
-webkit-transform: none;
transform: none;
pointer-events: auto;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: 1.7s;
transition-delay: 1.7s;
}
.AddIndustryPlatformContent .industry_cylinder_max_icon {
-webkit-transform: none;
transform: none;
pointer-events: auto;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s;
}
.AddIndustryPlatformContent .industry_cylinder_max_text {
-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);
-webkit-transition-delay: 1.9s;
transition-delay: 1.9s;
}
.AddIndustryPublicContent .industry_public_label {
opacity: 1;
-webkit-transform: none;
transform: none;
pointer-events: auto;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddIndustryPublicContent .industry_public_title {
opacity: 1;
-webkit-transform: none;
transform: none;
pointer-events: auto;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.AddIndustryPublicContent .industry_public_text {
opacity: 1;
-webkit-transform: none;
transform: none;
pointer-events: auto;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.AddIndustryPublicContent .industry_public_button {
opacity: 1;
-webkit-transform: none;
transform: none;
pointer-events: auto;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.AddIndustryPowerButton .industry_public_item_btn {
opacity: 1;
-webkit-transform: none;
transform: none;
pointer-events: auto;
}
.AddIndustryPowerButton .industry_public_item_btn:nth-child(1) {
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.AddIndustryPowerButton .industry_public_item_btn:nth-child(2) {
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.AddIndustryPowerButton .industry_public_item_btn:nth-child(2) {
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.AddCloudServiceHead .cloud_service_head_title {
opacity: 1;
-webkit-transform: none;
transform: none;
pointer-events: auto;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddCloudServiceHead .cloud_service_head_text {
opacity: 1;
-webkit-transform: none;
transform: none;
pointer-events: auto;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.AddCloudServiceHead .cloud_service_head_icon {
opacity: 1;
-webkit-transform: none;
transform: none;
pointer-events: auto;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.AddCloudServiceRead {
opacity: 1;
-webkit-transform: none;
transform: none;
pointer-events: auto;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddCloudServicePic .public_pic_width {
width: 100%;
height: 100%;
-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;
}
.AddCloudScienceBack {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddCloudChoiceBack {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddProDesignBack {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddNewsBannerPhoto {
opacity: 1;
-webkit-transform: none;
transform: none;
pointer-events: auto;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddNewsBannerBig {
opacity: 1;
-webkit-transform: none;
transform: none;
pointer-events: auto;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddFadeInUp .cloud_science_item_content:after {
height: 100%;
-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;
}
.AddFadeInUp .cloud_business_item_img:after {
height: 0;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddFadeInUp .cloud_choice_item_img:after {
height: 0;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddFadeInUp .service_develop_item_img:after {
height: 0;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddFadeInUp .service_system_item_img:after {
height: 0;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddFadeInUp .case_page_item_img:after {height: 0;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.AddFadeInUp .case_page_item_img2:after {height: 0;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.AddCaseBannerBig {
opacity: 1;-webkit-transform: none;transform: none;pointer-events: auto;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.AddCaseBannerPic {opacity: 1;-webkit-transform: none;transform: none;pointer-events: auto;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.AddTechnicalServicePic .technical_service_pic_width {width: 100%;height: 100%;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.AddTechnicalAbilityPic .public_pic_width {width: 100%;height: 100%;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.AddTechnicalManageBack {-webkit-transform: none;transform: none;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.AddAboutDetailsTab .about_details_item_box {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddAboutDetailsTab .about_details_item_box:nth-child(4n+1) {
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.AddAboutDetailsTab .about_details_item_box:nth-child(4n+2) {
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.AddAboutDetailsTab .about_details_item_box:nth-child(4n+3) {
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.AddAboutDetailsTab .about_details_item_box:nth-child(4n) {
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.AddAboutDetailsWrap .about_details_back {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddAboutDetailsWrap .about_details_people {
-webkit-transform: none;
transform: none;
opacity: 1;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.index_float_wrap {
position: fixed;
z-index: 99;
right: 1.041666vw;
bottom: 2.6041666vw;
width: 2.5vw;
-webkit-transform: translateX(200%);
transform: translateX(200%);
opacity: 0;
pointer-events: none;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_float_show {
-webkit-transform: none;
transform: none;
opacity: 1;
pointer-events: auto;
}
.index_float_tab {
background: #ffffff;
-webkit-border-radius: 1.25vw;
border-radius: 1.25vw;
padding: 0.41666vw 0;
-webkit-box-shadow: 0 0 1.30208333vw rgba(35, 192, 200, .15);
box-shadow: 0 0 1.30208333vw rgba(35, 192, 200, .15);
margin-bottom: 1.041666vw;
}
.index_float_item_box {
position: relative;
}
.index_float_item_box:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #f7f7f7;
}
.index_float_item_box:last-child:after {
display: none;
}
.index_float_item_text {
padding: 0.5208333vw;
font-size: 0.67708333vw;
line-height: 0.83333vw;
color: #999999;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_float_item_active .index_float_item_text {
color: #227ad3;
}
.index_float_tips {
width: 100%;
}
.index_float_label {
width: 100%;
-webkit-border-radius: 1.25vw;
border-radius: 1.25vw;
overflow: hidden;
-webkit-box-shadow: 0 0 1.30208333vw rgba(35, 192, 200, .15);
box-shadow: 0 0 1.30208333vw rgba(35, 192, 200, .15);
}
.index_float_label a {
display: block;
}
.index_float_return_btn {
width: 100%;
margin-top: 0.5208333vw;
}
.index_float_return_box {
cursor: pointer;
width: 100%;
height: 2.5vw;
background: #ffffff;
-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;
-webkit-box-shadow: 0 0 1.30208333vw rgba(35, 192, 200, .15);
box-shadow: 0 0 1.30208333vw rgba(35, 192, 200, .15);
}
.index_float_return_read {
width: 33.333%;
position: relative;
}
.index_float_return_label {
width: 100%;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_float_return_label:nth-child(2) {
width: 100%;
position: absolute;
left: 0;
top: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
}
.index_float_return_label svg {
fill: #fb9324;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_float_return_box:hover {
background: #fb9324;
}
.index_float_return_box:hover .index_float_return_label:nth-child(2) svg {
fill: #ffffff;
}
.index_float_return_box:hover .index_float_return_label:nth-child(2) {
-webkit-transform: none;
transform: none;
opacity: 1;
}
.index_float_return_box:hover .index_float_return_label:nth-child(1) {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0;
}
.AddMessagePagePack {
opacity: 1;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddMessagePagePack .message_form_content {
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;
}
.AddMessageDetailsBox {
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: .6s;
transition-delay: .6s;
}
.header_wap_menu_wrap {display: none;}
.header_wap_search_wrap {display: none;}
.wap_search_popup_wrap {display: none;}
.technical_wap_pagination_wrap {display: none;}
.case_wap_head_wrap {display: none;
}.wap_screen_wrap {display: none;}
.news_wap_button_wrap {display: none;}
.join_wap_item_content {display: none;}
.index_wap_about_button {display: none;}