svg {width: 100%;}
/*插件样式*/
.bsTop {width: 10.8333vw !important;}
.bsFrameDiv div {width: 10.8333vw !important;height: 10.8333vw !important;display: -webkit-flex !important;display: -ms-flex !important;display: flex !important;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.bsFrameDiv img {margin: 0 !important;}
.bshare-custom {display: -webkit-flex !important;display: -ms-flex !important;display: flex !important;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: center;align-items: center;font-size: 0.8333vw;color: #b2b2b2;}
.bshare-custom.icon-medium-plus a {padding-left: 0 !important;color: #999999;margin: 0 0 0 1.1458333vw !important;width: 2.08333vw !important;height: 2.08333vw !important;display: -webkit-flex !important;display: -ms-flex !important;display: flex !important;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;outline: none;-webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1);transition: all .5s cubic-bezier(.165, .84, .44, 1);}
.bshare-custom a:hover {text-decoration: none !important;opacity: 1;color: #36adad;}
.BMap_Marker img {width: auto;display: inline-block;}
.BMap_bubble_content img {width: auto;display: inline-block;}
.nicescroll-cursors {border: none !important;}
.nicescroll-rails {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-SemiBold {font-family: "Manrope-SemiBold", "Arial", "Helvetica", "sans-serif" !important;}
.Manrope-Extralight {font-family: "Manrope-Extralight", "Arial", "Helvetica", "sans-serif" !important;}
.Manrope-ExtraBold {font-family: "Manrope-ExtraBold", "Arial", "Helvetica", "sans-serif" !important;}
@font-face {font-family: "Manrope-Regular";src: url(../fonts/Manrope-Regular.ttf);}
@font-face {font-family: "Manrope-Bold";src: url(../fonts/Manrope-Bold.ttf);}
@font-face {font-family: "Manrope-Light";src: url(../fonts/Manrope-Light.ttf);}
@font-face {font-family: "Manrope-Medium";src: url(../fonts/Manrope-Medium.ttf);}
@font-face {font-family: "Manrope-SemiBold";src: url(../fonts/Manrope-SemiBold.ttf);}
@font-face {font-family: "Manrope-Extralight";src: url(../fonts/MANROPE-EXTRALIGHT.TTF);}
@font-face {font-family: "Manrope-ExtraBold";src: url(../fonts/MANROPE-EXTRABOLD.TTF);}
* {margin: 0;padding: 0;box-sizing: border-box;}
html, body {font-family: "Manrope-Regular", "Arial", "Helvetica", "sans-serif" !important;background: #fff;font-size: 0.7291666vw;width: 100%;color: #000;margin: 0 auto;-webkit-overflow-scrolling: touch;}
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-Regular", "Arial", "Helvetica", "sans-serif" !important;
}
html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;} 
html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;}
html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#444;}
body{ overflow-x: hidden!important;}
.html_page {position: relative;z-index: 19;background: #ffffff;width: 100%;}
.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;}

.index_page_wrap {position: relative;height: 100vh;}
.index_page_swiper {height: 100%;position: relative;z-index: 10;}
.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_content {height: 100%;overflow: hidden;}
.index_page_img {height: 100%;}
.index_banner_wrap {height: 100%;position: relative;}
.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: #ffffff;}
.index_banner_lnk {position: relative;display: block;height: 100%;}
.index_banner_img {height: 100%; background: #000}
.index_banner_img video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover; opacity: 1}
.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%;}
.index_banner_title {font-size: 3.2458333vw;line-height: 4.1666vw;color: #ffffff; font-weight: bold; opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.index_banner_text {font-size: 1.2625vw;line-height: 2.08333vw;color: #ffffff;margin-top: 1.041666vw;text-transform: uppercase;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.index_banner_label {font-size: 1.5625vw;line-height: 2.08333vw;color: #ffffff;text-transform: uppercase;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.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);}
.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: .1s;transition-delay: .1s;}
.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: .2s;transition-delay: .2s;}

.index_page_slide:last-child {height: 41.79791666vw;}
.header_wrap {position: fixed;left: 0;top: 0;width: 100%;z-index: 999;}
.header_wrap:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;background: #f5f5f5;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.header_wrap:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 0;background: #e60012;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.header_box {height: 4.791666vw;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;position: relative;}
.header_line_box {position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;z-index: 9;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.header_line_box:after {content: '';position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);bottom: 0;width: 0;height: 100%;background: rgba(255, 255, 255, .15);}
.header_line_box:before {content: '';position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);bottom: 0;width: 0;height: 100%;opacity: 0;background: rgba(0, 0, 0, .07);-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.header_content {position: relative;z-index: 9;-webkit-transform: translateY(-100%);transform: translateY(-100%);opacity: 0;}
.header_tel_box {-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.header_tel_icon {width: 0.9375vw;}
.header_tel_icon svg {width: 100%;height: 100%;fill: #ffffff;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.header_tel_text {font-size: 1.2375vw;line-height: 1.5625vw;color: #ffffff;margin-left: 0.5208333vw;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.page_center {padding: 0 3.125vw;}
.header_logo_wrap {-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.header_logo_box {width: 11.3958333vw;}
.header_logo_box a {display: block;}
 /* .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_language_wrap {-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.header_language_wrap a {display: block;}
.header_language_icon {width: 0.98125vw;}
.header_language_icon svg {fill: #ffffff;width: 100%;height: 100%;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.header_language_text {font-size: 0.9291666vw;line-height: 1.5625vw;color: #ffffff;margin-left: 0.5208333vw;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.header_menu_wrap {margin-left: 3.125vw;}
.header_menu_box {width: 1.9791666vw;height: 1.9791666vw;padding: 0;margin: 0;outline: none;position: relative;border: none;background: none;cursor: pointer;-webkit-appearence: none;-webkit-tap-highlight-color: transparent;}
.header_menu_box svg {width: 177.777%;height: 133.333%;top: -16.666%;left: -38.8888%;stroke: #ffffff;stroke-width: 0.1041666vw;fill: none;display: block;position: absolute;}
.header_menu_box svg path {stroke-dasharray: 26 100;stroke-dashoffset: 126;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.header_menu_box svg path:nth-child(2) {-webkit-transition-delay: .1s;transition-delay: .1s;}
.header_button_wrap {-webkit-align-items: center;align-items: center;}

.body_animate .header_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);}
.body_animate .header_line_box:after {width: 100%;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.body_animate .index_banner_page_wrap {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;}
.body_animate .index_banner_page_wrap {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;}
.body_animate .index_banner_pagination_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: 1.1s;transition-delay: 1.1s;}
.body_animate .index_page_pagination_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: 1.1s;transition-delay: 1.1s;}
.header_white_wrap .header_menu_box svg {stroke: #222222;}
.header_white_wrap .header_language_icon svg,.header_white_wrap .header_tel_icon svg {fill: #222222;}
.header_white_wrap .header_language_text,.header_white_wrap .header_tel_text {color: #222222;}
.header_white_wrap .header_logo_box a img {-webkit-filter: none;filter: none;}
.header_white_wrap .header_line_box:after {width: 0;}
.header_white_wrap .header_line_box:before {width: 100%;opacity: 1;}
.header_back_wrap:after {opacity: 1;}
.index_page_pagination_wrap {position: absolute;top: 0;height: 100%;right: 1.25vw;z-index: 10;opacity: 0;pointer-events: none;-webkit-align-items: center;align-items: center;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.index_page_circle_wrap {width: 100%;height: 100%;background: #f5f5f5;position: absolute;left: 0;top: 0;z-index: 9;overflow: hidden;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.index_page_circle_li {position: absolute;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.index_page_circle_li:nth-child(1) {left: -33%;bottom: -48%;width: 57.291666%;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.index_page_circle_li:nth-child(2) {width: 45.36458333%;position: absolute;right: -34%;top: -25%;-webkit-transform: translateX(100%);transform: translateX(100%);}
.index_page_circle_animate1 .index_page_circle_li:nth-child(1) {-webkit-transform: none;transform: none;}
.index_page_circle_animate2 .index_page_circle_li:nth-child(1) {-webkit-transform: none;transform: none;left: -33%;bottom: -64%;width: 73.291666%;}
.index_page_circle_animate2 .index_page_circle_li:nth-child(2) {-webkit-transform: none;transform: none;}
.index_page_circle_animate2 {background: #ffffff;}
.index_page_circle_animate3 {background: #f6f6f6;}
.index_page_circle_animate3 .index_page_circle_li:nth-child(1) {-webkit-transform: none;transform: none;left: -50%;bottom: -74%;width: 73.291666%;}
.index_page_circle_animate3 .index_page_circle_li:nth-child(2) {-webkit-transform: none;transform: none;width: 100%;position: absolute;right: -70%;top: -35%;opacity: .3;}
.index_page_circle_animate4 {background: #ffffff;}
.index_page_pagination_box {-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.index_page_pagination_li {width: 0.625vw;height: 0.625vw;position: relative;margin: 0 0 0.7291666vw 0;cursor: pointer;}
.index_page_pagination_li:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid rgba(255, 255, 255, .6);box-sizing: border-box;-webkit-border-radius: 100%;border-radius: 100%;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.index_page_pagination_li:last-child {margin: 0;}
.index_page_pagination_current:after {border: 1px solid rgba(255, 255, 255, 1);background: #ffffff;}
.index_page_pagination_black .index_page_pagination_current:after {border: 1px solid rgba(0, 0, 0, 1);background: rgba(0, 0, 0, 1);}
.index_page_pagination_black .index_page_pagination_li:after {border: 1px solid rgba(0, 0, 0, .3);}
.index_page_pagination_hide .index_page_pagination_box {opacity: 0;pointer-events: none;}
.index_menu_wrap {position: fixed;left: 0;top: 0;width: 100%;height: 100vh;z-index: 99;-webkit-transform: translateX(100%);transform: translateX(100%);pointer-events: none;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.index_menu_box {height: 100%;width: 100%;background: #ffffff;position: relative;}
.index_menu_big {height: 100%;width: 100%;-webkit-justify-content: flex-end;justify-content: flex-end;}
.menu_head_wrap {width: 36.82291667%;height: 100%;}
.menu_head_box {width: 100%;height: 100%;padding: 2.08333vw 2.08333vw 2.08333vw 3.125vw;-webkit-align-content: space-between;align-content: space-between;-webkit-transform: translateX(2vw);transform: translateX(2vw);opacity: 0;pointer-events: none;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.menu_head_content {width: 100%;}
.menu_head_big {width: 100%;}
.menu_head_logo {width: 7.3958333vw;}
.menu_head_link {padding: 0 1.25vw;position: relative;}
.menu_head_link:after {content: "";position: absolute;right: 0;top: 25%;height: 50%;width: 1px;background: #5d5d5d;}
.menu_head_link:last-child:after {display: none;}
.menu_head_link:first-child {padding: 0 1.25vw 0 0;}
.menu_head_link:last-child {padding: 0 0 0 1.25vw;}
.menu_head_link a {font-size: 0.78125vw;line-height: 1.5625vw;color: #333333;position: relative;-webkit-transition: all .6s ease;transition: all .6s ease;}
.menu_head_link a:after {content: '';position: absolute;right: 0;bottom: 0;width: 0;height: 1px;background: #333333;-webkit-transition: all .6s ease;transition: all .6s ease;}
.menu_head_link a:hover {color: #333333;}
.menu_head_link a:hover:after {width: 100%;left: 0;}
.menu_message_wrap {padding: 1.82291666vw 0;}
.menu_message_item_box {font-size: 0.8333vw;line-height: 1.875vw;color: #666666;padding: 0 1.25vw;position: relative;}
.menu_message_item_box:after {content: "";position: absolute;right: 0;top: 30%;height: 40%;width: 1px;background: #5d5d5d;}
.menu_message_item_box:last-child:after {display: none;}
.menu_message_item_box:last-child {padding: 0 0 0 1.25vw;}
.menu_message_item_box:first-child {padding: 0 1.25vw 0 0;}
.menu_message_item_box a {font-size: 0.88541666vw;line-height: 1.5625vw;color: #666666;position: relative;-webkit-transition: all .6s ease;transition: all .6s ease;}
.menu_message_item_box a:after {content: '';position: absolute;right: 0;bottom: 0;width: 0;height: 1px;background: #333333;-webkit-transition: all .6s ease;transition: all .6s ease;}
.menu_message_item_box a:hover {color: #333333;}
.menu_message_item_box a:hover:after {width: 100%;left: 0;}
.menu_message_item_text {font-size: 0.8333vw;line-height: 1.875vw;color: #666666;}
.menu_copy_box {position: relative;width: 100%;padding: 1.041666vw 0 0 0;}
.menu_line_box {width: 100%;height: 1px;background: #eaeaea;}
.menu_copy_text {font-size: 0.7291666vw;line-height: 1.5625vw;color: #aaaaaa;margin-right: 0.26041666vw;}
.menu_copy_text a {font-size: 0.7291666vw;line-height: 1.5625vw;color: #aaaaaa;position: relative;-webkit-transition: all .6s ease;transition: all .6s ease;}
.menu_copy_text a:after {content: '';position: absolute;right: 0;bottom: 0;width: 0;height: 1px;background: #333333;-webkit-transition: all .6s ease;transition: all .6s ease;}
.menu_copy_text a:hover {color: #333333;}
.menu_copy_text a:hover:after {width: 100%;left: 0;}
.header_menu_active .header_menu_box svg path {stroke: #ffffff;}
.header_menu_active .header_menu_box svg path:nth-child(1) {stroke-dashoffset: 58;}
.header_menu_active .header_menu_box svg path:nth-child(2) {stroke-dashoffset: 51.5;}
.header_menu_active .header_menu_box svg path:nth-child(3) {stroke-dashoffset: 51.5;}
.header_menu_active:before {height: 0 !important;}
.header_menu_active .header_tel_box {opacity: 0;pointer-events: none;}
.header_menu_active .header_logo_wrap {opacity: 0;pointer-events: none;}
.header_menu_active .header_line_box {opacity: 0;pointer-events: none;}
.header_menu_active .header_language_wrap {opacity: 0;pointer-events: none;}
.header_menu_active:after {opacity: 0;}
.menu_nav_wrap {width: 63.17708333%;height: 100%;position: relative;}
.menu_nav_wrap:after {content: '';position: absolute;right: 0;top: 0;width: 0;height: 100%;background: #095bac;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.menu_nav_box {width: 100%;height: 100%;padding: 0 3.125vw;opacity: 0;pointer-events: none;-webkit-transform: translateX(8vw);transform: translateX(8vw);position: relative;z-index: 9;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.menu_nav_content {width: 100%;height: 100%;-webkit-align-items: center;align-items: center;position: relative;}
.menu_nav_svg {position: absolute;left: 8.3333vw;bottom: 3.6458333vw;width: 96.6148215%;opacity: .08;}
.menu_nav_big {width: 100%;position: relative;z-index: 9;}
.menu_nav_content:after {content: "";position: absolute;left: 37.511436%;top: 0;width: 1px;height: 100%;background: rgba(255, 255, 255, .13);}
.menu_nav_tab {width: 37.511436%;position: relative;padding-right: 3.125vw;}
.menu_nav_details_wrap {width: 60%;position: relative;}
.menu_nav_details_box {position: absolute;left: 0;top: 0;width: 100%;padding: 0 3.125vw;opacity: 0;pointer-events: none;-webkit-transform: translateX(-2vw);transform: translateX(-2vw);}
.menu_nav_details_active {opacity: 1;pointer-events: auto;-webkit-transform: none;transform: none;-webkit-transition: all .6s ease;transition: all .6s ease;}
.menu_nav_li {margin-bottom: 3.4375vw;}
.menu_nav_li:last-child {margin-bottom: 0;}
.menu_nav_li a {width: 100%;-webkit-justify-content: space-between;justify-content: space-between;}
.menu_nav_text {font-size: 1.3541666vw;line-height: 1.875vw;color: #ffffff;max-width: calc(100% - 2.1875vw);padding-right: 2.1875vw;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-transition: all .6s ease;transition: all .6s ease;}
.menu_nav_icon {width: 2.1875vw;-webkit-transform: translateX(-50%);transform: translateX(-50%);opacity: 0;-webkit-transition: all .6s ease;transition: all .6s ease;}
.menu_nav_active .menu_nav_text {font-weight: bold;}
.menu_nav_active .menu_nav_icon {-webkit-transform: none;transform: none;opacity: 1;}
.menu_nav_icon svg {width: 100%;height: 100%;display: block;fill: #ffffff;}
.menu_nav_details_li {margin-bottom: 1.08333vw;}
.menu_nav_details_li:last-child {margin-bottom: 0;}
.menu_nav_details_li a {-webkit-align-items: center;align-items: center;}
.menu_nav_details_icon {width: 0.36458333vw;height: 0.78125vw;position: relative;}
.menu_nav_details_icon:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #ffffff;opacity: 0;-webkit-transform: skew(-45deg);transform: skew(-45deg);-webkit-transform-origin: bottom center;transform-origin: bottom center;-webkit-transition: all .6s ease;transition: all .6s ease;}
.menu_nav_details_text {font-size: 0.88541666vw;line-height: 1.5625vw;color: #ffffff;width: calc(100% - 0.5208333vw);-webkit-transition: all .6s ease;transition: all .6s ease;}
.menu_nav_details_show .menu_nav_details_icon:after {opacity: 1;}
.menu_nav_details_show .menu_nav_details_text {padding-left: 1.5vw;font-weight: bold;}

.index_menu_active {-webkit-transform: none;transform: none;pointer-events: auto;}
.index_menu_active .menu_nav_wrap:after {width: 100%;-webkit-transition-delay: .2s;transition-delay: .2s;}
.index_menu_active .menu_head_box {pointer-events: auto;opacity: 1;-webkit-transform: none;transform: none;-webkit-transition-delay: .3s;transition-delay: .3s;}
.index_menu_active .menu_nav_box {pointer-events: auto;opacity: 1;-webkit-transform: none;transform: none;-webkit-transition-delay: .6s;transition-delay: .6s;}
.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: #333;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.header_page_wrap {position: fixed;left: 0;top: 0;z-index: 9999;width: 100%;-webkit-transform: translateY(-100%);transform: translateY(-100%);opacity: 0;pointer-events: none;}
.body_animate .header_page_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);}
.header_page_wrap:after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 0;background: #095bac;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.header_page_logo_wrap {position: relative;z-index: 9;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.header_page_logo_box {width: 11.3958333vw;}
.header_page_logo_box a {display: block;}
/* .header_page_logo_box a img {-webkit-filter: grayscale(100%) invert(100%) brightness(200%);filter: grayscale(100%) invert(100%) brightness(200%);-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);} */
.header_page_menu_wrap {padding-right: 6.25vw;}
.header_page_item_box {margin-right: 2.86458333vw;position: relative;z-index: 9;}
.header_page_item_box:last-child {margin: 0;}
.header_page_item_link {position: relative;-webkit-align-items: center;align-items: center;}
.header_page_item_icon {width: 0.36458333vw;height: 0.78125vw;position: relative;-webkit-transform: translateX(1vw);transform: translateX(1vw);opacity: 0;-webkit-transition: all .6s ease;transition: all .6s ease;}
.header_page_item_icon:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #ffffff;opacity: 1;-webkit-transform: skew(-45deg);transform: skew(-45deg);-webkit-transform-origin: bottom center;transform-origin: bottom center;-webkit-transition: all .6s ease;transition: all .6s ease;}
.header_page_item_text {font-size:18px;line-height: 4.791666vw;color: #ffffff;padding-left: 1.3vw;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.header_page_item_active .header_page_item_icon {-webkit-transform: none;transform: none;opacity: 1;}
.header_page_item_default .header_page_item_icon {-webkit-transform: translateX(1vw);transform: translateX(1vw);opacity: 0;}
.header_page_item_hover .header_page_item_icon {-webkit-transform: none;transform: none;opacity: 1;}
.header_page_box {-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;padding: 0 2.08333vw;position: relative;z-index: 9;}
.header_page_box:after {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: rgba(255, 255, 255, .2);-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.header_page_content {-webkit-align-items: center;align-items: center;position: relative;z-index: 9;}
.header_page_language_link {-webkit-align-items: center;align-items: center;}
.header_page_language_icon {width: 1.1458333vw;}
.header_page_language_icon svg {width: 100%;height: 100%;fill: #ffffff;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.header_page_language_text {font-size: 0.8333vw;line-height: 1.5625vw;margin-left: 0.78125vw;color: #ffffff;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.header_page_item_active .header_page_item_text {color: #ffffff;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.header_menu_down_pack {position: absolute;left: 50%;top: 0;pointer-events: none;-webkit-transform: translateX(-50%);transform: translateX(-50%);min-width: max-content;}
.header_menu_down_wrap {height: 0;overflow: hidden;-webkit-border-radius: 0 0 0.8vw 0.8vw;border-radius: 0 0 0.8vw 0.8vw;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.header_menu_down_content {padding-top: 4.791666vw;}
.header_menu_down_pd {background: #f6f6f6;pointer-events: auto;}
.header_menu_down_show {/*box-shadow: 0 0 1.5625vw rgba(0,0,0,.05);*/}
.header_menu_down_box {padding: 1vw 2vw;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_menu_down_show .header_pro_down_box {opacity: 1;pointer-events: auto;-webkit-transition-delay: .4s;transition-delay: .4s;}
.header_menu_down_show .header_menu_down_box {opacity: 1;pointer-events: auto;-webkit-transition-delay: .4s;transition-delay: .4s;}
.header_menu_down_li {padding: .3vw 0;-webkit-justify-content: center;justify-content: center;}
.header_menu_down_li a {font-size: 16px;line-height: 31px;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_content {padding-top: 4.791666vw;}
.header_pro_down_pd {background: #f6f6f6;pointer-events: auto;}
.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);}

@media (max-width:1280px){
   .header_page_item_text{font-size: 16px;} 
}

.swiper-box .prevnext .next { margin-left: .18rem; }
.swiper-box .swiper-slide { position: relative; overflow: hidden; height: 100%;background:  url(../images/b1.jpg) no-repeat center top;  }
.swiper-box .swiper-slide .img { width: 100%; height:100vh;    overflow: hidden; }
.swiper-box .swiper-slide video{width:100%;object-fit:cover;z-index:1;position: relative;display: block;}
.swiper-box .swiper-slide .img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.swiper-box .swiper-slide .text {z-index: 3; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: rgba(0, 0, 0, 0.2); color: #fff; }
.swiper-box .swiper-slide .text.active .w1400 h6 span { -webkit-animation: fadeInUp2 1s forwards; animation: fadeInUp2 1s forwards;}
.swiper-box .swiper-slide .text.active .w1400 h5 span { -webkit-animation: fadeInUp2 1.5s forwards; animation: fadeInUp2 2s forwards; }
.swiper-box .swiper-slide .text.active .w1400 p { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
.swiper-box .swiper-slide .text.active .w1400 i { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
.swiper-box .swiper-slide .text .w1400 { text-align: center; }
.swiper-box .swiper-slide .text .bannerimg img{width: 40%; display: block;margin: 0 auto;}
.swiper-box .swiper-slide .text .w1400 h6 { font-size: 5vw;   text-transform: uppercase;   letter-spacing: 6px;font-weight: bold!important;  }
.swiper-box .swiper-slide .text .w1400 h6 span.letters { color: #fff;  }
.swiper-box .swiper-slide .text .w1400 h5 { font-size:2.5vw; line-height: 1.5;}
.swiper-box .swiper-slide .text .w1400 ul{display: flex; display:-webkit-flex;-webkit-justify-content: center;   justify-content:center;flex-wrap: wrap;}
.swiper-box .swiper-slide .text .w1400 li{margin: 0 10px;}
.swiper-box .swiper-slide a {background:#095bac;font-size:18px;font-weight:500;line-height:initial;text-align:center;color:#fff;padding:0 12px;margin:30px auto 0 auto; line-height: 56px;text-transform:uppercase;display:block; width:150px;transition:all .4s ease; border-top-left-radius: 19px;border-bottom-right-radius: 19px;}
.swiper-box .swiper-slide a:hover {background:#095bac;width:160px;}
.mm_bg{top: 0;height: 100%;width: 100%; z-index: 2;position: absolute;background:  url(../images/hhbg2.png) no-repeat left top;background-size: cover;}
.swiper-box .swiper-slide .text .w1400 p { font-family: 'proximar'; font-size: .16rem; -webkit-transition: 1s; transition: 1s; }
.swiper-box .swiper-slide .text .w1400 i { margin-top: .8rem; width: .68rem; height: .68rem; position: relative; border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: .22rem; margin-left: auto; margin-right: auto; cursor: pointer; -webkit-transition: 1s; transition: 1s; }
.swiper-box .swiper-slide .text .w1400 i:hover:after { border-color: #095bac; }
.swiper-box .swiper-slide .text .w1400 i:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #fff; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .5s; transition: .5s; }
.telbanner{display: none}

@media only screen and (max-width:1440px){
    .swiper-box .swiper-slide .img{height: 100vh; overflow: hidden; }
    .swiper-box .swiper-slide .text .w1400 h6 { font-size:78px; }
    .swiper-box .swiper-slide .text .w1400 h5 { font-size: 32px; }
    .swiper-box .swiper-slide a{width: 120px;}
}

@media screen and (max-width: 1024px) {
    .swiper-box{background: url('../images/01.jpg') no-repeat center top;background-size: 100%;}
    .swiper-box .swiper-slide video{height: 100%}
    .swiper-box .swiper-slide .text .w1400{width: 90%; margin: 0 auto;}
    .swiper-box .swiper-slide .text .w1400 h6{font-size: 28px;letter-spacing:0}
    .swiper-box .swiper-slide .text .w1400 h5{font-size: 18px}
    .swiper-box .swiper-slide a{width: 100px; line-height: 30px;font-size: 16px; margin-top: 15px;}
    .telbanner{display: block}
    .telbanner{display: block;width: 100%; height: 95%;background: url('../images/b1.jpg') no-repeat center top;background-size: 100%;margin-top:55px}
    .telbanner video{height: 100%;width: 100%;}
}

.down_pro_nav_wrap {width: 21.875%;padding: 2.6041666vw 0;}
.down_pro_nav_big {width: 78.125%;padding: 2.6041666vw 0 0 0;position: relative;}
.down_pro_nav_big:after {content: "";position: absolute;left: 0;top: 0;width: 1px;height: 100%;background: #eaeaea;z-index: 9;}
.down_pro_nav_box {padding: 0 2.08333vw 0 5.7291666vw;}
.down_pro_nav_li {-webkit-align-items: center;align-items: center;position: relative;margin-bottom: 1.041666vw;cursor: pointer;}
.down_pro_nav_li:last-child {margin-bottom: 0;}
.down_pro_nav_icon {width: 0.9375vw;height: 0.9375vw;margin-right: 1.5625vw;}
.down_pro_nav_icon svg {fill: #46506a;display: block;max-width: 100%;max-height: 100%;width: 100%;height: auto;-webkit-transition: all .6s ease;transition: all .6s ease;}
.down_pro_nav_text {max-width: calc(100% - 2vw);font-size: 0.88541666vw;line-height: 1.5625vw;color: #46506a;font-weight: bold;-webkit-transition: all .6s ease;transition: all .6s ease;}
.down_pro_nav_active .down_pro_nav_icon svg {fill: #e60012;}
.down_pro_nav_active .down_pro_nav_text {color: #e60012;}
.down_pro_item_box {width: 16.541353%;margin: 0 4.32330875% 2.08333vw 0;}
.down_pro_item_box:nth-child(5n) {margin: 0 0 2.08333vw 0;}
.down_pro_item_box a {display: block;}
.down_pro_item_head {padding-bottom: 77.2727%;position: relative;background: #ffffff;}
.down_pro_item_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;padding: 2.08333vw;}
.down_pro_item_head:after {content: "";position: absolute;left: 0;top: 0;width: 1px;height: 0;z-index: 9;background: #e60012;-webkit-transition: all .6s ease;transition: all .6s ease;}
.down_pro_item_head:before {content: "";position: absolute;left: 0;top: 0;width: 0;height: 1px;z-index: 9;background: #e60012;-webkit-transition: all .6s ease;transition: all .6s ease;}
.down_pro_item_img:after {content: "";position: absolute;right: 0;bottom: 0;width: 0;height: 1px;z-index: 9;background: #e60012;-webkit-transition: all .6s ease;transition: all .6s ease;}
.down_pro_item_img:before {content: "";position: absolute;right: 0;bottom: 0;width: 1px;height: 0;z-index: 9;background: #e60012;-webkit-transition: all .6s ease;transition: all .6s ease;}
.down_pro_item_img img {width: auto;height: auto;max-width: 100%;max-height: 100%;}
.down_pro_item_title {margin-top: 1.041666vw;font-size: 0.8333vw;line-height: 1.041666vw;color: #444444;text-align: center;-webkit-transition: all .6s ease;transition: all .6s ease;}
.down_pro_item_box a:hover .down_pro_item_img:before,.down_pro_item_box a:hover .down_pro_item_head:after {height: 100%;}
.down_pro_item_box a:hover .down_pro_item_img:after,.down_pro_item_box a:hover .down_pro_item_head:before {width: 100%;}
.down_pro_item_box a:hover .down_pro_item_title {color: #e60012;}
.down_pro_nav_tab .swiper-slide {background: #f7f7f7;}
.down_pro_pack {opacity: 0;pointer-events: none;}
.down_pro_nav_tab .swiper-slide-active .down_pro_pack {opacity: 1;pointer-events: auto;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.down_pro_content {padding: 0 5.7291666vw 0 3.125vw;}
.down_pro_button {position: relative;width: 100%;}
.down_pro_button:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 1px;background: #eaeaea;}
.down_pro_button a {-webkit-justify-content: center;justify-content: center;padding: 1.30208333vw 0;position: relative;}
.down_pro_btn_box {-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.down_pro_btn_text {font-size: 0.8333vw;line-height: 1.5625vw;color: #e60012;}
.down_pro_btn_icon {width: 0.36458333vw;margin-left: 0.78125vw;}
.down_pro_btn_icon svg {width: 100%;display: block;fill: #e60012;}
.header_page_hover:after {height: 100%;}
.header_page_hover .header_page_box:after {opacity: 0;}
.header_page_active:after {height: 100%;}
.header_page_active .header_page_box:after {opacity: 0;}
.header_green_wrap:after {height: 100%;}

.index_pro_wrap {width: 100%;height: 100%;position: relative;-webkit-align-items: center;align-items: center;background: url(../images/net02.jpg) no-repeat center top;}
.index_pro_box {width: 100%;margin-top: 6.25vw;position: relative;z-index: 9;}
.pro_circle_wrap {position: absolute;left: -33%;bottom: -48%;width: 57.291666vw;}
.pro_circle_box {position: relative;}
.index_pro_head_wrap {padding: 0 3.125vw;-webkit-justify-content: space-between;justify-content: space-between;align-items: flex-end;}
.index_pro_button_wrap {padding-bottom: 0.26041666vw;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.index_public_btn_box {width: 2.6041666vw;height: 2.6041666vw;background: #d6d6d6;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;cursor: pointer;outline: none;margin-right: 0.5208333vw;-webkit-border-radius: 100%;border-radius: 100%;position: relative;-webkit-transition: all .6s ease;transition: all .6s ease;}
.index_public_btn_box:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-border-radius: 100%;border-radius: 100%;background: linear-gradient(to right,rgba(229,2,14,1),rgba(229,2,14,1));;-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all .6s ease;transition: all .6s ease;}
.index_public_btn_active {background: none;}
.index_public_btn_active:after {-webkit-transform: none;transform: none;}
.index_public_btn_box:last-child {margin-right: 0;}
.index_pro_prev {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.index_public_btn_icon {width: 32%;position: relative;z-index: 9;}
.index_public_btn_icon svg {fill: #ffffff;width: 100%;height: 100%;}
.public_head_label {font-size:  2.591666vw;line-height: 1.6666vw;color: #fff;font-weight: bold; opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.public_head_subtitle {font-size: 1.491666vw;line-height: 2.8125vw;color: #fff;font-weight: 100;margin-top: 0.78125vw;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw); }
.public_head_title {font-size: 1.491666vw;line-height: 2.8125vw;color: #e60012;font-weight: 100;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);font-style: normal;}
.public_head_text {font-size: 0.8333vw;line-height: 1.6666vw;color: #fff;margin-top: 1.5625vw;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.index_pro_tab {padding: 3.125vw;}
.index_pro_item_center {width: 100%;}
.index_pro_item_box {position: relative;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.index_pro_item_hover {display: block;position: relative;-webkit-border-radius: 0.78125vw;border-radius: 0.78125vw;overflow: hidden;-webkit-box-shadow: 1.041666vw 0 2.6041666vw rgba(118, 132, 162, .1);box-shadow: 1.041666vw 0 2.6041666vw rgba(118, 132, 162, .1);}
.index_pro_item_back {padding-bottom: 112.5%;opacity: 0;-webkit-transition: all .6s ease;transition: all .6s ease;}
.index_pro_item_back img {-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.index_pro_item_content {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-align-items: center;align-items: center;background: #095bac;-webkit-transition: all .6s ease;transition: all .6s ease;}
.index_pro_item_icon {width:12.375vw;margin: 0 auto;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;-webkit-transition: all .6s ease;transition: all .6s ease;}
.index_pro_item_icon img {max-height: 100%;max-width: 100%;width: auto;height: auto;}
.index_pro_item_read {margin-top: 1.125vw;-webkit-transition: all .6s ease;transition: all .6s ease; padding: 0 1vw;}
.index_pro_item_title {font-size: 1.3541666vw;line-height: 1.875vw;color: #fff;text-align: center;-webkit-transition: all .6s ease;transition: all .6s ease;}
.index_pro_item_text {margin-top: 1.30208333vw;font-size: 16px;line-height: 26px;color: #fff;text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;-webkit-transition: all .6s ease;transition: all .6s ease;}
.index_pro_btn_wrap {margin-top: -2.708333vw;-webkit-transform: translateY(-200%);transform: translateY(-200%);opacity: 0;-webkit-transition: all .6s ease;transition: all .6s ease;}
.index_pro_btn_box {-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;width: 9.375vw;margin: 0 auto;background: #ffffff;-webkit-border-radius: 1.3541666vw;border-radius: 1.3541666vw;}
.index_pro_btn_text {font-size: 0.78125vw;line-height: 2.708333vw;color: #e60012;text-transform: uppercase;}
.index_pro_btn_icon {width: 1.5625vw;margin-left: -1.5625vw;opacity: 0;-webkit-transition: all .6s ease;transition: all .6s ease;-wbekit-transition-delay: 0s;transition-delay: 0s;}
.index_pro_btn_icon svg {width: 100%;fill: #e60012;}
.index_pro_item_box:hover .index_pro_item_back img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.index_pro_item_box:hover .index_pro_item_back {opacity: 1;}
.index_pro_item_box:hover .index_pro_item_content {background: none;}
.index_pro_item_box:hover .index_pro_item_icon {opacity: 0;}
.index_pro_item_box:hover .index_pro_item_read {margin: -4.375vw 0 3.125vw 0;}
.index_pro_item_box:hover .index_pro_btn_wrap {opacity: 1;margin: 0;-webkit-transform: none;transform: none;}
.index_pro_item_box:hover .index_pro_item_text {color: #ffffff;}
.index_pro_item_box:hover .index_pro_item_title {color: #ffffff;font-weight: bold;}
.index_pro_item_box:hover .index_pro_btn_icon {margin-left: 0.3125vw;opacity: 1;-webkit-transition-delay: .2s;transition-delay: .2s;}


/*首页产品滚动*/
.index_cp_wrap{width: 100%;height: 100%;position: relative;-webkit-align-items: center;align-items: center;background: url(../images/net03.jpg) no-repeat center top;}
.index_cp_box .sty2 {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: 30px;font-weight: 800;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}

.view-more {display: flex;align-items: center;justify-content: center;;min-height: 34px;width: 250px; height: 60px;background-color:#e60012;color: #fff;position: relative; margin:70px auto 0 auto; font-size: 16px;}
.view-more i {margin-left:10px;transform: rotate(45deg);}
.view-more::before {content: '';display: block;width: 100%;height: 100%;;border: 1px solid #e60012;position: absolute;left: 0;top: 0;transform: scale(1);transition: var(--transition);}
.view-more:hover::before {transform: scale(1.08, 1.2);}

@media screen and (max-width: 1024px) {
   .sty2 .swiper-slide {width:100%} 
}

.index_about_wrap {width: 100%;height: 100%;position: relative;-webkit-align-items: center;align-items: center;background: url(../images/net05.jpg) no-repeat center top;background-size: cover;}
.index_circle_wrap {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.index_circle_item_box:nth-child(1) {width: 81.7708333%;position: absolute;left: -39%;bottom: -76%;}
.index_circle_item_box:nth-child(2) {width: 45.36458333%;position: absolute;right: -27%;top: -44%;}
.index_about_box {width: 100%;margin-top: 4.1666vw;position: relative;z-index: 9;}
.index_about_box .index_honot_button_wrap {width: 200px; line-height: 50px; text-align: center; font-size: 18px; color: #fff; background: #e60012;}
.index_about_box .index_honot_button_wrap a{color: #fff;}
.index_about_box .sty2{padding-top: 3.125vw;}
.index_about_box .sty2 .swiper-slide{width: 20%;}
.index_about_box  .sty2 .swiper-slide .wenan strong{font-size: 22px;}

@media screen and (max-width: 1024px) {
   .index_about_box .sty2 .swiper-slide{width: 100%;}
   .index_about_box .index_honot_button_wrap {width: 100px;font-size: 16px;}
}

.index_about_content {padding: 0 0 0 3.125vw;position: relative;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.index_about_big {width: 50%;}
.index_about_big  .public_head_text{font-size: 1.2vw; line-height: 2vw;}
.index_about_big  .public_head_text strong{font-size: 2.6vw; line-height: 3vw; padding:4vw 0 2vw 0; color: #e60012 ; display: block;}
.index_about_btn_box {width: 5.208333vw;height: 5.208333vw;position: relative;}
.index_about_btn_box a {width: 100%;height: 100%;position: relative;display: block;background: #ffffff;-webkit-border-radius: 100%;border-radius: 100%;}
.index_about_btn_box a:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #e60012;-webkit-border-radius: 100%;border-radius: 100%;-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all .6s ease;transition: all .6s ease;}
.index_about_btn_big {width: 100%;height: 100%;position: relative;}
.index_about_btn_content {width: 100%;height: 100%;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;z-index: 9;position: relative;}
.index_about_btn_content:nth-child(2) {position: absolute;left: 0;top: 0;}
.index_about_btn_text {overflow: hidden;}
.index_about_btn_label {font-size: 16px;line-height:20px;color: #999999;text-transform: uppercase;padding: 0 0.3125vw;-webkit-transition: all .6s ease;transition: all .6s ease;}
.index_about_btn_tips {position: absolute;right: -0.78125vw;top: 0.78125vw;width: 2.1875vw;z-index: 9;overflow: hidden;}
.index_about_btn_icon {width: 100%;z-index: 9;position: relative;-webkit-transform: translateX(-100%);transform: translateX(-100%);opacity: 0;-webkit-transition: all .6s ease;transition: all .6s ease;}
.index_about_btn_icon svg {fill: #ffffff;width: 100%;}
.index_about_btn_box a:hover:after {-webkit-transform: none;transform: none;}
.index_about_btn_box a:hover .index_about_btn_content:nth-child(2) .index_about_btn_title:nth-child(1) .index_about_btn_label,.index_about_btn_box a:hover .index_about_btn_content:nth-child(2) .index_about_btn_title:nth-child(2) .index_about_btn_label {-webkit-transform: none;transform: none;opacity: 1;color: #ffffff;-webkit-transition-delay: .4s;transition-delay: .4s;}
.index_about_btn_box a:hover .index_about_btn_icon {-webkit-transform: none;transform: none;opacity: 1;-webkit-transition-delay: .6s;transition-delay: .6s;}
.index_about_btn_box a:hover .index_about_btn_content:nth-child(1) .index_about_btn_title:nth-child(1) .index_about_btn_label {-webkit-transform: translateX(-100%);transform: translateX(-100%);opacity: 0;}
.index_about_btn_box a:hover .index_about_btn_content:nth-child(1) .index_about_btn_title:nth-child(2) .index_about_btn_label {-webkit-transform: translateX(100%);transform: translateX(100%);opacity: 0;}
.index_about_btn_title:nth-child(2) {margin-left: 0.78125vw;}
.index_about_btn_content:nth-child(2) .index_about_btn_title:nth-child(1) .index_about_btn_label {-webkit-transform: translateX(100%);transform: translateX(100%);opacity: 0;}
.index_about_btn_content:nth-child(2) .index_about_btn_title:nth-child(2) .index_about_btn_label {-webkit-transform: translateX(-100%);transform: translateX(-100%);opacity: 0;}
.index_about_button_wrap {margin-top: 2.6041666vw;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}

@media screen and (max-width: 1024px) {
.index_about_big  .public_head_text strong{font-size: 24px; line-height:32px; }
.index_about_big .public_head_text{font-size: 16px; line-height: 31px;}
}
.index_about_media_wrap {opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.index_about_media_box {width: 50vw;position: relative;}
.index_about_media_img {padding-bottom: 120%;}
.index_about_media_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;cursor: pointer;outline: none;}
.index_about_media_btn {width: 1.7708333vw;height: 1.7708333vw;position: relative;}
.index_about_media_tips {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.index_about_media_label {position: absolute;left: 50%;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);width: 100%;height: 100%;border: 0.1041666vw solid #e60012;box-sizing: border-box;-webkit-border-radius: 100%;border-radius: 100%;}
.index_about_media_label:nth-child(1) {-webkit-animation: jing_scale 2.4s linear infinite normal both;animation: jing_scale 2.4s linear infinite normal both;}
.index_about_media_label:nth-child(2) {-webkit-animation: jing_scale 2.4s .8s linear infinite normal both;animation: jing_scale 2.4s .8s linear infinite normal both;}
.index_about_media_label:nth-child(3) {-webkit-animation: jing_scale 2.4s 1.6s linear infinite normal both;animation: jing_scale 2.4s 1.6s linear infinite normal both;}
@-webkit-keyframes jing_scale {
0% {width: 100%;height: 100%;opacity: 0;}
20% {width: 150%;height: 150%;opacity: 0.6;}
40% {width: 200%;height: 200%;opacity: 0.4;}
60% {width: 250%;height: 250%;opacity: .2;}
80% {width: 300%;height: 300%;opacity: 0;}
100% {width: 100%;height: 100%;opacity: 0;}
}
@keyframes jing_scale {
0% {width: 100%;height: 100%;opacity: 0;}
20% {width: 150%;height: 150%;opacity: 0.6;}
40% {width: 200%;height: 200%;opacity: 0.4;}
60% {width: 250%;height: 250%;opacity: .2;}
80% {width: 300%;height: 300%;opacity: 0;}
100% {width: 100%;height: 100%;opacity: 0;}
}
.index_about_media_icon {width: 100%;height: 100%;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: relative;}
.index_about_media_icon:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0.1041666vw solid #e60012;box-sizing: border-box;-webkit-border-radius: 100%;border-radius: 100%;}
.index_about_media_icon svg {width: 30%;fill: #e60012;}
.index_about_data_read {padding: 2.6041666vw 0;position: relative;}
.index_about_data_wrap {width: 35%;position: relative;}
.index_about_data_box {position: relative;z-index: 9;}
.index_about_data_tips {position: absolute;left: -55%;bottom: -13%;width: 169.8067%;}
.index_about_data_big:nth-child(2n) {width: 57%;padding: 5.7291666vw 0 0 0;}
.index_about_data_big:nth-child(2n+1) {width: 43%;}
.index_about_data_big:nth-child(2n+1) .index_about_data_head {-webkit-justify-content: flex-end;justify-content: flex-end;}
.index_about_data_big:nth-child(2n+1) .index_about_data_text {text-align: right;}
.index_about_data_big:nth-child(2n+1) .index_about_data_li:nth-child(2) {padding: 0 5.208333vw 0 0;}
.index_about_data_big:nth-child(2n+1) .index_about_data_li:nth-child(1) .index_about_data_read {padding: 2.6041666vw 5.208333vw 2.6041666vw 0;}
.index_about_data_big:nth-child(2n) .index_about_data_li:nth-child(1) {padding: 0 5.208333vw;}
.index_about_data_big:nth-child(2n) .index_about_data_li:nth-child(2) .index_about_data_read {padding: 2.6041666vw 0 2.6041666vw 5.208333vw;}
.index_about_data_li {position: relative;}
.index_about_data_big:nth-child(2n+1) .index_about_data_li:nth-child(1) .index_about_data_read:after {content: "";position: absolute;right: 0;bottom: 0;width: 1px;height: 0;background: #d5e0eb;}
.index_about_data_big:nth-child(2n+1) .index_about_data_li:nth-child(2) .index_about_data_read:after {content: "";position: absolute;right: 0;top: 0;height: 1px;width: 0;background: #d5e0eb;}
.index_about_data_big:nth-child(2n) .index_about_data_li:nth-child(1) .index_about_data_read:after {content: "";position: absolute;left: 0;bottom: 0;height: 1px;width: 0;background: #d5e0eb;}
.index_about_data_big:nth-child(2n) .index_about_data_li:nth-child(2) .index_about_data_read:after {content: "";position: absolute;left: 0;top: 0;width: 1px;height: 0;background: #d5e0eb;}
.index_about_data_big:nth-child(2n+1) .index_about_data_li:nth-child(1) .index_about_data_pack {-webkit-transform: translateY(5vw);transform: translateY(5vw);opacity: 0;pointer-events: none;}
.index_about_data_big:nth-child(2n+1) .index_about_data_li:nth-child(2) .index_about_data_pack {-webkit-transform: translateX(5vw);transform: translateX(5vw);opacity: 0;pointer-events: none;}
.index_about_data_big:nth-child(2n) .index_about_data_li:nth-child(1) .index_about_data_pack {-webkit-transform: translateX(-5vw);transform: translateX(-5vw);opacity: 0;pointer-events: none;}
.index_about_data_big:nth-child(2n) .index_about_data_li:nth-child(2) .index_about_data_pack {
-webkit-transform: translateY(-5vw);
transform: translateY(-5vw);
opacity: 0;
pointer-events: none;
}
.index_about_data_head {
-webkit-align-items: flex-end;
align-items: flex-end;
}
.index_about_data_number {
font-size: 5.208333vw;
line-height: 5.7291666vw;
color: #e60012;
}
.index_about_data_subtitle {
font-size: 5.208333vw;
line-height: 5.7291666vw;
color: #e60012;
}
.index_about_data_label {
font-size: 2.08333vw;
line-height: 3.125vw;
color: #e60012;
margin-left: 1.041666vw;
}
.index_about_data_text {
font-size: 0.8333vw;
line-height: 1.3541666vw;
color: #333333;
}
.index_solution_wrap {
width: 100%;
height: 100%;
position: relative;
-webkit-align-items: center;
align-items: center;
}
.index_solution_box {
position: relative;
z-index: 9;
width: 100%;
margin-top: 4.1666vw;
}
.index_solution_back {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.index_solution_pic_swiper {
width: 100%;
height: 100%;
}
.index_solution_pic_read {
width: 100%;
height: 100%;
}
.index_solution_content {
padding: 0 3.125vw;
}
.index_solution_head_wrap .public_head_label,
.index_solution_head_wrap .public_head_subtitle,
.index_solution_head_wrap .public_head_title {
color: #ffffff;
}
.index_solution_item_title {
font-size: 2.2708333vw;
line-height: 2.291666vw;
color: #ffffff;
font-weight: bold;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.index_solution_item_text {font-size:18px;line-height: 1.5625vw;margin-top: 0.78125vw;color: #ffffff;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.index_solution_button_wrap {
-webkit-justify-content: flex-start;
justify-content: flex-start;
margin-top: 1.5625vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.index_solution_tab {
padding-bottom: 4vw;
overflow: initial;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.index_solution_tab .swiper-slide-active .index_solution_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);
}
.index_solution_tab .swiper-slide-active .index_solution_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: .1s;
transition-delay: .1s;
}
.index_solution_tab .swiper-slide-active .index_solution_button_wrap {opacity: 1;pointer-events: auto;-webkit-transform: none;transform: none;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);-webkit-transition-delay: .2s;transition-delay: .2s;}
.index_solution_nav_wrap {position: relative;z-index: 9;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.index_solution_nav_box {height: 16.541666vw;position: relative;-webkit-align-items: flex-end;align-items: flex-end;}
.index_solution_nav_li {background:  rgba(0, 0, 0, 0.3);width: 16%;margin-right: 0.34725%;-webkit-border-radius: 0.78125vw 0.78125vw 0 0;border-radius: 0.78125vw 0.78125vw 0 0;-webkit-transition: all .6s ease;transition: all .6s ease;cursor: pointer;outline: none;}
.index_solution_nav_li:nth-child(5n) {
margin: 0;
}
.index_solution_nav_content {
padding: 0 1.5625vw 0 1.5625vw;
position: relative;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_solution_nav_head {
position: absolute;
left: 0;
top: 1.5625vw;
width: 100%;
-webkit-justify-content: center;
justify-content: center;
opacity: 0;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_solution_nav_circle {
width: 5.5208333vw;
height: 5.5208333vw;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
position: relative;
}
.index_solution_nav_after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 1px solid rgba(255, 255, 255, .2);
box-sizing: border-box;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_solution_nav_before {
position: absolute;
left: 6.5%;
top: 6.5%;
width: 87%;
height: 87%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_solution_nav_icon {
width: 2.6041666vw;
height: 2.6041666vw;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.index_solution_nav_icon img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all .6s ease;
transition: all .6s ease;
-webkit-filter: brightness(0%) grayscale(100%) invert(100%);
filter: brightness(0%) grayscale(100%) invert(100%);
}
.index_solution_nav_read {
padding: 1.5625vw 0;
-webkit-align-items: center;
align-items: center;
position: relative;
}
.index_solution_nav_big {
width: calc(100% - 2.6041666vw);
}
.index_solution_nav_max {
position: relative;
height: 1.5625vw;
}
.index_solution_nav_title {position: absolute;left: 0;top: 0;max-width: 100%;font-size: 1.1458333vw;line-height: 1.5625vw;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-transition: all .6s ease;transition: all .6s ease;}
.index_solution_nav_min {position: relative;height: 1.5625vw;opacity: 0;margin-top: -1.5625vw;-webkit-transition: all .6s ease;transition: all .6s ease;}
.index_solution_nav_text {
position: absolute;
left: 0;
top: 0;
max-width: 100%;
font-size: 0.78125vw;
line-height: 1.5625vw;
color: rgba(255, 255, 255, .5);
-webkit-transition: all .6s ease;
transition: all .6s ease;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.index_solution_nav_label {
text-transform: uppercase;
font-size: 0.68125vw;
line-height: 1.5625vw;
color: rgba(255, 255, 255, .8);
-webkit-transition: all .6s ease;
transition: all .6s ease;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.index_solution_nav_tips {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 2.6041666vw;
height: 2.6041666vw;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_solution_nav_tips img {width: auto;height: auto;max-width: 100%;max-height: 100%;-webkit-transition: all .6s ease;transition: all .6s ease;}
.index_solution_nav_active {background: #095bac;}
.index_solution_nav_active .index_solution_nav_content {
padding: 7.291666vw 1.5625vw 0 1.5625vw;
}
.index_solution_nav_active .index_solution_nav_big {
width: 100%;
}
.index_solution_nav_active .index_solution_nav_head {
opacity: 1;
}
.index_solution_nav_active .index_solution_nav_tips {
opacity: 0;
}
.index_solution_nav_active .index_solution_nav_tips img {
-webkit-transform: scale(0);
transform: scale(0);
}
.index_solution_nav_active .index_solution_nav_title {
color: #ffffff;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.index_solution_nav_active .index_solution_nav_min {
margin-top: 0;
opacity: 1;
}
.index_solution_nav_active .index_solution_nav_text {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.index_solution_nav_active .index_solution_nav_label {
margin-top: -1.5625vw;
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.index_solution_nav_active .index_solution_nav_icon img {
-webkit-transform: none;
transform: none;
}
.index_solution_nav_active .index_solution_nav_before {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation: 4s SolutionCircle linear normal both;
animation: 4s SolutionCircle linear normal both;
}
.index_solution_nav_active .index_solution_nav_after {
-webkit-transform: none;
transform: none;
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
@-webkit-keyframes SolutionCircle {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes SolutionCircle {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.index_brand_wrap {width: 100%;height: 100%;position: relative;-webkit-align-items: center;align-items: center;background: url(../images/net07.jpg) no-repeat center top;}
.index_brand_box {position: relative;z-index: 9;width: 100%;margin-top: 2.08333vw;}
.index_brand_wrap .index_pro_head_box .public_head_label,.index_brand_wrap .index_pro_head_box .public_head_subtitle,.index_brand_wrap .index_pro_head_box .public_head_title{ color: #fff}
.index_brand_wrap .public_head_label,.index_brand_wrap .public_head_subtitle,.index_brand_wrap .public_head_title{color: #fff;}
.index_brand_back {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.index_brand_content {padding: 0 3.125vw;position: relative;-webkit-justify-content: space-between;justify-content: space-between;}
.index_brand_big {width: 100%;}
.index_brand_pack {width: 33.3333%;}
.index_brand_circle_wrap {position: relative;padding-bottom: 100%;}
.index_brand_menu_wrap {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 9;}
.index_brand_menu_li {position: absolute;-webkit-align-items: center;align-items: center;width: max-content;}
.index_brand_menu_pack {-webkit-align-items: center;align-items: center;position: relative !important;}
.index_brand_menu_icon {position: absolute;}
.index_brand_menu_li:nth-child(1) {left: 55%;top: -3.9%;}
.index_brand_menu_li:nth-child(1) .index_brand_menu_icon {left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.index_brand_menu_li:nth-child(1) .index_brand_menu_read {padding-left: 1.458333vw;-webkit-transform: translateX(-1.041666vw);transform: translateX(-1.041666vw);opacity: 0;}
.index_brand_menu_li:nth-child(2) {right: 1.5%;top: 31%;}
.index_brand_menu_li:nth-child(2) .index_brand_menu_icon {right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.index_brand_menu_li:nth-child(2) .index_brand_menu_read {padding-right: 1.458333vw;text-align: right;-webkit-transform: translateX(1.041666vw);transform: translateX(1.041666vw);opacity: 0;}
.index_brand_menu_li:nth-child(3) {left: 73.7%;top: 68.1%;}
.index_brand_menu_li:nth-child(3) .index_brand_menu_icon {left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.index_brand_menu_li:nth-child(3) .index_brand_menu_read {padding-left: 1.458333vw;-webkit-transform: translateX(-1.041666vw);transform: translateX(-1.041666vw);opacity: 0;}
.index_brand_menu_li:nth-child(4) {left: 28.7%;top: 91.2%;}
.index_brand_menu_li:nth-child(4) .index_brand_menu_icon {left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.index_brand_menu_li:nth-child(4) .index_brand_menu_read {padding-left: 1.458333vw;-webkit-transform: translateX(-1.041666vw);transform: translateX(-1.041666vw);opacity: 0;}
.index_brand_menu_li:nth-child(5) {left: -9%;top: 64.2%;}
.index_brand_menu_li:nth-child(5) .index_brand_menu_icon {right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.index_brand_menu_li:nth-child(5) .index_brand_menu_read {padding-right: 1.458333vw;text-align: right;-webkit-transform: translateX(1.041666vw);transform: translateX(1.041666vw);opacity: 0;}
.index_brand_menu_li:nth-child(6) {left: -2.5%;top: 20.2%;}
.index_brand_menu_li:nth-child(6) .index_brand_menu_icon {right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.index_brand_menu_li:nth-child(6) .index_brand_menu_read {
padding-right: 1.458333vw;text-align: right;-webkit-transform: translateX(1.041666vw);transform: translateX(1.041666vw);opacity: 0;}
.index_brand_tips_wrap {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 9;pointer-events: none;-webkit-align-items: center;align-items: center;}
.index_brand_tips_box {width: 100%;font-size: 10.41666vw;-webkit-text-fill-color: transparent;text-fill-color: transparent;-webkit-text-stroke: 1px rgba(255, 255, 255, .15);text-stroke: 1px rgba(255, 255, 255, .15);margin-top: 31.25vw;-webkit-transform: translateX(4vw);transform: translateX(4vw);opacity: 0;pointer-events: none;}
.index_brand_menu_box {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.index_brand_circle_box {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 5.208333vw;}
.index_brand_max_after {position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;-webkit-transform: scale(0);transform: scale(0);}
.index_brand_max_circle {width: 100%;height: 100%;border: 1px solid rgba(255, 255, 255, .2);-webkit-border-radius: 100%;border-radius: 100%;box-sizing: border-box;}
.index_brand_center {width: 100%;height: 100%;position: relative;padding: 5.7291666vw;}
.index_brand_min_after {position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;-webkit-transform: scale(0);transform: scale(0);}
.index_brand_min_circle {width: 100%;height: 100%;border: 1px solid rgba(255, 255, 255, .2);-webkit-border-radius: 100%;border-radius: 100%;box-sizing: border-box;}
.index_brand_read {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-box-shadow: 0 1.041666vw 2.6041666vw rgba(0, 149, 121, .2);
box-shadow: 0 1.041666vw 2.6041666vw rgba(0, 149, 121, .2);
}
.index_brand_menu_icon {
width: 0.5208333vw;
height: 0.5208333vw;
}
.index_brand_menu_icon:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #ffffff;-webkit-border-radius: 100%;border-radius: 100%;-webkit-transform: scale(0);transform: scale(0);}
.index_brand_menu_title {font-size: 0.9375vw;line-height: 1.458333vw;color: #ffffff;font-weight: bold;}
.index_brand_menu_text {font-size: 0.7291666vw;line-height: 1.25vw;color: #ffffff;}

.index_brand_box .sty2{padding-top: 3.125vw;}
.index_brand_box .sty2 .swiper-slide{width: 33%;}
.index_brand_box  .sty2 .swiper-slide .wenan strong{font-size: 22px;}

@media screen and (max-width: 1024px) {
   .index_brand_box .sty2 .swiper-slide{width: 100%;} 
}


.index_brand_button_wrap {
margin-top: 3.125vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.index_client_wrap {width: 100%;height: 100%;position: relative;-webkit-align-items: center;align-items: center;}
.index_client_box {position: relative;z-index: 10;width: 100%;margin-bottom: 14.0625vw;pointer-events: none;}
.rtCont{position:relative;overflow: hidden;padding: 0 3.125vw; margin:0 auto 0 auto;}
.rtCont ul{}
.rtCont ul li{width:500px;float: left; overflow:hidden;position:relative;z-index:1; margin: 0 10px;border-radius: 10px}
.pro_pic{ overflow: hidden;}
.rtCont ul li img{width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;  }
.rtCont ul li:hover img{transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.rtCont ul li h3{text-align: center;font-size: 18px;line-height: 65px;color:#333; background: #fff}
.rtCont ul li h3 a{color:#fff;line-height:30px;text-align:center;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all linear .3s; font-weight: 300;}
.rtCont ul li:hover h3 a{font-weight:700;color:#fff}

@media screen and (max-width:1440px) {
    .rtCont ul li{width:300px;}
}

@media screen and (max-width:1023px) {
    .rtCont{ margin-top: 2em}
    .rtCont ul li{width:300px;}
    .rtCont ul li h3{line-height: 31px; padding: 10px 0;font-size: 16px}
}

.rtCont2{position:relative;overflow: hidden;; margin:0 auto 0 auto;}
.rtCont2 ul{}
.rtCont2 ul li{width:300px;float: left; overflow:hidden;position:relative;z-index:1; margin: 0 10px;border-radius: 10px}
.pro_pic{ overflow: hidden;}
.rtCont2 ul li img{width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;  }
.rtCont2 ul li:hover img{transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.rtCont2 ul li h3{text-align: center;font-size: 18px;line-height: 65px;color:#333; background: #fff}
.rtCont2 ul li h3 a{color:#fff;line-height:30px;text-align:center;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all linear .3s; font-weight: 300;}
.rtCont2 ul li:hover h3 a{font-weight:700;color:#fff}

@media screen and (max-width:1440px) {
    .rtCont2 ul li{width:300px;}
}

@media screen and (max-width:1023px) {
    .rtCont2{ margin-top: 2em}
    .rtCont2 ul li{width:185px;}
    .rtCont2 ul li h3{line-height: 31px; padding: 10px 0;font-size: 16px}
}

.index_client_content {padding: 0 3.125vw;}
.index_client_box .index_about_btn_box {
pointer-events: auto;
}
.index_client_button_wrap {
margin-top: 3.125vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
/*.index_client_button_wrap .index_about_btn_box a {*/
/*    background: #e60012;*/
/*}*/
/*.index_client_button_wrap .index_about_btn_label {*/
/*    color: #ffffff;*/
/*}*/
.index_client_circle_wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.index_client_item_box:nth-child(1) {
width: 62.13541666%;
position: absolute;
left: -30%;
bottom: -72%;
}
.index_client_item_box:nth-child(2) {
width: 100%;
position: absolute;
right: -56%;
top: -64%;
}
.index_client_pack {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.index_client_default_wrap {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
opacity: 0;
pointer-events: none;
}
.index_client_default_li {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
}
.index_client_default_li img {
width: 0;
height: 0;
opacity: 0;
}
.index_client_menu_wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 12;
}
.index_client_menu_li {
position: absolute;
background: #ffffff;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.index_client_menu_li:nth-child(1) {
left: 28%;
top: 41%;
width: 8.75vw;
height: 8.75vw;
}
.index_client_menu_li:nth-child(2) {
left: 64%;
top: 36%;
width: 6.1458333vw;
height: 6.1458333vw;
}
.index_client_menu_li:nth-child(3) {
left: 34%;
top: 74%;
width: 7.291666vw;
height: 7.291666vw;
}
.index_client_menu_li:nth-child(4) {
left: 58%;
top: 76%;
width: 7.291666vw;
height: 7.291666vw;
}
.index_client_menu_li:nth-child(5) {
left: 17.5%;
top: 53%;
width: 5.83333vw;
height: 5.83333vw;
}
.index_client_menu_li:nth-child(6) {
left: 74.5%;
top: 25%;
width: 6.041666vw;
height: 6.041666vw;
}
.index_client_menu_li:nth-child(7) {
left: 72.5%;
top: 82%;
width: 6.458333vw;
height: 6.458333vw;
}
.index_client_menu_li:nth-child(8) {
left: 23%;
top: 85%;
width: 4.375vw;
height: 4.375vw;
}
.index_client_menu_li:nth-child(9) {
left: 86%;
top: 34%;
width: 7.291666vw;
height: 7.291666vw;
}
.index_client_menu_li:nth-child(10) {
left: 88%;
top: 58%;
width: 5.1041666vw;
height: 5.1041666vw;
}
.index_client_menu_li:nth-child(11) {
left: 76%;
top: 53%;
width: 8.958333vw;
height: 8.958333vw;
}
.index_client_menu_li:nth-child(12) {
left: 9%;
top: 77%;
width: 6.3541666vw;
height: 6.3541666vw;
}
.index_client_menu_li:nth-child(13) {
left: 85%;
top: 81%;
width: 6.09375vw;
height: 6.09375vw;
}
.index_client_menu_img {
width: 100%;
height: 100%;
padding: 20%;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.index_client_menu_img img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.index_client_earth_wrap {
width: 25vw;
height: 25vw;
position: relative;
margin-top: 5.208333vw;
/*-webkit-transform: rotate(180deg);*/
/*transform: rotate(180deg);*/
}
.index_client_earth_tips {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.index_client_earth_label {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.index_client_earth_label:nth-child(1) {
width: 146.666%;
height: 146.666%;
z-index: 2;
}
.index_client_earth_label:nth-child(2) {
width: 242.5%;
height: 242.5%;
z-index: 1;
opacity: .8;
}
.index_client_earth_label:nth-child(3) {
width: 331.25%;
height: 331.25%;
opacity: .6;
}
.index_client_earth_pack {
width: 100%;
height: 100%;
position: relative !important;
}
.index_client_earth_svg {
width: 100%;
height: 100%;
position: relative;
-webkit-transform: scale(0);
transform: scale(0);
}
.index_client_earth_svg svg {
display: block;
width: 100%;
fill: none;
stroke-width: 1px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
/*.index_client_earth_label:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    box-sizing: border-box;*/
/*    border: 1px solid #bedbdb;*/
/*    -webkit-border-radius: 100%;*/
/*    border-radius: 100%;*/
/*}*/
.index_client_earth_img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.index_client_earth_box {
width: 100%;
height: 100%;
position: relative;
z-index: 2;
-webkit-transform: rotate(180deg) scale(0);
transform: rotate(180deg) scale(0);
}
.index_client_earth_box svg {
display: block;
height: 100%;
width: 100%;
position: relative;
z-index: 9;
}
.index_client_earth_box svg g {
display: none;
opacity: 0;
}
.earth_show {
opacity: 1 !important;
display: block !important;
}
.index_news_wrap {width: 100%;height: 100%;position: relative;-webkit-align-items: center;align-items: center;background: url(../images/net08.jpg) no-repeat center top;}
.index_news_box {
position: relative;
z-index: 9;
width: 100%;
margin-top: 4.1666vw;
}
.index_news_content {
padding: 0 3.125vw;
position: relative;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.index_news_prev {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.index_news_head_wrap {
width: 100%;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: flex-end;
align-items: flex-end;
}
.index_news_button_wrap {
padding-bottom: 0.26041666vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.index_news_big {
margin-top: 3.6458333vw;
}
.index_news_item_img {
padding-bottom: 60%;
}
.index_news_item_box {
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
opacity: 0;
pointer-events: none;
}
.index_news_item_box a {
display: block;
position: relative;
-webkit-border-radius: 0.78125vw 0.78125vw 0 0;
border-radius: 0.78125vw 0.78125vw 0 0;
overflow: hidden;
padding-bottom: 9.8958333vw;
}
.index_news_item_content {
overflow: hidden;
height: 9.8958333vw;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_news_item_read {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #f6f6f6;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_news_item_tips {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.index_news_item_line {
position: absolute;
width: 6.25vw;
height: 100%;
-webkit-transform: skew(-30deg);
transform: skew(-30deg);
}
.index_news_item_line:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .04);
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_news_item_line:nth-child(1) {
left: 20%;
bottom: -20%;
}
.index_news_item_line:nth-child(2) {
left: 40%;
bottom: -40%;
}
.index_news_item_line:nth-child(3) {
left: 45%;
bottom: -50%;
}
.index_news_item_pack {padding: 2.08333vw;position: relative;z-index: 9;-webkit-transition: all .6s ease;transition: all .6s ease;}
.index_news_item_head {
width: 100%;
}
.index_news_item_time {
font-size: 0.8333vw;
line-height: 1.041666vw;
color: #999999;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_news_item_title {
margin-top: 0.78125vw;
font-size: 1.041666vw;
line-height: 1.5625vw;
height: 3.125vw;
font-weight: bold;
color: #222222;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_news_item_text {
font-size: 0.78125vw;
line-height: 1.5625vw;
height: 9.375vw;
color: rgba(255, 255, 255, .5);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
margin-top: 1.30208333vw;
opacity: 0;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_news_item_button {
width: 100%;
-webkit-transition: all .6s ease;
transition: all .6s ease;
margin-top: 1.5625vw;
}
.index_news_item_btn {
-webkit-align-items: center;
align-items: center;
}
.index_news_item_label {
font-size: 0.8333vw;
line-height: 1.5625vw;
color: #ffffff;
}
.index_news_item_icon {
width: 0.36458333vw;
margin-left: 0.78125vw;
}
.index_news_item_icon svg {
fill: #ffffff;
}
.index_news_item_box:hover .index_news_item_content {
height: 100%;
-webkit-border-radius: 0.78125vw 0.78125vw 0 0;
border-radius: 0.78125vw 0.78125vw 0 0;
}
.index_news_item_box:hover .index_news_item_read {
background: #e60012;
}
.index_news_item_box:hover .index_news_item_time {
color: rgba(255, 255, 255, .5);
}
.index_news_item_box:hover .index_news_item_title {
color: #ffffff;
}
.index_news_item_box:hover .index_news_item_text {
opacity: 1;
}
.index_news_item_box:hover .index_news_item_line:nth-child(1):after {
-webkit-transform: none;
transform: none;
opacity: 1;
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.index_news_item_box:hover .index_news_item_line:nth-child(2):after {
-webkit-transform: none;
transform: none;
opacity: 1;
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.index_news_item_box:hover .index_news_item_line:nth-child(3):after {
-webkit-transform: none;
transform: none;
opacity: 1;
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.footer_lx{width: 100%; background:url(../images/index/contact.jpg) no-repeat center top; padding:2.91666vw 0 2.08333vw 0; }
.footer_lx h2{font-size: 2.1875vw;line-height: 2.708333vw;color: #333;font-weight: 500; text-align: center}
.index_pro_btn_wrap {margin-top: -2.708333vw;-webkit-transform: translateY(-200%);transform: translateY(-200%);opacity: 0;-webkit-transition: all .6s ease;transition: all .6s ease;}
.footer_lx_btn_box {-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;width: 9.375vw;margin:1% auto 0 auto;background: #e60012;-webkit-border-radius: 1.3541666vw;border-radius: 1.3541666vw;}
.footer_lx_btn_text {font-size: 0.98125vw;line-height: 2.708333vw;color: #fff;text-transform: uppercase;}
.footer_lx_btn_icon {width: 1.5625vw;margin-left: -1.5625vw;opacity: 0;-webkit-transition: all .6s ease;transition: all .6s ease;-wbekit-transition-delay: 0s;transition-delay: 0s;}
.footer_wrap {background: #095bac;background-size: cover; }
.footer_box {padding: 0 3.125vw;}
.footer_head_wrap {position: relative;padding: 2.01666vw 0 2.08333vw 0;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.footer_head_logo {width: 8.7708333vw;height: 3.13541666vw;}
.footer_head_logo img {-webkit-filter: brightness(0%) grayscale(100%) invert(100%);filter: brightness(0%) grayscale(100%) invert(100%);}
.footer_mbx_item_box {padding: 0 1.30208333vw;position: relative;}
.footer_mbx_item_box:after {content: "";position: absolute;right: 0;top: 25%;width: 0.1041666vw;height: 50%;background: rgba(255, 255, 255, .6);}
.footer_mbx_item_box:first-child {padding: 0 1.30208333vw 0 0;}
.footer_mbx_item_box:last-child {padding: 0 0 0 1.30208333vw;}
.footer_mbx_item_box:last-child:after {display: none;}
.footer_mbx_item_box a {font-size: 16px;line-height: 1.5625vw;color: rgba(255, 255, 255, .6);}
.footer_line_wrap {height: 1px;width: 100%;position: relative;}

.footer_line_wrap:after {content: "";position: absolute;left: 0;top: 0;height: 100%;width: 100%;background: rgba(255, 255, 255, .15);}
.footer_content {padding: 3.125vw 0 2.86458333vw 0;}
.footer_menu_item_title{}
.footer_menu_item_title a {font-size:18px;line-height: 1.5625vw;color: #ffffff;width: 100px}
.footer_menu_item_title img{width:4%; display: inline-block; margin-right: 10px}
.footer_menu_item_li {padding: 0.3125vw 0;}
.footer_menu_item_li a {font-size:16px;line-height: 30px;max-width: 100%;color: rgba(255, 255, 255, .5);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.footer_menu_item_ul {margin-top: 1.30208333vw;}.footer_menu_wrap {width: 84%;}
.footer_menu_item_box {width: 21%;padding-right: 1.041666vw;}
.footer_menu_item_box:nth-child(2){width: 16%}
.footer_share_wrap {width: 16%;-webkit-justify-content: flex-end;justify-content: flex-end;}
.footer_share_box + .footer_share_box {margin-left: 1vw;}
.footer_share_content {width: 6.25vw;}
.footer_share_img {padding-bottom: 100%;}
.footer_share_title {font-size:16px;line-height: 1.25vw;color: rgba(255, 255, 255, .5);text-align: center;margin-top: 0.7291666vw;}
.footer_copy_wrap {padding: 0 3.125vw;;border-top:1px solid transparent; border-color: rgba(255, 255, 255, 0.3);}
.footer_copy_box {padding: 1.30208333vw 0;-webkit-justify-content: space-between;justify-content: space-between;}
.footer_copy_menu_li {padding: 0 1.041666vw;position: relative;}
.footer_copy_menu_li:first-child {padding: 0 1.041666vw 0 0;}
.footer_copy_menu_li:last-child {padding: 0 0 0 1.041666vw;}
.footer_copy_menu_li:after {content: "";position: absolute;right: 0;top: 20%;width: 1px;height: 60%;background: rgba(255, 255, 255, .4);}
.footer_copy_menu_li:last-child:after {
display: none;
}
.footer_copy_menu_read,
.footer_copy_menu_read a {
font-size: 16px;
line-height: 1.30208333vw;
color: rgba(255, 255, 255, .4);
}
.footer_copy_text {
padding-right: 0.5208333vw;
}
.footer_copy_text:last-child {
padding-right: 0;
}
.footer_copy_text,
.footer_copy_text a {
font-size:16px;
line-height: 1.30208333vw;
color: rgba(255, 255, 255, .4);
}
.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: #fff;-webkit-transition: all .6s ease;transition: all .6s ease;}
.footer_wrap a:hover {color: #ffffff;}
.footer_wrap a:hover:after {width: 100%;left: 0;}
.index_page_current .public_head_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);}.index_page_current .public_head_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;}
.index_page_current .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);-webkit-transition-delay: .2s;transition-delay: .2s;}
.index_page_current .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: .3s;
transition-delay: .3s;
}
.index_page_current .index_pro_button_wrap {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.index_page_current .index_brand_tips_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: .3s;
transition-delay: .3s;
}
.index_page_current .index_pro_tab .swiper-slide:nth-child(4n+1) .index_pro_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: .3s;
transition-delay: .3s;
}
.index_page_current .index_pro_tab .swiper-slide:nth-child(4n+2) .index_pro_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: .4s;
transition-delay: .4s;
}
.index_page_current .index_pro_tab .swiper-slide:nth-child(4n+3) .index_pro_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: .5s;
transition-delay: .5s;
}
.index_page_current .index_pro_tab .swiper-slide:nth-child(4n) .index_pro_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: .6s;
transition-delay: .6s;
}
.index_page_current .index_about_button_wrap {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.index_page_current .index_about_media_wrap {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.index_page_current .index_about_data_big:nth-child(2n+1) .index_about_data_li:nth-child(1) .index_about_data_read: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: .6s;
transition-delay: .6s;
}
.index_page_current .index_about_data_big:nth-child(2n+1) .index_about_data_li:nth-child(1) .index_about_data_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: .6s;
transition-delay: .6s;
}
.index_page_current .index_about_data_big:nth-child(2n) .index_about_data_li:nth-child(1) .index_about_data_read:after {
width: 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;
}
.index_page_current .index_about_data_big:nth-child(2n) .index_about_data_li:nth-child(1) .index_about_data_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: .6s;
transition-delay: .6s;
}
.index_page_current .index_about_data_big:nth-child(2n) .index_about_data_li:nth-child(2) .index_about_data_read: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: .6s;
transition-delay: .6s;
}
.index_page_current .index_about_data_big:nth-child(2n) .index_about_data_li:nth-child(2) .index_about_data_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: .6s;
transition-delay: .6s;
}
.index_page_current .index_about_data_big:nth-child(2n+1) .index_about_data_li:nth-child(2) .index_about_data_read:after {
width: 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;
}
.index_page_current .index_about_data_big:nth-child(2n+1) .index_about_data_li:nth-child(2) .index_about_data_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: .6s;
transition-delay: .6s;
}
.index_page_current .index_solution_tab {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.index_page_current .index_solution_nav_wrap {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.index_page_current .index_brand_button_wrap {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.index_page_current .index_brand_read {
-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_page_current .index_brand_min_after {
-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_page_current .index_brand_max_after {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.index_page_current .index_brand_menu_li:nth-child(1) .index_brand_menu_icon:after {
-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_page_current .index_brand_menu_li:nth-child(1) .index_brand_menu_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: 1.1s;
transition-delay: 1.1s;
}
.index_page_current .index_brand_menu_li:nth-child(2) .index_brand_menu_icon:after {
-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;
}
.index_page_current .index_brand_menu_li:nth-child(2) .index_brand_menu_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: 1.3s;
transition-delay: 1.3s;
}
.index_page_current .index_brand_menu_li:nth-child(3) .index_brand_menu_icon:after {
-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.4s;
transition-delay: 1.4s;
}
.index_page_current .index_brand_menu_li:nth-child(3) .index_brand_menu_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: 1.5s;
transition-delay: 1.5s;
}
.index_page_current .index_brand_menu_li:nth-child(4) .index_brand_menu_icon:after {
-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.6s;
transition-delay: 1.6s;
}
.index_page_current .index_brand_menu_li:nth-child(4) .index_brand_menu_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: 1.7s;
transition-delay: 1.7s;
}
.index_page_current .index_brand_menu_li:nth-child(5) .index_brand_menu_icon:after {
-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.8s;
transition-delay: 1.8s;
}
.index_page_current .index_brand_menu_li:nth-child(5) .index_brand_menu_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: 1.9s;
transition-delay: 1.9s;
}
.index_page_current .index_brand_menu_li:nth-child(6) .index_brand_menu_icon:after {
-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_page_current .index_brand_menu_li:nth-child(6) .index_brand_menu_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: 2.1s;
transition-delay: 2.1s;
}
.index_page_current .index_brand_read {
-webkit-animation: brandShadow 3s infinite linear normal both;
animation: brandShadow 3s infinite linear normal both;
}
@keyframes brandShadow {
0% {
-webkit-box-shadow: 0 0.5208333vw 1.5625vw rgba(0, 149, 121, .2);
box-shadow: 0 0.5208333vw 1.5625vw rgba(0, 149, 121, .2);
}
50% {
-webkit-box-shadow: 0 1.041666vw 2.6041666vw rgba(0, 149, 121, .8);
box-shadow: 0 1.041666vw 2.6041666vw rgba(0, 149, 121, .8);
}
100% {
-webkit-box-shadow: 0 0.5208333vw 1.5625vw rgba(0, 149, 121, .2);
box-shadow: 0 0.5208333vw 1.5625vw rgba(0, 149, 121, .2);
}
}
.index_page_current .index_client_button_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: .3s;
transition-delay: .3s;
}
.index_page_current .index_client_earth_box {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1.8s cubic-bezier(.4, 0, .2, 1);
transition: all 1.8s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.index_page_current .index_client_earth_label:nth-child(1) .index_client_earth_svg {
-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;
}
.index_page_current .index_client_earth_label:nth-child(2) .index_client_earth_svg {
-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.6s;
transition-delay: 1.6s;
}
.index_page_current .index_client_earth_label:nth-child(3) .index_client_earth_svg {
-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.9s;
transition-delay: 1.9s;
}
.index_page_current .index_news_button_wrap {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.index_page_current .index_news_tab .swiper-slide:nth-child(4n+1) .index_news_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: .3s;
transition-delay: .3s;
}
.index_page_current .index_news_tab .swiper-slide:nth-child(4n+2) .index_news_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: .4s;
transition-delay: .4s;
}
.index_page_current .index_news_tab .swiper-slide:nth-child(4n+3) .index_news_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: .5s;
transition-delay: .5s;
}
.index_page_current .index_news_tab .swiper-slide:nth-child(4n) .index_news_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: .6s;
transition-delay: .6s;
}
.index_client_menu_show {-webkit-transform: none;transform: none;opacity: 1;}
.public_banner_wrap {height: 90vh;width: 100%;position: relative;z-index: 9;}
.public_banner_box {width: 100%;height: 100%;position: relative;}
.public_banner_img {width: 100%;height: 100%;}
.public_banner_content {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 9;-webkit-align-items: flex-end;align-items: flex-end;padding: 0 3.125vw;}
.public_banner_read {padding-bottom: 6.25vw;width: 100%;}
.public_banner_head {-webkit-align-items: center;align-items: center;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.public_banner_icon {width: 0.7291666vw;height: 1.5625vw;position: relative;margin-right: 2.6041666vw;}
.public_banner_icon:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #ffffff;opacity: 1;-webkit-transform: skew(-45deg);transform: skew(-45deg);-webkit-transform-origin: bottom center;transform-origin: bottom center;-webkit-transition: all .6s ease;transition: all .6s ease;}
.public_banner_en {font-size: 5.208333vw;line-height: 5.7291666vw;color: #ffffff;margin-top: 1.041666vw;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.public_banner_title {font-size: 2.08333vw;line-height: 2.6041666vw;color: #ffffff;}
.public_center {padding: 0 3.125vw;}

@media (max-width:1280px){
.public_banner_wrap{height: 60vh;}
}
.pro_nav_head_wrap {
width: 100%;
position: relative;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.pro_nav_head_box {
width: 18.888%;
-webkit-align-items: center;
align-items: center;
padding: 1.041666vw 0;
position: relative;
}
.pro_nav_head_box:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0.1041666vw;
background: #333333;
}
.pro_nav_head_icon {
width: 1.5625vw;
margin-right: 1.041666vw;
}
.pro_nav_head_icon svg {
fill: #e60012;
}
.pro_nav_head_text {
font-size: 1.5625vw;
line-height: 2.08333vw;
color: #e60012;
font-weight: bold;
max-width: calc(100% - 2.6041666vw);
}
.pro_page_box {position: relative;z-index: 9;}
.pro_page_content {padding: 4.6875vw 0;}
.pro_nav_box {opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.pro_nav_wrap {width: 18.888%;}
.pro_list_wrap {width: 81.112%;padding-left: 5.5208333vw;}
.pro_list_wrap2{width: 100%; margin:0 auto 0 auto}
.pro_list_wrap2 .pro_child_item_img img{max-width: 100%}
.pro_nav_ul {margin-top: 1.5625vw;}
.pro_nav_item_box a {width: 100%;padding: 1.30208333vw 0;-webkit-justify-content: space-between;justify-content: space-between;position: relative;}
.pro_nav_item_box:after {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #e5e5e5;}
.pro_nav_item_box .pro_nav_sub_item_box a {color: #555;font-size: 0.78125vw;line-height:1.1458333vw;padding: 0.5208333vw 1.0416667vw;-webkit-transition: all .6s ease;transition: all .6s ease;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-box-sizing: border-box;box-sizing: border-box;}
.pro_nav_item_box .pro_nav_sub_item_box .pro_nav_sub_item_box_line {margin-right: 0.5208333vw;-webkit-transition: all .6s ease;transition: all .6s ease;}
.pro_nav_item_box .pro_nav_sub_item_active a,.pro_nav_item_box .pro_nav_sub_item_box a:hover {color: #e60012;}
.pro_nav_item_box .pro_nav_sub_item_box a:hover .pro_nav_sub_item_box_line{
-webkit-transform: translateX(0.15vw);
transform: translateX(0.15vw);
}
.pro_nav_sub_item_wrap {
display: none;
}
.pro_nav_item_active .pro_nav_sub_item_wrap {
display: block;
}
.pro_nav_item_text {
max-width: calc(100% - 3.2291666vw);
font-size: 0.88541666vw;
line-height: 1.3541666vw;
color: #333333;
font-weight: bold;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.pro_nav_item_box {
position: relative;
}
.pro_nav_item_icon {
display: none!important;
width: 1.6666vw;
-webkit-transform: translateX(-1.5625vw);
transform: translateX(-1.5625vw);
opacity: 0;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.pro_nav_item_icon svg {
fill: #269d86;
}
.pro_nav_item_active .pro_nav_item_text {
color: #e60012;
}
.pro_nav_item_active .pro_nav_item_icon {
-webkit-transform: none;
transform: none;
opacity: 1;
}
.pro_nav_item_box:hover .pro_nav_item_text {
color: #e60012;
}
.pro_nav_item_box:hover .pro_nav_item_icon {
-webkit-transform: none;
transform: none;
opacity: 1;
}
.pro_nav_item_symbol {
position: absolute;
right: 0;
top: 0;
height: 4.01041653vw;
width: 1.7708332vw;
cursor: pointer;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.pro_nav_item_symbol_inner {
position: absolute;
right: 0;
top: 50%;
margin-top: -0.44270833vw;
height: 0.88541666vw;
width: 0.88541666vw;
}
.pro_nav_item_symbol .symbol_line1, .pro_nav_item_symbol .symbol_line2 {
background: #222;
position: absolute;
}
.pro_nav_item_symbol .symbol_line1 {
width: 2px;
left: 50%;
top: 0;
height: 100%;
margin-left: -1px;
}
.pro_nav_item_symbol .symbol_line2 {
height: 2px;
top: 50%;
left: 0;
width: 100%;
margin-top: -1px;
}
.pro_nav_item_box:hover .symbol_line1, .pro_nav_item_box:hover .symbol_line2 {
background: #e60012;
}
.pro_nav_item_active .symbol_line1, .pro_nav_item_active .symbol_line2 {
background: #e60012;
}
.pro_nav_item_active .symbol_line1,.pro_nav_item_hover .symbol_line1 {
display: none;
}
.pro_nav_item_active_slide_up .symbol_line1 {
display: block;
}
.pro_tips_wrap {
position: relative;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.pro_tips_label {
margin-right: 0.7291666vw;
}
.pro_tips_label a {
padding: 0.5208333vw 2.08333vw;
background: #ededed;
font-size: 0.8333vw;
line-height: 1.041666vw;
color: #e60012;
-webkit-border-radius: 0.5208333vw;
border-radius: 0.5208333vw;
}
.pro_tips_active a {
background: #e60012;
color: #ffffff;
}
.pro_child_item_box {
width: 32.0192%;
margin: 0 15px 1.4712% 0;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}

.pro_child_item_box a {background: #ffffff;display: block;-webkit-border-radius: 0.78125vw;border-radius: 0.78125vw;padding: 0;-webkit-transition: all .6s ease;transition: all .6s ease;}
.pro_child_item_content {-webkit-transition: all .6s ease;transition: all .6s ease;}
.pro_child_item_head {padding-bottom: 74.8421%;position: relative;}
.pro_child_item_pic {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.pro_child_item_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;background: #ffffff;/*padding: 5.208333vw 6.25vw;*/overflow: hidden;-webkit-border-radius: 0.78125vw 0.78125vw 0 0;border-radius: 0.78125vw 0.78125vw 0 0;-webkit-transition: all .6s ease;transition: all .6s ease;}
.pro_child_item_img img {width: auto;height: auto;max-width: 100%;-webkit-transition: all .6s ease;transition: all .6s ease;}
.pro_page_wrap {position: relative;overflow: hidden;}
.pro_page_back {position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;overflow: hidden;}
.pro_page_back img {position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;}
.pro_child_item_read {padding: 1.5625vw 0 1.5625vw 0;}
.pro_child_item_title {font-size:22px;line-height: 1.5625vw;color: #333333;text-align: center;-webkit-transition: all .6s ease;transition: all .6s ease;}
.pro_list_content {padding-bottom: 1.041666vw;}
.pro_child_item_box a:hover {background: #095bac;}
.pro_child_item_box a:hover .pro_child_item_title {color: #ffffff;}
.pro_child_item_box a:hover .pro_child_item_img img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.pro_child_item_button {position: absolute;z-index: 999;left: 0;top: 0;margin-top: -1.5625vw;margin-left: -1.5625vw;pointer-events: none;}
.pro_child_item_btn {width: 3.125vw;height: 3.125vw;-webkit-border-radius: 100%;border-radius: 100%;background: #e60012;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all .3s ease;transition: all .3s ease;}
.pro_child_item_btn svg {fill: #ffffff;width: 26.666%;}
.pro_child_item_show .pro_child_item_btn {-webkit-transform: none;transform: none;}
/*内页案例*/
.clear{clear:both;}
.clearfix:after{height:0;content:".";visibility:hidden;display:block;clear:both;}
.honor_cont { width: 100%; margin:0% auto 0 auto;}
.honor_cont .wrap{display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;flex-wrap: wrap; }
.honor_cont li {width: 24%;margin: 0 0.5% 50px;box-sizing: border-box;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;border-bottom: #ccc 1px solid; background: #fff;}
.honor_cont .allist_con {-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;position: relative;top: 0;overflow: hidden}
.honor_cont .allist_con a {display: block;overflow: hidden;}
.honor_cont .allist_img img {display: block;transition: all ease 1s;width: 95%}
.honor_cont .allist_img:hover img {transform: scale(1.1);opacity: 0.85;filter: alpha(opacity=85);}
.honor_cont .allist_con a i {display: block;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));transform: skewx(-25deg);-o-transform: skewx(-25deg);-moz-transform: skewx(-25deg);-webkit-transform: skewx(-25deg);}
.honor_cont .allist_con a:hover i {transition: all .3s ease;left: 100%}
.honor_cont .allist_con .allist_text {padding: 10px 0 15px 0;position: relative; text-align: center; font-size: 16px;}
.honor_cont .allist_con .allist_text h3 {display: block;color: #333;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 10px 0;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.honor_cont .allist_con .allist_text p {color: #666;}
.honor_cont .allist_con:hover h3 a {color: #e70010}
.honor_cont .allist_con::after {content: "";position: absolute;right: 100%;bottom: 0;width: 100%;height: 6px;background-color: #e70010;opacity: 0;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';filter: alpha(Opacity=0);-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.honor_cont .allist_con:hover::after {right: 0;opacity: 1;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';filter: alpha(Opacity=100)}
.honor_cont .allist_con .allist_text .icon img {width: 110px;display: block;position: absolute;top: -30px;right: 15px;}

@media screen and (max-width:1023px) {
    .honor_cont li{width: 100%;}
  .honor_cont .allist_con .allist_text .icon img {width:90px;}  
}
.public_pagination_wrap {-webkit-justify-content: center;justify-content: center;opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.public_pagination_box { line-height: 36px;background: #f2f2f2; padding: 0 10px;;font-size: 15px;
-webkit-justify-content: center;
justify-content: center;
}
.public_pagination_box a {
width: 2.3958333vw;
height: 2.3958333vw;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
margin: 0 0.41666vw;
position: relative;
font-size: 0.9375vw;
}
.public_pagination_box a:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 0.1041666vw solid #339d87;
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: 0.1041666vw solid #e0e0df;
opacity: 1;
}
.public_pagination_box a.public_pagination_current:after {
opacity: 1;
}
.public_pagination_box a svg {
width: 15.2173%;
fill: #333333;
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: #e60012;border: 0.1041666vw solid #e60012;}
.public_pagination_box a.public_pagination_next:hover svg,
.public_pagination_box a.public_pagination_prev:hover svg {fill: #ffffff;}
.pro_details_banner_wrap {width: 100%;height: 100vh;position: relative;}
.pro_details_banner_back {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.pro_details_banner_box {
position: relative;
z-index: 9;
width: 100%;
height: 100%;
-webkit-align-items: center;
align-items: center;
}
.pro_details_banner_content {
width: 100%;
padding: 0 3.3333vw;
margin-top: 2.34375vw;
}
.pro_details_banner_content_inner {
width: 100%;
padding-top: 2.34375vw;
}
.pro_details_banner_content_tree {
font-size: 16px;
line-height: 1.5625vw;
color: #888;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin: 0 5.7291666vw;
}
.pro_details_banner_content_tree .color {
color: #14947d;
}
.pro_details_banner_big {
width: 50%;
}
.pro_banner_button_box {
width: 2.86458333vw;
height: 2.86458333vw;
-webkit-border-radius: 100%;
border-radius: 100%;
position: relative;
-webkit-align-items: center;
align-items: center;
webkit-justify-content: center;
justify-content: center;
cursor: pointer;
outline: none;
}
.pro_banner_button_box:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 0.1041666vw solid #d7d7d7;
pointer-events: none;
-webkit-border-radius: 100%;
border-radius: 100%;
box-sizing: border-box;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.pro_banner_button_box:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #e60012;
-webkit-transform: scale(0);
transform: scale(0);
pointer-events: none;
-webkit-border-radius: 100%;
border-radius: 100%;
z-index: 1;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.pro_banner_prev .pro_banner_button_box {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.pro_banner_prev {
-webkit-transform: translateX(6vw);
transform: translateX(6vw);
opacity: 0;
pointer-events: none;
}
.pro_banner_next {
-webkit-transform: translateX(-6vw);
transform: translateX(-6vw);
opacity: 0;
pointer-events: none;
}
.pro_banner_button_icon {
position: relative;
z-index: 9;
width: 47.3%;
}
.pro_banner_button_icon svg {
width: 100%;
display: block;
fill: #333333;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.pro_banner_button_box:hover:after {
opacity: 0;
}
.pro_banner_button_box:hover:before {
-webkit-transform: none;
transform: none;
}
.pro_banner_button_box:hover .pro_banner_button_icon svg {
fill: #ffffff;
}
.pro_details_banner_pack {
width: calc(100% - 5.7291666vw);
padding: 0 2.6041666vw;
}
.pro_details_banner_parcel {
width: 100%;
padding-bottom: 100%;
position: relative;
opacity: 0;
pointer-events: none;
-webkit-transform: translateX(-6vw);
transform: translateX(-6vw);
}
.pro_details_tab_wrap {
background: rgba(255, 255, 255, .7);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;

}
.pro_details_pagination_wrap {
position: absolute;
left: 0;
bottom: 1.82291666vw;
width: 100%;
-webkit-justify-content: center;
justify-content: center;
}
.pro_details_pagination_text {
font-size: 1.1458333vw;
line-height: 1.25vw;
color: #999999;
margin: 0 0.15625vw;
}
.pro_details_pagination_current {
color: #e60012;
}
.pro_details_banner_tab {
width: 100%;
height: 100%;
}
.pro_details_item_box {
width: 100%;
height: 100%;
position: relative;
/*padding: 5.7291666vw;*/
}
.pro_details_item_img {
width: 100%;
height: 100%;
position: relative;
-webkit-align-items: center;
align-items: center;
webkit-justify-content: center;
justify-content: center;
}
.pro_details_item_img img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.pro_banner_tab_wrap {
-webkit-align-items: center;
align-items: center;
}
.pro_details_banner_bundle {
width: 50%;
padding-left: 6.7708333vw;
-webkit-align-content: space-between;
align-content: space-between;
opacity: 0;
pointer-events: none;
-webkit-transform: translateX(6vw);
transform: translateX(6vw);
}
.pro_details_subtitle {
font-size: 0.9375vw;
line-height: 1.458333vw;
color: #e60012;
font-weight: bold;
margin-bottom: 1.30208333vw;
}
.pro_details_subtitle_split {
color: #222222;
margin:0 .25em;
}
.pro_details_title {
font-size: 1.5625vw;
line-height: 2.08333vw;
color: #222222;
font-weight: bold;
margin-bottom: 2.08333vw;
}
.pro_details_text {
font-size: 16px;
line-height: 1.5625vw;
color: #222222;
margin-top: 2.08333vw;
}
.pro_details_tips_wrap {
margin: 3.125vw 0;
}
.pro_details_tips_text {
font-size: 0.8333vw;
line-height: 1.3541666vw;
color: #222222;
font-weight: bold;
margin-bottom: 0.78125vw;
}
.pro_details_tips_text:last-child {
margin-bottom: 0;
}
.pro_details_line {
width: 100%;
height: 1px;
position: relative;
}
.pro_details_line:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #e4e4e4;
}
.pro_details_banner_area {
width: 100%;
}
.pro_details_banner_button {
width: 100%;
margin-top: 2.08333vw;
}
.pro_details_bundle_btn a {-webkit-border-radius: 1.51041666vw;border-radius: 1.51041666vw;background: #e60012;width: 10vw;-webkit-justify-content: center;justify-content: center;}
.pro_details_bundle_text {font-size:16px;line-height: 3.0208333vw;color: #ffffff;}
.pro_details_bundle_icon {
width: 1.25vw;
margin-left: -1.25vw;
opacity: 0;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.pro_details_bundle_icon svg {
fill: #fff;
display: block;
width: 100%;
}
.pro_details_bundle_btn a:hover .pro_details_bundle_icon {
margin-left: 0.8333vw;
opacity: 1;
}
.pro_module_wrap {
padding: 0 0 6.7708333vw 0;
}
.pro_module_box {padding: 0 3.9791666vw;}
.pro_module_content {
position: relative;
align-items: flex-start;
}
.pro_module_menu_wrap {
width: 15.75342%;
position: sticky;
left: 0;
}
.pro_module_menu_box {
position: relative;
margin-top: 4.6875vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.pro_module_menu_after {
height: 3.4375vw;
position: absolute;
left: -1px;
top: 0;
width: 100%;
z-index: 2;
}
.pro_module_menu_after:after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 0.15625vw;
background: #e60012;
z-index: 2;
}
.pro_module_menu_after:before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-image: linear-gradient(to right, rgba(221, 240, 236, 1) 20%, rgba(221, 240, 236, 0));
z-index: 1;
}
.pro_module_menu_tab {
position: relative;
}
.pro_module_menu_tab:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 100%;
background: #e8e8e8;
z-index: 1;
}
.pro_module_menu_li {
margin-bottom: 0.78125vw;
position: relative;
z-index: 9;
}
.pro_module_menu_li:last-child {
margin-bottom: 0;
}
.pro_module_menu_li:after {
content: "";
position: absolute;
left: -0.15625vw;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 0.36458333vw;
height: 0.36458333vw;
-webkit-border-radius: 100%;
border-radius: 100%;
background: #e2e2e2;
}
.pro_module_menu_li a {
display: block;
padding-left: 2.291666vw;
}
.pro_module_menu_text {
font-size: 0.9375vw;
line-height: 1.3541666vw;
color: #333333;
padding: 1.041666vw 0;
}
.pro_module_menu_active:after {
opacity: 0;
}
.pro_module_menu_active .pro_module_menu_text {color: #e60012;font-weight: bold;}
.pro_module_details_wrap {width: 84.24658%;}
.pro_module_details_box {position: relative;padding: 4.6875vw 0 0 0;}
.pro_module_introduce_wrap {
position: relative;
padding: 2.08333vw 0 0 0;
}
.pro_module_introduce_wrap:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 0;
height: 1px;
background: #f0f0f0;
}
.ProModuleIntroduceAfter:after {
width: 100%;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.pro_module_introduce_box {
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.pro_module_introduce_head {
width: 16.59751%;
padding-right: 2.08333vw;
}
.pro_module_introduce_title {
font-size: 1.5625vw;
line-height: 2.08333vw;
color: #222222;
font-weight: bold;
}
.pro_module_introduce_content {
width: 83.40249%;
font-size: 0.8333vw;
line-height: 1.30208333vw;
color: #333333;
}
.pro_module_introduce_bjq {
font-size: 0.88541666vw;
line-height: 1.3541666vw;
color: #666666;
}
.pro_module_introduce_pic {
margin-top: 2.6041666vw;
position: relative;
}
.pro_module_introduce_bjq img {
max-width: 100%;
width: auto;
display: inline-block;
}
.pro_apply_item_box {
padding: 1.041666vw 1.5625vw;
-webkit-align-items: center;
align-items: center;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
}
.pro_apply_item_box:nth-child(2n) {
background: #f7f7f7;
}
.pro_apply_item_icon {
width: 0.36458333vw;
height: 0.36458333vw;
margin-right: 1.5625vw;
-webkit-border-radius: 100%;
border-radius: 100%;
background: #aaaaaa;
}
.pro_apply_item_text {
font-size: 0.8333vw;
line-height: 1.30208333vw;
color: #333333;
font-weight: bold;
max-width: calc(100% - 1.92708333vw);
}
.pro_argument_box {
font-size: 0.8333vw;
line-height: 1.30208333vw;
color: #333333;
}
.pro_argument_box img {
width: auto;
max-width: 100%;
display: inline-block;
}
.pro_down_item_box {
-webkit-align-items: center;
align-items: center;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
}
.pro_down_item_box:nth-child(2n) {
background: #f7f7f7;
}
.pro_down_item_box a {
padding: 1.041666vw 1.5625vw;
width: 100%;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.pro_down_item_read {
-webkit-align-items: center;
align-items: center;
width: calc(100% - 1.5625vw);
}
.pro_down_item_top {
width: 0.9375vw;
}
.pro_down_item_top svg {
fill: #e60012;
width: 100%;
display: block;
}
.pro_apply_item_icon {
width: 0.36458333vw;
height: 0.36458333vw;
margin-right: 1.5625vw;
-webkit-border-radius: 100%;
border-radius: 100%;
background: #aaaaaa;
}
.pro_video_box {
position: relative;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
overflow: hidden;
}
.pro_video_img {
padding-bottom: 56.2%;
}
.pro_video_button {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
cursor: pointer;
}
.pro_video_btn {
width: 4.1666vw;
height: 4.1666vw;
position: relative;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.pro_video_btn:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, .3);
border: 1px solid #ffffff;
box-sizing: border-box;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.pro_video_icon {
position: relative;
z-index: 9;
width: 27.5%;
}
.pro_video_icon svg {
fill: #fff;
width: 100%;
display: block;
}
.pro_related_wrap {
margin-top: 4.6875vw;
}
.pro_related_head {
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.pro_related_title {
font-size: 1.5625vw;
line-height: 2.08333vw;
color: #222222;
font-weight: bold;
}
.pro_related_tab .pro_child_item_box {
width: 100%;
margin: 0;
}
.pro_related_tab .pro_child_item_box a {
background: #f6f6f6;
}
.pro_related_tab .pro_child_item_img {
background: #f6f6f6;
}
.pro_related_tab .pro_child_item_box a:hover {
background: #e60012;
}
.pro_related_content {
margin-top: 2.6041666vw;
}
.solution_page_wrap {
position: relative;
overflow: hidden;
}
.solution_page_box {
position: relative;
z-index: 9;
}
.solution_page_head_wrap {
padding: 6.7708333vw 0 3.6458333vw 0;
}
.solution_page_head_box {
padding: 0 3.125vw;
}
.solution_page_head_title {
font-size: 2.1875vw;
line-height: 2.708333vw;
color: #222222;
font-weight: bold;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
@media screen and (min-width: 1201px) {
.pro_tips_wrap {
min-height: 2.06vw;
}
.xiao_guo_liang {
position: absolute;
top: 0;
right: 0;
}
.xiao_guo_liang + div {
padding-right: 13vw;
}
}
.xiao_guo_liang {
width: 12.5vw;
height: 2.06vw;
z-index: 100;
}
.xiao_guo_liang_hasnav {
margin-top: 1.00125vw;
}
.xgl_search_wrap {
border: 1px solid #cccccc;
position: relative;
width: 100%;
height: 100%;
box-sizing: border-box;
border-radius: 99999vw;
}
.xgl_search_wrap input {
margin-left: 0.9375vw;
width: -webkit-calc(100% - 3.75vw);
width: calc(100% - 3.75vw);
background: none;
border: none;
font-size: 0.78vw;
height: 1.875vw;
line-height: 1.875vw;
margin-top: -webkit-calc(.0925vw - 1px);
margin-top: calc(.0925vw - 1px);
color: #333333;
}
.xgl_search_btn {
position: absolute;
top: 50%;
right: 0.0925vw;
width: 1.875vw;
height: 1.875vw;
line-height: 1.875vw;
margin-top: -0.9375vw;
font-size: .9375vw;
cursor: pointer;
}
.xgl_search_btn svg {
position: absolute;
top: 50%;
left: 50%;
margin-top: -30%;
margin-left: -30%;
width: 60%;
height: 60%;
display: block;
fill: #1b9881;
}
.solution_page_menu_wrap {
position: relative;
margin-top: 2.34375vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.solution_page_menu_wrap:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #ebebeb;
}
.solution_page_menu_wrap_for_product {
display: none;
}
.pro_tips_wrap .solution_page_menu_wrap {
position: relative;
margin-top: 0;
margin-bottom: 2.8645833vw;
opacity: 1;
pointer-events: auto !important;
-webkit-transform: none;
transform: none;
}
.solution_page_menu_li {
margin-right: 5.7291666vw;
position: relative;
z-index: 9;
}
.pro_tips_wrap .solution_page_menu_li {margin-right: 2.8645833vw;}
.solution_page_menu_li a {font-size: 16px;line-height: 4.0625vw;color: #222222;-webkit-transition: all .6s ease;transition: all .6s ease;position: relative;}
.solution_page_menu_li a:after {
content: "";
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
width: 0;
height: 0.15625vw;
background: #e60012;
z-index: 2;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.solution_page_menu_active a {
font-weight: bold;
color: #e60012;
}
.solution_page_menu_active a:after {
width: 100%;
}
.solution_page_menu_default a {
font-weight: normal;
color: #222222;
}
.solution_page_menu_default a:after {
width: 0;
}
.solution_page_menu_hover a {
font-weight: bold;
color: #e60012;
}
.solution_page_menu_hover a:after {
width: 100%;
}
.solution_area_box {
position: relative;
}
.solution_area_photo {
width: 0;
position: absolute;
top: 0;
height: 100%;
overflow: hidden;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.solution_area_pic {
width: 50vw;
height: 100%;
overflow: hidden;
position: relative;
}
.solution_area_img {
position: absolute;
left: 0;
top: -20%;
width: 100%;
height: 140%;
-webkit-transition: all .1s ease;
transition: all .1s ease;
}
.solution_area_content {
width: 100%;
padding: 3.6458333vw 0 5.208333vw 0;
}
.solution_area_box:nth-child(2n+1) {
padding-left: 50%;
}
.solution_area_box:nth-child(2n+1) .solution_area_photo {
right: 50%;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.solution_area_box:nth-child(1) .solution_area_pic {
-webkit-border-radius: 0 0.78125vw 0 0;
border-radius: 0 0.78125vw 0 0;
}
.solution_area_box:nth-child(2n+1) .solution_area_pic {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.solution_area_box:nth-child(2n+1) .solution_area_big {
padding: 0 3.125vw 0 4.1666vw;
}
.solution_area_box:nth-child(2n) {
padding-right: 50%;
}
.solution_area_box:nth-child(2n) .solution_area_photo {
left: 50%;
}
.solution_area_box:nth-child(2n) .solution_area_big {
padding: 0 4.1666vw 0 3.125vw;
}
.AddSolutionAreaPhoto {
width: 50%;
}
.solution_area_number_wrap {
-webkit-transform-origin: left top;
transform-origin: left top;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.solution_area_number_box {
width: 7.8125vw;
height: 5.208333vw;
-webkit-transform: skewY(-20deg);
transform: skewY(-20deg);
-webkit-transform-origin: left top;
transform-origin: left top;
overflow: hidden;
}
.solution_area_number_text {
font-size: 5.208333vw;
line-height: 5.7291666vw;
-webkit-text-stroke: 1px #e60012;
color: transparent;
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: skewY(20deg);
transform: skewY(20deg);
font-style: italic;
}
.solution_area_head {
position: relative;
z-index: 9;
}
.solution_area_title {
font-size: 2.6041666vw;
line-height: 3.125vw;
color: #333333;
margin-top: 0.5208333vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.solution_area_pack {
margin-top: 7.291666vw;
}
.solution_area_read {
font-size: 0.78125vw;
line-height: 1.7708333vw;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2.86458333vw);
transform: translateY(2.86458333vw);
}
.solution_area_tab {
padding-bottom: 2.86458333vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.solution_area_tab .swiper-slide-active .solution_area_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);
}
.solution_area_menu_content {
position: relative;
background: rgba(255, 255, 255, .5);
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
overflow: hidden;
}
.solution_area_menu_wrap {
padding-top: 0.47vw;
position: relative;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.solution_area_menu_icon {
width: 8.2291666vw;
height: 0.5208333vw;
position: absolute;
left: 0;
top: 0;
-webkit-justify-content: center;
justify-content: center;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.solution_area_menu_icon:after {
content: "";
width: 0;
height: 0;
border-left: 0.5208333vw solid transparent;
border-right: 0.5208333vw solid transparent;
border-bottom: 0.5208333vw solid #e60012;
}
.solution_area_menu_after {
position: absolute;
left: 0;
top: 0;
width: 8.2291666vw;
height: 100%;
background: #e60012;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.solution_area_menu_box {
position: relative;
}
.solution_area_menu_li {
font-size: 0.8333vw;
line-height: 3.6458333vw;
color: #888888;
width: 8.2291666vw;
text-align: center;
cursor: pointer;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.solution_area_menu_active {
color: #ffffff;
font-weight: bold;
font-size: 0.9375vw;
}
.brand_page_wrap {
position: relative;
overflow: hidden;
}
.brand_page_box {
position: relative;
z-index: 9;
}
.brand_make_wrap {
padding: 7.8125vw 0;
}
.brand_make_box {
padding: 0 3.125vw;
}
.brand_make_big {
width: 42.7777%;
padding-right: 4.1666vw;
}
.brand_make_title {
font-size: 2.1875vw;
line-height: 2.708333vw;
color: #222222;
font-weight: bold;
}
.brand_make_text {
font-size: 2.08333vw;
line-height: 2.86458333vw;
color: #222222;
margin-top: 2.08333vw;
}
.brand_make_menu_wrap {
margin-top: 3.6458333vw;
}
.brand_make_menu_box {
margin-bottom: 2.08333vw;
}
.brand_make_menu_box:last-child {
margin-bottom: 0;
}
.brand_make_menu_title {
font-size: 1.25vw;
line-height: 1.7708333vw;
color: #222222;
font-weight: bold;
}
.brand_make_menu_read {
font-size: 18px;
line-height: 36px;
color: #666666;
margin-top: 0.78125vw;
}
.brand_make_content {
width: 57.2223%;
}
.brand_make_item_box {
width: 32.03883%;
margin: 0 1.941755% 0 0;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.brand_make_item_box:nth-child(3n) {
margin: 0;
}
.brand_make_item_box:last-child {
margin: 0;
}
.brand_make_item_box:hover {
transform: scale(1.05);
}
.brand_make_item_max {
position: relative;
padding-bottom: 100%;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
overflow: hidden;
}
.brand_make_item_width {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.brand_make_item_details {
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;
}
.brand_make_item_animate {
min-width: max-content;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.brand_make_item_big {
position: relative;
overflow: hidden;
width: 17.1875vw;
height: 100%;
-webkit-align-content: center;
align-content: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.brand_make_item_back {
position: relative;
width: 100%;
padding-bottom: 100%;
}
.brand_make_item_read {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
padding: 1.30208333vw;
-webkit-align-content: space-between;
align-content: space-between;
background: #ffffff;
}
.brand_make_item_number {
width: 100%;
font-size: 1.3541666vw;
line-height: 1.5625vw;
color: #222222;
}
.brand_make_item_head {
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: flex-end;
align-items: flex-end;
width: 100%;
}
.brand_make_item_title {font-size: 20px;line-height: 1.25vw;color: #222222;font-weight: bold;width: calc(100% - 2.291666vw);}
.brand_make_item_icon {
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-align-items: center;
align-items: center;
width: 1.25vw;
height: 1.25vw;
}
.brand_make_item_icon:after {
content: "";
width: 0;
height: 0;
border-left: 0.3125vw solid transparent;
border-right: 0.3125vw solid transparent;
border-bottom: 0.5208333vw solid #999999;
-webkit-transform: none;
transform: none;
}
.brand_make_item_right:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.brand_make_item_bottom:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.brand_make_tab {
margin-bottom: 1.041666vw;
}
.brand_make_tab:last-child {
margin-bottom: 0;
}
.brand_make_tab:nth-child(2) {
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.brand_make_item_pic .brand_make_item_read {background: rgba(0, 0, 0, .5);}
.brand_make_item_pic .brand_make_item_number {
color: #ffffff;
}
.brand_make_item_pic .brand_make_item_title {
color: #ffffff;
}
.brand_make_item_pic .brand_make_item_icon:after {
border-bottom: 0.5208333vw solid #ffffff;
}
.brand_control_wrap {
position: relative;
}
.brand_control_back {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.brand_control_wrap {
padding: 6.7708333vw 0 7.8125vw 0;
}
.brand_control_box {
position: relative;
z-index: 9;
padding: 0 3.125vw;
}
.brand_control_head_wrap .brand_make_title {
color: #ffffff;
}
.brand_control_head_wrap .brand_make_text {
color: #ffffff;
}
.brand_control_item_box {
width: 24.3333%;
margin: 0 0.8889333% 0 0;
position: relative;
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
pointer-events: none;
}
.brand_control_item_box:nth-child(4n) {
margin: 0;
}
.brand_control_item_content {
padding-bottom: 66.894977%;
position: relative;
}
.brand_control_item_big {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
padding: 1.5625vw 1.82291666vw 1.041666vw 1.82291666vw;
-webkit-align-content: space-between;
align-content: space-between;
}
.brand_control_item_head {
width: 100%;
}
.brand_control_item_icon {
width: 2.86458333vw;
height: 2.86458333vw;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.brand_control_item_icon svg {
fill: #ffffff;
width: 100%;
height: auto;
max-width: 100%;
max-height: 100%;
}
.brand_control_item_read {
width: 100%;
}
.brand_control_item_title {
font-size: 18px;
line-height: 1.5625vw;
color: #ffffff;
font-weight: bold;
}
.brand_control_item_text {
font-size:16px;
line-height:26px;
color: rgba(255, 255, 255, .7);
margin-top: 1.041666vw;
}
.brand_control_content {
margin-top: 4.6875vw;
}
.brand_control_item_button {z-index: 99;
width: 2.5vw;
height: 2.5vw;
position: absolute;
right: -1.6666vw;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.brand_control_item_btn {
width: 100%;
height: 100%;
background: #e60012;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.brand_control_item_jt {
width: 41.666%;
}
.brand_control_item_jt svg {
fill: #ffffff;
width: 100%;
display: block;
}
.brand_control_item_box:nth-child(4n) .brand_control_item_button {
display: none;
}
.brand_patent_wrap {
position: relative;
padding: 7.291666vw 0 6.7708333vw 0;
}
.brand_patent_box {
padding: 0 3.125vw;
}
.brand_patent_big {
width: 38.8888%;
}
.brand_patent_content {
width: 61.1112%;
}
.brand_patent_menu_wrap {
margin-top: 7.291666vw;
}
.brand_patent_menu_li {
margin-bottom: 1.82291666vw;
}
.brand_patent_menu_li:last-child {
margin-bottom: 0;
}
.brand_patent_menu_li a {
position: relative;
font-size: 1.3541666vw;
line-height: 2.291666vw;
color: #222222;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.brand_patent_menu_li a:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 0.15625vw;
background: #e60012;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.brand_patent_menu_active a {
color: #e60012;
font-weight: bold;
}
.brand_patent_menu_active a:after {
width: 100%;
left: 0;
}
.brand_patent_menu_default a {
color: #222222;
font-weight: normal;
}
.brand_patent_menu_default a:after {
width: 0;
right: 0;
}
.brand_patent_menu_hover a {
color: #e60012;
font-weight: bold;
}
.brand_patent_menu_hover a:after {
width: 100%;
left: 0;
}
.brand_patent_item_box {
position: relative;
margin-bottom: 0.78125vw;
cursor: pointer;
outline: none;
background: #ffffff;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
}
.brand_patent_item_box:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 0;
height: 100%;
background: #e60012;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.brand_patent_item_box:last-child {
margin-bottom: 0;
}
.brand_patent_item_pic {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 13.454545%;
z-index: 9;
width: 7.91666vw;
pointer-events: none;
}
.brand_patent_item_img {
padding-bottom: 145.394%;
opacity: 0;
-webkit-transition: all .6s ease;
transition: all .6s ease;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.brand_patent_item_content {
width: 100%;
position: relative;
z-index: 9;
padding: 0 2.08333vw;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.brand_patent_item_tips {
position: relative;
width: 22.549%;
overflow: hidden;
}
.brand_patent_item_number {
position: absolute;
left: 0;
top: 0;
width: 100%;
font-size: 7.291666vw;
line-height: 7.291666vw;
color: #d1d1d1;
background: linear-gradient(to bottom, rgba(240, 240, 240, 1), rgba(246, 246, 246, 0) 70%);
background: -webkit-linear-gradient(to bottom, rgba(240, 240, 240, 1), rgba(246, 246, 246, 0) 70%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.brand_patent_item_big {
-webkit-align-items: center;
align-items: center;
width: 77.451%;
}
.brand_patent_item_title {
font-size: 0.9375vw;
line-height: 1.5625vw;
color: #222222;
padding: 1.5625vw 0;
width: calc(100% - 2.291666vw);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.brand_patent_item_icon {
width: 1.25vw;
}
.brand_patent_item_icon svg {
fill: #c9c9c9;
width: 100%;
display: block;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.brand_patent_item_box:hover:after {
width: 100%;
}
.brand_patent_item_box:hover .brand_patent_item_number {
opacity: .2;
}
.brand_patent_item_box:hover .brand_patent_item_title {
color: #ffffff;
}
.brand_patent_item_box:hover .brand_patent_item_icon svg {
fill: #ffffff;
}
.brand_patent_item_box:hover .brand_patent_item_img {
opacity: 1;
-webkit-transform: none;
transform: none;
}
.brand_patent_pagination_wrap {
margin-top: 3.125vw;
}
.brand_patent_pagination_box {
-webkit-justify-content: center;
justify-content: center;
}
.brand_patent_pagination_li {
width: 0.625vw;
height: 0.625vw;
-webkit-border-radius: 100%;
border-radius: 100%;
overflow: hidden;
margin: 0 0.3125vw;
}
.brand_patent_pagination_li a {
display: block;
width: 100%;
height: 100%;
position: relative;
cursor: pointer;
}
.brand_patent_pagination_li a:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 0.1041666vw solid #ccc;
box-sizing: border-box;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.brand_patent_pagination_active a:after {
background: #e60012;
border: 0.1041666vw solid #e60012;
}
.brand_patent_pagination_li a:hover:after {
background: #e60012;
border: 0.1041666vw solid #e60012;
}
.brand_popup_wrap {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100vh;
z-index: 9999;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
opacity: 0;
pointer-events: none;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.brand_popup_close {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .8);
z-index: 2;
cursor: pointer;
}
.brand_popup_box {
width: 60%;
height: 100%;
position: relative;
z-index: 9;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
pointer-events: none;
}
.brand_popup_content {
height: 90%;
width: 100%;
position: relative;
}
.brand_popup_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;
}
.brand_popup_pic img {width: auto;height: auto;max-height: 100%;max-width: 100%;}
.brand_popup_show {opacity: 1;pointer-events: auto;}
.brand_popup_show .brand_popup_pic img {pointer-events: auto;}
.about_page_wrap {position: relative;overflow: hidden;z-index: 9;}
.about_page_box {position: relative;z-index: 9;overflow: hidden;}
.about_intro_wrap {padding: 7.291666vw 0 0 0;}
.about_intro_box {    padding: 0 3.125vw;}
.about_intro_box2 {padding: 0 3.125vw;}
.about_intro_box2 img{max-width: 800px;display: block; margin: 0 auto;}
.about_public_title {font-size: 3.1875vw;line-height: 2.708333vw;color: #333;font-weight: bold; text-align: center;}
.about_culture_head .about_public_title {color: #fff;}
.about_intro_big {width: 47.7777%;padding-right: 4.1666vw;}
.about_intro_content {margin-top: 4.1666vw;}
.about_intro_subtitle_label {font-size: 1.3541666vw;line-height: 1.875vw;color: #222222;font-weight: bold;}
.about_intro_subtitle_text { padding-top: 10px;font-size: 1.3541666vw;line-height: 1.875vw;color: #e60012;font-weight: bold;}
.about_intro_text {font-size: 1.3541666vw;line-height: 1.875vw;color: #222222;font-weight: bold;margin-top: 1.041666vw;}
.about_intro_made_wrap {margin-top: 6.25vw;}
.about_intro_made_number {font-size: 5.208333vw;line-height: 5.7291666vw;color: #e60012;}
.about_intro_made_text {font-size: 0.8333vw;line-height: 1.3541666vw;color: #666666;}
.about_intro_pack {width: 52.2223%;}
.about_intro_bjq p {font-size:18px;line-height: 36px;color: #333333;}

@media (max-width:1280px){
   .about_intro_bjq p {font-size:16px;line-height: 31px;} 
}
.about_intro_video_wrap {margin-top: 2.6041666vw;}
.about_intro_video_box {position: relative;-webkit-border-radius: 0.78125vw;border-radius: 0.78125vw;overflow: hidden;}
.about_intro_video_img {padding-bottom: 47.654584%;}
.about_intro_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;cursor: pointer;outline: none;z-index: 9;background: rgba(0, 0, 0, .35);}
.about_intro_video_btn {width: 2.6041666vw;height: 2.6041666vw;position: relative;}
.about_intro_video_tips {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.about_intro_video_label {position: absolute;left: 50%;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);width: 100%;height: 100%;border: 0.1041666vw solid #e60012;box-sizing: border-box;-webkit-border-radius: 100%;border-radius: 100%;}
.about_intro_video_label:nth-child(1) {-webkit-animation: jing_scale 2.4s linear infinite normal both;animation: jing_scale 2.4s linear infinite normal both;}
.about_intro_video_label:nth-child(2) {-webkit-animation: jing_scale 2.4s .8s linear infinite normal both;animation: jing_scale 2.4s .8s linear infinite normal both;}
.about_intro_video_label:nth-child(3) {-webkit-animation: AboutVideoScale 2.4s 1.6s linear infinite normal both;animation: AboutVideoScale 2.4s 1.6s linear infinite normal both;}
@-webkit-keyframes AboutVideoScale {
0% {
width: 100%;
height: 100%;
opacity: 0;
}
20% {
width: 150%;
height: 150%;
opacity: 0.6;
}
40% {
width: 200%;
height: 200%;
opacity: 0.4;
}
60% {
width: 250%;
height: 250%;
opacity: .2;
}
80% {
width: 300%;
height: 300%;
opacity: 0;
}
100% {
width: 100%;
height: 100%;
opacity: 0;
}
}
@keyframes AboutVideoScale {
0% {
width: 100%;
height: 100%;
opacity: 0;
}
20% {
width: 150%;
height: 150%;
opacity: 0.6;
}
40% {
width: 200%;
height: 200%;
opacity: 0.4;
}
60% {
width: 250%;
height: 250%;
opacity: .2;
}
80% {
width: 300%;
height: 300%;
opacity: 0;
}
100% {
width: 100%;
height: 100%;
opacity: 0;
}
}
.about_intro_video_icon {width: 100%;height: 100%;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: relative;}
.about_intro_video_icon:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0.1041666vw solid #e60012;box-sizing: border-box;-webkit-border-radius: 100%;border-radius: 100%;}
.about_intro_video_icon svg {width: 30%;fill: #e60012;}
.about_history_wrap {padding: 7.291666vw 0 5.208333vw 0;}
.about_history_box {padding: 0 3.125vw;}
.about_page_content {position: relative;}
.about_history_head_wrap {-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.about_history_prev {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.about_history_tab {padding: 0 0 0 3.125vw;position: relative;margin-top: 3.125vw;}
.about_history_tab:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 3.125vw;
height: 100%;
z-index: 9;
background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0));
}
.about_history_item_box {
padding-bottom: 100%;
position: relative;
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
pointer-events: none;
}
.AddAboutHistoryTab .swiper-slide:nth-child(5n+1) .about_history_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);
}
.AddAboutHistoryTab .swiper-slide:nth-child(5n+2) .about_history_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;
}
.AddAboutHistoryTab .swiper-slide:nth-child(5n+3) .about_history_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;
}
.AddAboutHistoryTab .swiper-slide:nth-child(5n+4) .about_history_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;
}
.AddAboutHistoryTab .swiper-slide:nth-child(5n) .about_history_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: .4s;
transition-delay: .4s;
}
.about_history_item_content {-webkit-transition: all .6s ease;transition: all .6s ease;background: rgba(20, 149, 125, .1);-webkit-border-radius: 0.78125vw;border-radius: 0.78125vw;padding: 1.82291666vw;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-align-content: space-between;align-content: space-between;}
.about_history_item_read {width: 100%;padding-bottom: 1.041666vw;}
.about_history_item_number {width: 100%;font-size: 3.125vw;line-height: 3.125vw;-webkit-text-stroke: 1px #888888;color: transparent;-webkit-transition: all .6s ease;transition: all .6s ease;}
.about_history_item_text {font-size:16px;line-height:26px;color: #222222;-webkit-transition: all .6s ease;transition: all .6s ease;}
.about_history_staff_wrap {padding: 0 3.125vw;margin-top: 2.6041666vw;position: relative;}
.about_history_staff_width {width: 0;overflow: hidden;}
.about_history_staff_box {
width: calc(100vw - 6.25vw)
}
.AddAboutHistoryStaffWidth {
width: 100%;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.about_history_staff_box svg {
fill: rgba(20, 149, 125, .3);
}
.about_history_item_box:hover .about_history_item_content {
background:#095bac;
}
.about_history_item_box:hover .about_history_item_number {
-webkit-text-stroke: 1px #ffffff;
color: #ffffff;
}
.about_history_item_box:hover .about_history_item_text {
color: #ffffff;
}
.about_history_button_wrap .index_public_btn_box {
background: #ffffff;
}
.about_history_button_wrap .index_public_btn_icon svg {
fill: #999999;
}
.about_culture_wrap {
position: relative;
padding: 6.7708333vw 0 13.541666vw 0;
}
.about_culture_back {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.about_culture_box {width: 80%; margin: 0 auto;
padding: 0 3.125vw;
position: relative;
z-index: 9;
}
.about_culture_content {
width: 100%;
margin-top: 6.25vw;
}
.about_culture_item_box {
width: 50%;border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); padding: 4% 0; text-align: center;

position: relative;
}

.about_culture_item_box:after {
content: "";
position: absolute;
background: rgba(10, 10, 10, .15);
}
.about_culture_item_box:nth-child(1):after {
right: 0;
bottom: 0;
width: 1px;
height: 0;
}
.about_culture_item_box:nth-child(3):after {
right: 0;
top: 0;
width: 0;
height: 1px;
}
.about_culture_item_box:nth-child(2):after {
left: 0;
bottom: -1px;
width: 0;
height: 1px;
}
.about_culture_item_box:nth-child(4):after {
left: -1px;
top: 0;
width: 1px;
height: 0;
}
.about_culture_item_box:nth-child(1) .about_culture_item_content,
.about_culture_item_box:nth-child(3) .about_culture_item_content {
-webkit-transform: translateX(2vw);
transform: translateX(2vw);
opacity: 0;
pointer-events: none;
}
.about_culture_item_box:nth-child(2) .about_culture_item_content,
.about_culture_item_box:nth-child(4) .about_culture_item_content {-webkit-transform: translateX(-2vw);transform: translateX(-2vw);opacity: 0;pointer-events: none;}
.about_culture_item_title {font-size: 1.6541666vw;line-height: 1.875vw;color: #fff;font-weight: bold;}
.about_culture_item_read {margin-top: 1.041666vw;}
.about_culture_item_text {font-size:16px;line-height: 26px;color: #fff;}
.about_honor_wrap {position: relative;padding-bottom: 40.791666%;}
.about_honor_box {position: absolute;left: 0;top: 0;width: 100%;z-index: 9;padding: 0 3.125vw;}
.about_honor_head {margin-top: 5.291666vw;}
.about_honor_head .about_public_title {text-align: center;color: #333;}
.about_honor_content {padding-bottom: 23%;margin-top: 4.291666vw;position: relative;}
.about_honor_tab {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.about_honor_item_box {position: absolute;}
.about_honor_item_img {width: 100%;-webkit-transform: translateY(-2vw);transform: translateY(-2vw);opacity: 0;}
.about_honor_item_box:nth-child(1) {
left: 41.5%;
top: 0;
width: 10.5208333vw;
}
.about_honor_item_box:nth-child(2) {
left: 50%;
top: 16.5%;
width: 7.8125vw;
}
.about_honor_item_box:nth-child(3) {
left: 40%;
top: 43.5%;
width: 5.05208333vw;
}
.about_honor_item_box:nth-child(4) {
left: 21%;
top: 27.2%;
width: 3.17708333vw;
z-index: 2;
}
.about_honor_item_box:nth-child(5) {
left: 62.5%;
top: 17.2%;
width: 3.59375vw;
}
.about_honor_item_box:nth-child(6) {
left: 23.5%;
top: 17%;
width: 9.21875vw;
}
.about_honor_item_box:nth-child(7) {
left: 67.9%;
top: 15.5%;
width: 9.21875vw;
}
.about_honor_item_box:nth-child(8) {
left: 27%;
top: 42.5%;
width: 9.16666vw;
}
.about_honor_item_box:nth-child(9) {
left: 64.5%;
top: 45.5%;
width: 8.75vw;
}
.about_honor_item_box:nth-child(10) {
left: 8.7%;
top: 32.5%;
width: 7.6041666vw;
}
.about_honor_item_box:nth-child(11) {
left: 83%;
top: 22.5%;
width: 9.21875vw;
}
.about_honor_item_box:nth-child(12) {
left: 4%;
top: 53.5%;
width: 8.0208333vw;
}
.about_honor_item_box:nth-child(13) {
left: 87%;
top: 51.5%;
width: 8.75vw;
}
.about_job_wrap {
position: relative;
padding: 6.25vw 0 8.3333vw 0;
background: #f6f6f6;
}
.about_job_box {
padding: 0 3.125vw;
}
.about_job_head_box {
width: 40%;
}
.about_job_page_wrap {
width: 60%;
}
.about_job_page_title {
font-size: 1.1458333vw;
line-height: 1.6666vw;
color: #222222;
}
.about_job_page_text {
font-size: 0.8333vw;
line-height: 1.5625vw;
color: #333333;
margin-top: 0.8333vw;
}
.about_job_page_button {
margin-top: 2.6041666vw;
}
.about_job_page_btn {
margin-right: 3.125vw;
}
.about_job_page_btn:last-child {
margin: 0;
}
.about_job_page_btn a {
-webkit-align-items: center;
align-items: center;
padding: 0 2.08333vw;
background: #ffffff;
-webkit-border-radius: 1.61458333vw;
border-radius: 1.61458333vw;
-webkit-box-shadow: 0 0.5208333vw 1.041666vw rgba(150, 186, 186, .2);
box-shadow: 0 0.5208333vw 1.041666vw rgba(150, 186, 186, .2);
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.about_job_page_icon {
width: 0.9375vw;
}
.about_job_page_icon svg {
fill: #333333;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.about_job_page_read {
margin-left: 0.78125vw;
}
.about_job_page_label {
font-size: 0.88541666vw;
line-height: 3.2291666vw;
font-weight: bold;
color: #222222;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.about_job_page_color {
color: #e60012;
}
.about_job_page_btn:hover a {
background: #e60012;
}
.about_job_page_btn:hover .about_job_page_label {
color: #ffffff;
}
.about_job_page_btn:hover .about_job_page_color {
color: #ffffff;
}
.about_job_page_btn:hover .about_job_page_icon svg {
fill: #ffffff;
}
.about_job_content {
margin-top: 4.6875vw;
}
.about_job_item_box {
background: #ffffff;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
cursor: pointer;
margin-bottom: 0.5208333vw;
}
.about_job_item_box:last-child {
margin-bottom: 0;
}
.about_job_item_content {
padding: 0 2.08333vw;
}
.about_job_item_head {
width: 17.4418%;
-webkit-align-items: center;
align-items: center;
}
.about_job_item_icon {
width: 0.36458333vw;
height: 0.36458333vw;
background: #999999;
-webkit-border-radius: 100%;
border-radius: 100%;
margin-right: 1.041666vw;
}
.about_job_item_title {
font-size: 0.9375vw;
line-height: 4.1666vw;
font-weight: bold;
color: #222222;
width: calc(100% - 2.08333vw);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.about_job_item_add {
font-size: 0.8333vw;
line-height: 4.1666vw;
color: #666666;
width: 16.279069%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 2.08333vw 0 0;
}
.about_job_item_time {
font-size: 0.8333vw;
line-height: 4.1666vw;
color: #666666;
width: 60.465116%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 2.08333vw 0 0;
}
.about_job_item_btn {
width: 5.814015%;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-align-items: center;
align-items: center;
}
.about_job_item_label {
font-size: 0.8333vw;
line-height: 4.1666vw;
color: #999999;
}
.about_job_item_jt {
width: 0.8333vw;
margin-left: 0.78125vw;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.about_job_item_jt svg {
fill: #999999;
width: 100%;
display: block;
}
.about_job_item_big {
height: 0;
overflow: hidden;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.about_job_item_read {
padding: 0 2.08333vw 3.125vw 2.08333vw;
position: relative;
}
.about_job_item_bjq {
position: relative;
padding: 2.08333vw 0 0 0;
}
.about_job_item_bjq:after {
content: "";
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 0;
height: 1px;
width: 0;
background: #f2f2f2;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.about_job_item_bjq h3 {
font-size: 0.88541666vw;
line-height: 1.875vw;
color: #e60012;
font-weight: bold;
}
.about_job_item_bjq p {
font-size: 0.8333vw;
line-height: 1.7708333vw;
color: #666666;
}
.about_job_item_button {
margin-top: 1.5625vw;
}
.about_job_item_button .pro_details_bundle_btn a {
width: 8.3333vw;
}
.about_job_item_button .pro_details_bundle_text {
line-height: 2.6041666vw;
font-size: 0.7291666vw;
}
.about_job_item_button .pro_details_bundle_icon {
width: 1.041666vw;
margin-left: -1.041666vw;
}
.about_job_item_active .about_job_item_jt {
-webkit-transform: none;
transform: none;
}
.about_job_item_active .about_job_item_bjq:after {
width: 100%;
}
.about_contact_wrap {
width: 100%;
position: relative;
padding-bottom: 49.4791666%;
}
.about_contact_box {
position: absolute;
left: 0;
top: 0;
z-index: 9;
width: 100%;
height: 100%;
}
.about_contact_box a {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.about_contact_img {
height: 100%;
position: relative;
}
.about_contact_back {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 8;
}
.about_contact_img:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0) 60%);
z-index: 7;
}
.about_contact_button {
position: absolute;
left: 83%;
top: 39%;
z-index: 10;
}
.about_contact_btn {
-webkit-transform: scale(0);
transform: scale(0);
}
.about_contact_icon {
width: 0.625vw;
height: 0.625vw;
position: relative;
}
.about_contact_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: #e60012;
}
.about_contact_label:nth-child(1) {
z-index: 9;
}
.about_contact_label:nth-child(2) {
-webkit-animation: AboutLabel 2.4s linear infinite normal both;
animation: AboutLabel 2.4s linear infinite normal both;
}
.about_contact_label:nth-child(3) {
-webkit-animation: AboutLabel 2.4s .6s linear infinite normal both;
animation: AboutLabel 2.4s .6s linear infinite normal both;
}
.about_contact_label:nth-child(4) {
-webkit-animation: AboutLabel 2.4s 1.2s linear infinite normal both;
animation: AboutLabel 2.4s 1.2s linear infinite normal both;
}
.about_contact_label:nth-child(5) {
-webkit-animation: AboutLabel 2.4s 1.8s linear infinite normal both;
animation: AboutLabel 2.4s 1.8s linear infinite normal both;
}
@-webkit-keyframes AboutLabel {
0% {
width: 100%;
height: 100%;
opacity: 0;
}
16% {
width: 512%;
height: 512%;
opacity: 0.25;
}
32% {
width: 924%;
height: 924%;
opacity: 0.2;
}
48% {
width: 1336%;
height: 1336%;
opacity: 0.15;
}
64% {
width: 1748%;
height: 1748%;
opacity: 0.1;
}
80% {
width: 2160%;
height: 2160%;
opacity: 0;
}
100% {
width: 100%;
height: 100%;
opacity: 0;
}
}
@keyframes AboutLabel {
0% {
width: 100%;
height: 100%;
opacity: 0;
}
16% {
width: 512%;
height: 512%;
opacity: 0.25;
}
32% {
width: 924%;
height: 924%;
opacity: 0.2;
}
48% {
width: 1336%;
height: 1336%;
opacity: 0.15;
}
64% {
width: 1748%;
height: 1748%;
opacity: 0.1;
}
80% {
width: 2160%;
height: 2160%;
opacity: 0;
}
100% {
width: 100%;
height: 100%;
opacity: 0;
}
}
.about_contact_logo_wrap {
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.about_contact_logo_box {
background: #e60012;
margin-top: 6.7708333vw;
width: 9.8958333vw;
height: 3.90625vw;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
position: relative;
-webkit-transform: translateY(-2vw);transform: translateY(-2vw);opacity: 0;pointer-events: none;}
.about_contact_logo_box:after {content: "";position: absolute;left: 50%;top: -0.36666vw;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 0;height: 0;border-left: 0.41666vw solid transparent;border-right: 0.41666vw solid transparent;border-bottom: 0.41666vw solid #e60012;}
.about_contact_logo_img {width: 80.6315789%}
.about_contact_logo_img img {-webkit-filter: brightness(0%) grayscale(100%) invert(100%);filter: brightness(0%) grayscale(100%) invert(100%);}
.about_contact_content {position: absolute;left: 0;top: 0;width: 50%;height: 100%;-webkit-align-items: center;align-items: center;z-index: 10;}
.about_contact_big {width: 100%;padding: 0 3.125vw;margin-bottom: 4.1666vw;}
.about_contact_pack {width: 51.19047%;}
.about_contact_tips_wrap {margin-top: 2.6041666vw;}
.about_contact_tips_text {font-size: 2.08333vw;line-height: 2.86458333vw;color: #222222;}
.about_contact_tel_wrap {margin-top: 4.1666vw;padding-bottom: 1.30208333vw;}
.about_contact_tel_title {font-size: 0.8333vw;line-height: 1.3541666vw;color: #e60012;}
.about_contact_tel_number,.about_contact_tel_number a {font-size: 2.08333vw;line-height: 2.6041666vw;color: #e60012;}
.about_contact_tel_line {width: 100%;height: 1px;position: relative;}
.about_contact_tel_line:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #e60012;}
.about_contact_item_box {padding: 0.26041666vw 0;-webkit-align-items: center;align-items: center;}
.about_contact_item_text a,.about_contact_item_text {font-size: 18px;line-height:36px;color: #333333;position: relative;-webkit-transition: all .6s ease;transition: all .6s ease;}
.about_contact_item_text a:after {content: "";position: absolute;right: 0;bottom: 0;width: 0;height: 1px;background: #e60012;-webkit-transition: all .6s ease;transition: all .6s ease;}
.about_contact_item_text a:hover {color: #e60012;}
.about_contact_item_text a:hover:after {width: 100%;left: 0;}
.about_contact_tab {margin-top: 1.5625vw;}
.about_contact_item_icon {width: 1.041666vw;margin-right: 1.041666vw;}
.about_contact_item_icon svg {fill: #e60012;width: 100%;display: block;}
.about_contact_item_text {width: calc(100% - 2.08333vw);}

/*内页产品总页*/
.prodcuts{padding: 5% 0; margin: 0 auto; width: 90%;}

.news_page_wrap {position: relative;overflow: hidden;}
.news_page_box {position: relative;z-index: 9;padding-bottom: 7.291666vw;}
.news_page_content {padding: 0 3.125vw;margin-top: 1.041666vw;}
.news_page_item_box {margin-bottom: 5.208333vw;}
.news_page_item_content {opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.AddNewsPageItemBox .news_page_item_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);}
.AddNewsPageItemBox .news_page_item_photo {width: 100%;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.news_page_item_time {width: 10.27777%;}
.news_page_item_pic {width: 32.222%;}
.news_page_item_pic a {position: relative;display: block;padding-bottom: 60%;}
.news_page_item_big {width: 57.50023%;padding-left: 4.1666vw;position: relative;}
.news_page_item_big:after {content: "";position: absolute;left: -0.78125vw;bottom: 0;width: 0;height: 0.1041666vw;background: #e60012;-webkit-transition: all .6s ease;
transition: all .6s ease;}
.news_page_item_photo {position: absolute;left: 0;top: 0;width: 0;overflow: hidden;height: 100%;-webkit-border-radius: 0.78125vw;border-radius: 0.78125vw;}
.news_page_item_animate {position: absolute;left: 0;top: 0;width: 30.208333vw;}
.news_page_item_img {position: absolute;left: 0;top: 0;width: 100%;padding-bottom: 60%;}
.news_page_item_img img {-webkit-transition: all .6s ease;transition: all .6s ease;-webkit-transform-origin: left center;transform-origin: left center;}
.news_page_item_title a {font-size: 1.5625vw;line-height: 2.291666vw;color: #333333;font-weight: bold;max-width: 72.492146%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-webkit-transition: all .6s ease;transition: all .6s ease;}
.news_page_item_text {font-size: 16px;line-height:26px;color: #666666;margin-top: 2.08333vw;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news_page_item_year {font-size: 1.1458333vw;line-height: 1.5625vw;color: #aaaaaa;}
.news_page_item_line_wrap {padding: 0.5208333vw 0;}
.news_page_item_line_box {width: 1.458333vw;height: 0.15625vw;background: #d8d8d8;}
.news_page_item_day {font-size: 3.125vw;line-height: 3.6458333vw;font-weight: bold;color: #222222;}
.news_page_item_label {font-size: 0.8333vw;line-height: 1.3541666vw;color: #999999;-webkit-transition: all .6s ease;transition: all .6s ease;}
.news_page_item_icon {width: 0.41666vw;margin-left: -0.41666vw;opacity: 0;-webkit-transition: all .6s ease;transition: all .6s ease;}
.news_page_item_icon svg {fill: #999999;width: 100%;display: block;-webkit-transition: all .6s ease;transition: all .6s ease;}
.news_page_item_big {-webkit-align-content: space-between;align-content: space-between;}
.news_page_item_read {width: 100%;}
.news_page_item_button {width: 100%;padding-bottom: 1.30208333vw;}
.news_page_item_btn a {-webkit-align-items: center;align-items: center;}
.news_page_item_box:hover .news_page_item_img img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.news_page_item_box:hover .news_page_item_title a {color: #095bac;}
.news_page_item_box:hover .news_page_item_icon {margin-left: 0.78125vw;opacity: 1;}
.news_page_item_box:hover .news_page_item_label {color: #095bac;}
.news_page_item_box:hover .news_page_item_icon svg {fill: #095bac;}
.news_page_item_box:hover .news_page_item_big:after {width: calc(100% + 0.78125vw);}
.news_details_wrap {padding: 11.458333vw 0 6.25vw 0;}
.news_details_content {padding: 0 3.125vw;}
.news_details_big {width: 75.2222%;padding-right: 19.666%;}
.news_details_related_wrap {width: 24.7778%;}
.news_details_tips_text {font-size: 16px;line-height: 31px;color: #999999;margin-right: 2.6041666vw;}
.news_details_tips_text:last-child {margin-right: 0;}
.news_details_head_wrap {margin-top: 2.08333vw;}
.news_details_head_title {font-size: 1.88333vw;line-height: 3.125vw;color: #222222;margin-bottom: 1.6458333vw;}
.news_details_head_line {position: relative;width: 100%;height: 1px;}
.news_details_head_line:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #e4e4e4;}
.news_details_bjq {margin-top: 2.6041666vw;}
.news_details_bjq p {font-size:16px;line-height:31px;color: #444444;}
.news_details_bjq img {width: 800px;max-width: 100%;display: inline-block;padding: 1.7708333vw 0;}
.news_details_bjq p,
.news_details_bjq h1,
.news_details_bjq h2,
.news_details_bjq h3,
.news_details_bjq h4,
.news_details_bjq h5,
.news_details_bjq h6 {opacity: 0;pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}

@media screen and (max-width:1023px) {
  .news_page_item_img{display: none;}  
}
.AddNewsBjq {
opacity: 1 !important;
pointer-events: auto !important;
-webkit-transform: none !important;
transform: none !important;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.news_details_related_btn {
margin-bottom: 1.041666vw;
}
.news_details_related_btn:last-child {margin-bottom: 0;}
.news_details_related_btn a {display: block;background: #f6f6f6;-webkit-border-radius: 0.78125vw;border-radius: 0.78125vw;-webkit-transition: all .6s ease;transition: all .6s ease;padding: 0 1.30208333vw;}
.news_details_btn_text {font-size:16px;line-height:31px;color: #888888;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-transition: all .6s ease;transition: all .6s ease;}
.news_details_related_btn a:hover {background: #095bac;}
.news_details_related_btn a:hover .news_details_btn_text {color: #ffffff;}
.news_details_return_button {margin-top: 2.08333vw;}
.news_details_return_btn a {position: relative;display: block;}
.news_details_return_read {-webkit-justify-content: center;justify-content: center;position: relative;z-index: 9;}
.news_details_return_btn a:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;box-sizing: border-box;border: 0.1041666vw solid #f3f3f3;-webkit-border-radius: 0.78125vw;border-radius: 0.78125vw;-webkit-transition: all .6s ease;transition: all .6s ease;}
.news_details_return_icon {width: 0.9375vw;}
.news_details_return_icon svg {display: block;width: 100%;fill: #888888;-webkit-transition: all .6s ease;transition: all .6s ease;}
.news_details_return_text {font-size: 16px;line-height: 3.3333vw;color: #888888;margin-left: 0.78125vw;-webkit-transition: all .6s ease;transition: all .6s ease;}
.news_details_return_btn a:hover:after {background: #095bac;border: 0.1041666vw solid #095bac;}
.news_details_return_btn a:hover .news_details_return_icon svg {fill: #ffffff;}
.news_details_return_btn a:hover .news_details_return_text {color: #ffffff;}
.news_related_content {margin-top: 3.6458333vw;}
.news_related_head_wrap {-webkit-align-items: center;align-items: center;}
.news_related_head_icon {width: 0.625vw;height: 1.3541666vw;position: relative;margin-right: 2.08333vw;}
.news_related_head_icon:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #e60012;
opacity: 1;
-webkit-transform: skew(-45deg);
transform: skew(-45deg);
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
-webkit-transition: all .6s ease;
transition: all .6s ease;}
.news_related_head_title {
font-size: 1.5625vw;
line-height: 2.08333vw;
font-weight: bold;
color: #222222;
}
.news_related_item_pic {
width: 33.6322%;
}
.news_related_item_img {
padding-bottom: 66.6666%;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
}
.news_related_tab {
margin-top: 2.08333vw;
}
.news_related_item_box {
margin-bottom: 2.08333vw;
}
.news_related_item_read {
padding-left: 1.041666vw;
width: 66.3678%;
-webkit-align-content: space-between;
align-content: space-between;
}
.news_related_item_head {
width: 100%;
}
.news_related_item_title {
font-size:16px;
line-height: 31px;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news_related_item_time {
width: 100%;
font-size: 0.7291666vw;
line-height: 1.041666vw;
color: #999999;
}
.company_page_wrap {
position: relative;
overflow: hidden;
}
.company_page_box {
position: relative;
z-index: 9;
}
.company_advantage_wrap {
padding: 7.291666vw 0 0 0;
}
.company_advantage_box {
padding: 0 3.125vw;
}
.company_advantage_title {
font-size: 2.1875vw;
line-height: 2.708333vw;
font-weight: bold;
color: #222222;
}
.company_advantage_item_box {
width: 23.333%;
margin: 0 1.6666% 0 0;
-webkit-transform: translateX(6vw);
transform: translateX(6vw);
opacity: 0;
pointer-events: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddCompanyAdvantageItem {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
}
/*.company_advantage_item_box:nth-child(3n+1) {*/
/*    -webkit-transition-delay: .1s;*/
/*    transition-delay: .1s;*/
/*}*/
/*.company_advantage_item_box:nth-child(3n+2) {*/
/*    -webkit-transition-delay: .2s;*/
/*    transition-delay: .2s;*/
/*}*/
/*.company_advantage_item_box:nth-child(3n) {*/
/*    margin: 0;*/
/*    -webkit-transition-delay: .3s;*/
/*    transition-delay: .3s;*/
/*}*/
.company_advantage_item_content {
height: 26.041666vw;
position: relative;
}
.company_advantage_read {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 2.6041666vw;
background: #ffffff;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
-webkit-align-content: space-between;
align-content: space-between;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.company_advantage_item_top {
width: 100%;
}
.company_advantage_item_icon {
width: 5.7291666vw;
height: 5.7291666vw;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.company_advantage_item_icon img {
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.company_advantage_item_color {
stroke: #e60012;
}
.company_advantage_item_read {
width: 100%;
}
.company_advantage_item_title {
font-size: 1.25vw;
line-height: 1.7708333vw;
color: #222222;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.company_advantage_item_animate {
height: 1.3541666vw;
overflow: hidden;
position: relative;
margin-top: 1.041666vw;
width: 100%;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.company_advantage_item_text {
font-size: 0.8333vw;
line-height: 1.3541666vw;
max-width: 100%;
color: #666666;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.company_advantage_item_active {
width: 50.0008%;
}
.company_advantage_item_active .company_advantage_read {
background: #e60012;
}
.company_advantage_item_active .company_advantage_item_icon img {
-webkit-filter: brightness(0%) grayscale(100%) invert(100%);
filter: brightness(0%) grayscale(100%) invert(100%);
}
.company_advantage_item_active .company_advantage_item_title {
font-weight: bold;
color: #ffffff;
}
.company_advantage_item_active .company_advantage_item_animate {
height: 2.708333vw;
}
.company_advantage_item_active .company_advantage_item_text {
color: #ffffff;
}
.company_advantage_content {
margin-top: 2.6041666vw;
-webkit-flex-flow: nowrap;
flex-flow: nowrap;
}
.company_goal_wrap {
padding: 7.291666vw 0;
}
.company_goal_box {
padding: 0 3.125vw;
}
.company_goal_big {
width: 35.5555%;
padding-right: 4.1666vw;
}
.company_goal_text {
font-size: 2.08333vw;
line-height: 2.86458333vw;
color: #222222;
margin-top: 2.6041666vw;
}
.company_goal_head_wrap {
width: 100%;
}
.company_goal_button {
width: 100%;
}
.company_goal_prev {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.company_goal_bundle {
width: 64.4445%;
}
.company_goal_item_tips {
font-size: 0.8333vw;
line-height: 1.3541666vw;
color: #aaaaaa;
}
.company_goal_item_title {
font-size: 1.3541666vw;
line-height: 2.1875vw;
color: #222222;
margin-top: 1.041666vw;
}
.company_goal_item_number {
font-size: 5.208333vw;
line-height: 5.208333vw;
color: #f3f3f3;
font-style: italic;
}
.company_goal_item_read {
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: flex-end;
align-items: flex-end;
margin-top: 3.125vw;
}
.company_goal_item_icon {
width: 1.458333vw;
margin-bottom: 0.78125vw;
}
.company_goal_item_icon svg {
width: 100%;
display: block;
fill: #e60012;
}
.company_goal_item_head {
padding: 2.08333vw 2.6041666vw;
background: #ffffff;
}
.company_goal_item_box {
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
overflow: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
pointer-events: none;
}
.AddCompanyGoalBox .swiper-slide:nth-child(2n+1) .company_goal_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);
}
.AddCompanyGoalBox .swiper-slide:nth-child(2n) .company_goal_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;
}
.company_goal_item_img {
padding-bottom: 53.92857%;
}
.company_goal_pack {
-webkit-align-content: space-between;
align-content: space-between;
height: 100%;
}
.company_goal_tab {
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
}
.company_market_wrap {
background: #ffffff;
padding: 4.1666vw 0 7.291666vw 0;
}
.company_market_box {
padding: 0 3.125vw;
}
.company_market_head .company_advantage_title {
text-align: center;
}
.company_market_head .company_market_text {
text-align: center;
font-size: 0.9375vw;
line-height: 1.458333vw;
color: #222222;
margin-top: 1.5625vw;
}
.company_market_content {
margin-top: 4.6875vw;
}
.company_market_max_box {
width: 59.4444%;
-webkit-justify-content: center;
justify-content: center;
position: relative;
}
.company_market_max_content {
width: 50.46728%;
}
.company_market_max_tab {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
}
.company_market_item_box {
position: absolute;
}
.company_market_item_box:nth-child(1) {
width: 16.51041666vw;
top: 8%;
right: 7%;
}
.company_market_item_box:nth-child(2) {
width: 12.5vw;
top: 30%;
right: 7%;
}
.company_market_item_box:nth-child(3) {
width: 13.0208333vw;
bottom: 41%;
right: 7%;
}
.company_market_item_box:nth-child(4) {
width: 13.6458333vw;
bottom: 24.5%;
right: 7%;
}
.company_market_item_box:nth-child(5) {
width: 16.40625vw;
bottom: 4%;
right: 7%;
}
.company_market_item_box:nth-child(6) {
width: 24.63541666vw;
bottom: 7%;
left: 7%;
}
.company_market_item_box:nth-child(7) {
width: 17.86458333vw;
bottom: 28%;
left: 7%;
}
.company_market_item_box:nth-child(8) {
width: 18.8541666vw;
bottom: 50%;
left: 7%;
}
.company_market_item_box:nth-child(9) {
width: 21.5625vw;
top: 8%;
left: 7%;
}
.company_market_item_box:nth-child(10) {
width: 23.2291666vw;
top: 8%;
left: 7%;
}
.company_market_item_box:nth-child(1) .company_market_item_title {
color: #87d6e4;
}
.company_market_item_box:nth-child(2) .company_market_item_title {
color: #60c8da;
}
.company_market_item_box:nth-child(3) .company_market_item_title {
color: #bcc4f3;
}
.company_market_item_box:nth-child(4) .company_market_item_title {
color: #7f91e6;
}
.company_market_item_box:nth-child(5) .company_market_item_title {
color: #516add;
}
.company_market_item_box:nth-child(6) .company_market_item_title {
color: #2948cb;
}
.company_market_item_box:nth-child(7) .company_market_item_title {
color: #e60012;
}
.company_market_item_box:nth-child(8) .company_market_item_title {
color: #20ad93;
}
.company_market_item_box:nth-child(9) .company_market_item_title {
color: #59c8b3;
}
.company_market_item_box:nth-child(10) .company_market_item_title {
color: #84e0da;
}
.company_market_item_box:nth-child(1) .company_market_item_line svg {
stroke-dasharray: 342;
stroke-dashoffset: 342;
}
.company_market_item_box:nth-child(2) .company_market_item_line svg {
stroke-dasharray: 275;
stroke-dashoffset: 275;
}
.company_market_item_box:nth-child(3) .company_market_item_line svg {
stroke-dasharray: 254;
stroke-dashoffset: 254;
}
.company_market_item_box:nth-child(4) .company_market_item_line svg {
stroke-dasharray: 273;
stroke-dashoffset: 273;
}
.company_market_item_box:nth-child(5) .company_market_item_line svg {
stroke-dasharray: 357;
stroke-dashoffset: 357;
}
.company_market_item_box:nth-child(6) .company_market_item_line svg {
stroke-dasharray: 445;
stroke-dashoffset: 445;
}
.company_market_item_box:nth-child(7) .company_market_item_line svg {
stroke-dasharray: 342;
stroke-dashoffset: 342;
}
.company_market_item_box:nth-child(8) .company_market_item_line svg {
stroke-dasharray: 430;
stroke-dashoffset: 430;
}
.company_market_item_box:nth-child(9) .company_market_item_line svg {
stroke-dasharray: 434;
stroke-dashoffset: 434;
}
.company_market_item_box:nth-child(10) .company_market_item_line svg {
stroke-dasharray: 472;
stroke-dashoffset: 472;
}
.company_market_item_box:nth-child(1) .company_market_item_read,
.company_market_item_box:nth-child(2) .company_market_item_read,
.company_market_item_box:nth-child(3) .company_market_item_read {
text-align: right;
right: 0;
top: -2.291666vw;
-webkit-transform: translateX(-2vw);
transform: translateX(-2vw);
opacity: 0;
}
.company_market_item_box:nth-child(4) .company_market_item_read,
.company_market_item_box:nth-child(5) .company_market_item_read {
text-align: right;
right: 0;
bottom: -2.291666vw;
-webkit-transform: translateX(-2vw);
transform: translateX(-2vw);
opacity: 0;
}
.company_market_item_box:nth-child(6) .company_market_item_read,
.company_market_item_box:nth-child(7) .company_market_item_read,
.company_market_item_box:nth-child(8) .company_market_item_read,
.company_market_item_box:nth-child(9) .company_market_item_read,
.company_market_item_box:nth-child(10) .company_market_item_read {
text-align: left;
left: 0;
bottom: -2.291666vw;
-webkit-transform: translateX(2vw);
transform: translateX(2vw);
opacity: 0;
}
.company_market_item_line {
width: 100%;
}
.company_market_item_line svg {
stroke: #cbcbcb;
stroke-width: 1px;
fill-rule: evenodd;
fill-opacity: 0;
-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;
}
.company_market_item_read {
position: absolute;
-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;
}
.company_market_item_title {
font-size: 1.5625vw;
line-height: 1.7708333vw;
padding-bottom: 0.5208333vw;
}
.company_market_item_text {
font-size: 0.8333vw;
line-height: 1.7708333vw;
color: #666666;
padding-top: 0.5208333vw;
}
.company_market_max_read {
padding-bottom: 100%;
position: relative;
}
.company_market_max_read:after {
content: "";
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 54.6296%;
height: 54.6296%;
background: #ffffff;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.company_market_max_read canvas {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.company_market_max_show .company_market_item_box .company_market_item_line svg {
stroke-dashoffset: 0;
}
.company_market_max_show .company_market_item_box .company_market_item_read {
-webkit-transform: none;
transform: none;
opacity: 1;
}
.company_market_min_box {
width: 40.5556%;
-webkit-justify-content: center;
justify-content: center;
position: relative;
}
.company_market_min_content {
width: 73.9726%;
}
.company_market_min_read {
padding-bottom: 100%;
position: relative;
}
.company_market_min_read:after {
content: "";
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 54.6296%;
height: 54.6296%;
background: #ffffff;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.company_market_min_read canvas {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.company_market_min_tab {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
}
.company_app_item_box {
position: absolute;
width: max-content;
}
.company_app_item_box:nth-child(1) {
right: 20%;
top: 60%;
}
.company_app_item_box:nth-child(2) {
left: 19.5%;
top: 33%;
}
.company_app_item_read {
text-align: center;
opacity: 0;
-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;
}
.company_app_item_title {
font-size: 1.5625vw;
line-height: 2.08333vw;
color: #ffffff;
}
.company_app_item_text {
font-size: 0.8333vw;
line-height: 1.3541666vw;
color: #ffffff;
}
.company_market_min_show .company_app_item_read {
opacity: 1;
}
.down_page_wrap {
position: relative;
overflow: hidden;
}
.down_page_box {
position: relative;
z-index: 9;
padding: 6.25vw 0;
}
.down_page_content {
padding: 0 3.125vw;
}
.down_screen_box {
margin-top: 2.08333vw;
}
.down_screen_li {
padding: 1.041666vw 0;
position: relative;
}
.down_screen_search_wrap {
-webkit-align-items: center;
align-items: center;
padding: 1.5625vw 0;
}
.down_screen_li:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #ebebeb;
}
.down_screen_title {
font-size: 0.8333vw;
line-height: 2.08333vw;
font-weight: bold;
color: #222222;
width: 5.208333vw;
}
.down_screen_tab {
width: calc(100% - 5.208333vw);
}
.down_screen_item_box {
margin: 0 0.5208333vw 0.5208333vw 0;
}
.down_screen_item_box a {
font-size: 0.8333vw;
line-height: 2.08333vw;
color: #666666;
padding: 0 1.82291666vw;
-webkit-border-radius: 1.041666vw;
border-radius: 1.041666vw;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.down_screen_item_active a {
background: #e60012;
color: #ffffff;
}
.down_screen_search_tab {
width: calc(100% - 5.208333vw);
}
.down_screen_search_box {
width: 17.7083333vw;
position: relative;
}
.down_screen_search_box:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-border-radius: 1.19791666vw;
border-radius: 1.19791666vw;
box-sizing: border-box;
border: 1px solid #e3e3e3;
}
.down_screen_search_read {
position: relative;
z-index: 9;
}
.down_screen_search_input {
width: calc(100% - 3.125vw);
}
.down_screen_search_input input {
font-size: 0.8333vw;
line-height: 2.3958333vw;
color: #333333;
padding-left: 1.041666vw;
width: 100%;
}
.down_screen_search_input::placeholder {
color: #999999;
}
.down_screen_search_icon {
width: 3.125vw;
}
.down_screen_search_icon a {
width: 100%;
height: 100%;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.down_screen_search_icon a svg {
width: 26.6666%;
fill: #e60012;
}
.down_page_item_box {
width: 23.1111%;
margin: 0 2.5185333% 2.5185333% 0;
}
.down_page_item_box:nth-child(4n+1) {
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.down_page_item_box:nth-child(4n+2) {
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.down_page_item_box:nth-child(4n+3) {
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.down_page_item_box:nth-child(4n) {
margin: 0 0 2.5185333% 0;
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.down_page_item_content {
background: #ffffff;
padding-bottom: 120.1923%;
position: relative;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.down_page_item_content a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
padding: 2.08333vw;
display: block;
}
.down_page_item_read {
width: 100%;
height: 100%;
-webkit-align-content: space-between;
align-content: space-between;
}
.down_page_item_head {
width: 100%;
}
.down_page_item_button {
width: 100%;
}
.down_page_item_title {
font-size: 1.1458333vw;
line-height: 1.7708333vw;
color: #333333;
word-break: break-all !important;
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;
}
.down_page_item_tips {
font-size: 0.8333vw;
line-height: 1.3541666vw;
color: #aaaaaa;
margin-top: 1.041666vw;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.down_page_item_btn {
width: 3.958333vw;
height: 3.958333vw;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
background: #f6f6f6;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.down_page_item_btn svg {
width: 26.31578%;
display: block;
fill: #219b84;
}
.down_page_item_box:hover .down_page_item_content {
background: #e60012;
}
.down_page_item_box:hover .down_page_item_title {
color: #ffffff;
}
.down_page_item_box:hover .down_page_item_tips {
color: #ffffff;
}
.down_page_item_box:hover .down_page_item_btn {
background: #ffffff;
}
.down_page_big {
margin-top: 4.1666vw;
}
.down_page_tab {
padding-bottom: 2.08333vw;
}
.PublicBannerAnimate .public_banner_head {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.PublicBannerAnimate .public_banner_en {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.ProNavHeadAnimate {
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);
}
.ProNavBoxAnimate {
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);
}
.ProTipsWrapAnimate {
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);
}
.ProChildItemAnimate {
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);
}
.ProPaginationWrapAnimate {
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);
}
.PublicPaginationAnimate {
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);
}
.ProDetailsBannerShow {
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;
}
.ProDetailsBannerShow {
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;
}
.ProDetailsBundleShow {
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;
}
.ProBannerBtnShow {
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;
}
.AddProModuleIntroduceBox {
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);
}
.AddProRelatedHead {
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);
}
.AddProModuleMenuBox {
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);
}
.AddSolutionPageHeadTitle {
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);
}
.AddSolutionPageMenuBox {
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);
}
.AddSolutionAreaBig .solution_area_number_wrap {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddSolutionAreaBig .solution_area_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;
}
.AddSolutionAreaBig .solution_area_tab {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.AddSolutionAreaBig .solution_area_menu_wrap {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.AddBrandMakeItem .brand_make_item_details {
width: 100%;
height: 100%;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddBrandItem.brand_control_item_box:nth-child(1) {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddBrandItem.brand_control_item_box:nth-child(2) {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.AddBrandItem.brand_control_item_box:nth-child(3) {
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;
}
.AddBrandItem.brand_control_item_box:nth-child(4) {
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;
}
.AddAboutCultureTab .about_culture_item_box:nth-child(1):after {
height: 100%;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddAboutCultureTab .about_culture_item_box:nth-child(2):after {
width: 100%;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddAboutCultureTab .about_culture_item_box:nth-child(3):after {
width: 100%;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddAboutCultureTab .about_culture_item_box:nth-child(4):after {
height: 100%;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddAboutCultureTab .about_culture_item_box .about_culture_item_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: .4s;
transition-delay: .4s;
}
.AddAboutHonorTab .about_honor_item_box:nth-child(1) .about_honor_item_img {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddAboutHonorTab .about_honor_item_box:nth-child(2) .about_honor_item_img {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.AddAboutHonorTab .about_honor_item_box:nth-child(3) .about_honor_item_img {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.AddAboutHonorTab .about_honor_item_box:nth-child(4) .about_honor_item_img {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.AddAboutHonorTab .about_honor_item_box:nth-child(5) .about_honor_item_img {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.AddAboutHonorTab .about_honor_item_box:nth-child(6) .about_honor_item_img {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.AddAboutHonorTab .about_honor_item_box:nth-child(7) .about_honor_item_img {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.AddAboutHonorTab .about_honor_item_box:nth-child(8) .about_honor_item_img {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.AddAboutHonorTab .about_honor_item_box:nth-child(9) .about_honor_item_img {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.AddAboutHonorTab .about_honor_item_box:nth-child(10) .about_honor_item_img {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .7s;
transition-delay: .7s;
}
.AddAboutHonorTab .about_honor_item_box:nth-child(11) .about_honor_item_img {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .7s;
transition-delay: .7s;
}
.AddAboutHonorTab .about_honor_item_box:nth-child(12) .about_honor_item_img {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .8s;
transition-delay: .8s;
}
.AddAboutHonorTab .about_honor_item_box:nth-child(13) .about_honor_item_img {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .8s;
transition-delay: .8s;
}
.AddAboutContactButton .about_contact_btn {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddAboutContactButton .about_contact_logo_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;
}
.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: 75%;}
.index_video_item {width: 100%;padding-bottom: 56.25%;overflow: hidden;position: relative;pointer-events: none;opacity: 0;-webkit-transform: translateY(-40px);transform: translateY(-40px);-webkit-transition: all .5s .1s ease;transition: all .5s .1s ease;}
.index_video_item video {position: absolute;left: 0;top: 0;width: 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(-40px);transform: translateY(-40px);-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;}
.header_wap_menu_wrap {display: none;}
.index_pro_wap_button {
display: none;
}
.index_news_wap_wrap {
display: none;
}
.wap_head_wrap {
display: none;
}
.company_wap_goal_button {
display: none;
}
.about_wap_culture_back {
display: none;
}
.float_popup_wrap {
position: fixed;
z-index: 999;
bottom: 5vw;
width: 2.5vw;
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
pointer-events: none;
right: 0;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.float_popup_show {
right: 0.5vw;
-webkit-transform: none;
transform: none;
opacity: 1;
pointer-events: auto;
}
.float_popup_item_box {
position: relative;
}
.float_popup_item_big {
background: #e6f4f5;
cursor: pointer;
position: relative;
}
.float_popup_item_big {
height: 4.6875vw;
position: relative;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.float_popup_item_icon {
width: 1vw;
margin: 0 auto;
}
.float_popup_item_icon svg {
fill: #e60012;
}
.float_popup_item_text {
font-size: 0.7291666vw;
line-height: 0.8333vw;
color: #e60012;
margin-top: 0.4vw;
text-align: center;
width: max-content;
}
.float_popup_item_label {
width: max-content;
}
.float_popup_item_label a {
color: #e60012;
font-size: 0.8333vw;
line-height: 1.875vw;
text-align: center;
display: block;
}
.float_popup_item_box:after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 1px;
bottom: 0;
background: #c7e6e3;
}
.float_popup_item_box:last-child:after {
display: none;
}
.float_popup_item_box:first-child .float_popup_item_big {
-webkit-border-radius: 0.45vw 0.45vw 0 0;
border-radius: 0.45vw 0.45vw 0 0;
}
.float_popup_return_box {
width: 100%;
height: 2.083333vw;
background: #e60012;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-border-radius: 0 0 0.45vw 0.45vw;
border-radius: 0 0 0.45vw 0.45vw;
cursor: pointer;
position: relative;
}
.float_popup_return_read {
width: 0.8vw;
}
.float_popup_return_read svg {
fill: #ffffff;
}
.float_popup_item_pack {
position: absolute;
left: 0;
top: 50%;
padding-right: 0.8333vw;
-webkit-transform: translateX(-100%) translateY(-50%);
transform: translateX(-100%) translateY(-50%);
pointer-events: none;
}
.float_popup_item_read {
position: relative;
-webkit-transform: translateX(0.5vw);
transform: translateX(0.5vw);
opacity: 0;
pointer-events: none;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.float_popup_item_active .float_popup_item_pack {
pointer-events: auto;
}
.float_popup_item_active .float_popup_item_read {
-webkit-transform: none;
transform: none;
opacity: 1;
pointer-events: auto;
}
.float_popup_item_max {
position: relative;
padding: 0.5208333vw;
z-index: 1;
background: #ffffff;
-webkit-border-radius: 0.45vw 0.45vw;
border-radius: 0.45vw 0.45vw;
-webkit-box-shadow: 0 0 1vw rgba(159, 159, 159, .3);
box-shadow: 0 0 1vw rgba(159, 159, 159, .3);
}
.float_popup_item_jt {
position: absolute;
z-index: 2;
right: -0.4vw;
top: 50%;
width: 0;
height: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-bottom: 0.45vw solid transparent;
border-top: 0.45vw solid transparent;
border-left: 0.45vw solid #fff;
}
.float_popup_item_img {
width: 5.208333vw;
height: 5.208333vw;
}

/*内页团队风采*/
.rongyumain {padding: 100px 0 90px;}
.cer8{ max-width: 90%; margin:0 auto;}
.rongyumain h2.btitle {font-size: 36px;color: #333;line-height: 54px;font-weight: bold;text-align: center;height: 54px;overflow: hidden;}
.rongyumain .intro {margin: 20px auto 0;font-size: 16px;color: #555;line-height: 32px;max-width: 1200px;text-align: center;}

@media screen and (max-width: 840px) {
    .cer8{  padding: 0 0px;}
}
/*内页合作案例*/
.kehulist {overflow: hidden;margin: 90px 0 72px;border-top: 1px solid #f2f2f2;border-left: 1px solid #f2f2f2;}
.kehulist li {float: left;width: 20%;text-align: center;}
.kehulist li a {display: block;background-color: #fff;overflow: hidden;border-bottom: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;}
.kehulist .pic {width: 100%;overflow: hidden;}
.kehulist img {max-width: 70%;max-height: 70%;-webkit-transition: 0.3s;transition: 0.3s; margin: 0 auto;padding: 25px 0;}
.kehulist li:hover img {-webkit-transform: scale(1.04, 1.04);transform: scale(1.04, 1.04);}
.huotip {font-size: 18px;color: #666;line-height: 38px;text-align: center;position: relative;height: 38px;}
.huotip span {display: inline-block;vertical-align: top;letter-spacing: 1px;padding: 0 26px;}
.huotip i {display: inline-block;width: 40px;height: 1px;vertical-align: middle;background-color: #666;}
@media screen and (max-width: 1280px) {
    .kehulist li {width: 25%;}
}
@media screen and (max-width: 960px) {
    .huobanmain {padding: 100px 0 60px;}
    .huobanmain h2.btitle {font-size: 32px;}
    .kehulist li {width: 33.33%;}
    .huocon {line-height: 30px;}
}
@media screen and (max-width: 640px) {
    .huobanmain {padding: 80px 0 60px;}
    .kehulist li {width: 50%;}
}

.fenye{width: 80%; margin: 0 auto 5% auto;display: flex; display:-webkit-flex;-webkit-justify-content:center;   justify-content: center; align-items: center;-webkit-align-items: center; height: 45px;}
.fenye_zong{ font-size: 14px; width: 130px; background: #f2f2f2; text-align: center;  line-height: 35px;}

@media screen and (max-width:1023px) {
    .fenye{width: 95%; margin: 0 auto 100px auto}
    .baninfo .cer8 {width: 95%; margin: 0 auto}
    .baninfo {height: 50px;}
    .tree {line-height: 50px;}
}