.html_page {
position: relative;
z-index: 19;
background: #fff;
overflow-x: hidden;
width: 100%;
}
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
}
.Mont-bold {
font-family: "Mont-bold", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}
.Mont-book {
font-family: "Mont-book", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}
.Mont-extralight {
font-family: "Mont-extralight", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}
.Mont-light {
font-family: "Mont-light", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}
.Mont-regular {
font-family: "Mont-regular", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}
.Mont-semibold {
font-family: "Mont-semibold", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}
@font-face {
font-family: "Mont-bold";
src: url(/Public/Home/default/fonts/mont-bold.ttf);
}
@font-face {
font-family: "Mont-book";
src: url(/Public/Home/default/fonts/mont-book.ttf);
}
@font-face {
font-family: "Mont-extralight";
src: url(/Public/Home/default/fonts/mont-extralight.ttf);
}
@font-face {
font-family: "Mont-light";
src: url(/Public/Home/default/fonts/mont-light.ttf);
}
@font-face {
font-family: "Mont-regular";
src: url(/Public/Home/default/fonts/mont-regular.ttf);
}
@font-face {
font-family: "Mont-semibold";
src: url(/Public/Home/default/fonts/mont-semibold.ttf);
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
word-wrap: break-word !important;
word-break: normal !important;
}
html, body {
font-family: "Mont-regular", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
background: #fff;
font-size: 0.7291666vw;
width: 100%;
color: #333;
margin: 0 auto;
-webkit-overflow-scrolling: touch;
}
body {
overflow: hidden;
}
.BMap_cpyCtrl {
display: none;
}
.anchorBL {
display: none;
}
.body_flex {
position: fixed;
}
img {
border: none;
display: block;
width: 100%;
}
i {
font-style: normal;
}
div {
display: block;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
table {
border-collapse: collapse;
}
a {
display: inline-block;
text-decoration: none;
color: #000;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
}
h1, h2, h3, h4, h5 {
font-weight: normal;
}
video {
outline: none;
}
a:focus {
outline: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
li {
list-style: none;
}
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: "Mont-book", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}
select::-ms-expand {
display: none;
}
textarea {
resize: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type="number"] {
-moz-appearance: textfield;
}
textarea {
resize: vertical;
}
/*清除浮动*/
.clear:after {
content: "";
width: 0;
height: 0;
clear: both;
display: block;
}
/*input高亮*/
.salient-input {
padding: 0.36458333vw 0 0.36458333vw 0.26041666vw;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.salient-input:focus {
border-color: #4faad6;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0.41666vw rgba(10, 201, 245, .6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0.41666vw rgba(10, 201, 245, .6);
}
/*单行超出省略*/
.space-over {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/*多行超出省略*/
.space-list-over {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #8c8c8c;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #8c8c8c;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #8c8c8c;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #8c8c8c;
}
.cover {
position: relative;
height: 0;
overflow: hidden;
}
.cover img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
object-fit: cover;
}
.flex {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-animation {
opacity: 0;
}
.banner_box .swiper-slide {
background: #fff;
overflow: hidden;
}
.swiper-pagination-bullet {
outline: none;
cursor: pointer;
}
/*!*滚动条整体部分，可以设置宽度等*!*/
/*::-webkit-scrollbar {*/
/*}*/
/*!*滚动条两端的按钮*!*/
/*::-webkit-scrollbar-button {*/
/*}*/
/*!*外层轨道*!*/
/*::-webkit-scrollbar-track {*/
/*}*/
/*!*内层滚动槽*!*/
/*::-webkit-scrollbar-track-piece {*/
/*}*/
/*!*滚动的滑块*!*/
/*::-webkit-scrollbar-thumb {*/
/*}*/
/*!*边角*!*/
/*::-webkit-scrollbar-corner {*/
/*}*/
/*!*定义右下角拖动块的样式*!*/
/*::-webkit-resizer {*/
/*}*/
/*css play*/
.header_wrap {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 999;
-webkit-transform: translateY(-40%);
transform: translateY(-40%);
opacity: 0;
pointer-events: none;
padding: 0 1.5625vw;
}
.body_animate .header_wrap {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
transition: all .8s cubic-bezier(.4, 0, .2, 1);
}
.header_wrap:after {
content: "";
position: absolute;
left: 0;
top: 0;
background: #fff;
width: 100%;
height: 100%;
-webkit-transform: translateY(-104%);
transform: translateY(-104%);
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
webkit-box-shadow: 0 0 0.26041666vw rgba(0, 0, 0, .1);
box-shadow: 0 0 0.90041666vw rgb(0 0 0 / 06%);
}
.header_box {
padding: 0 1.041666vw;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
position: relative;
z-index: 9;
}
.header_logo_box {
width: 7.8125vw;
}
.header_logo_box a svg {
fill: #fff;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.header_menu_item_box {
padding-right: 2.08333vw;
position: relative;
}
.header_menu_item_text {
font-size: 0.8591vw;
line-height: 4.4791652vw;
color: #fff;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.header_menu_down_wrap {
position: absolute;
left: 0;
top: 4.4791652vw;
min-width: max-content;
pointer-events: none;
opacity: 0;
}
.header_menu_down_ul {
padding: 1.30208333vw 0;
webkit-transition: all .4s ease;
transition: all .4s ease;
}
.header_menu_down_li {
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
opacity: 0;
}
.header_menu_down_url {
display: block;
font-size: 0.83333vw;
line-height: 1.82291666vw;
color: #ffffff;
max-width: 100%;
webkit-transition: all .4s ease;
transition: all .4s ease;
}
.header_menu_down_url:hover {
font-size: 1.5625vw;
line-height: 3.125vw;
}
.header_menu_down_ul:hover {
padding: 1.30208333vw 0 0 0;
}
.header_language_wrap {
padding-left: 3.125vw;
}
.header_language_text {
font-size: 0.7595vw;
line-height: 1.5625vw;
color: #fff;
margin: 0 1.30208333vw 0 0.5208333vw;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.header_language_box {
cursor: pointer;
}
.header_language_box a {
-webkit-align-items: center;
align-items: center;
}
.header_language_icon {
width: 1.041666vw;
height: 1.041666vw;
}
.header_language_icon svg {
width: 0.96591vw;
height: 0.96591vw;
display: block;
fill: #fff;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.header_language_jt {
width: 0.7291666vw;
height: 0.7291666vw;
}
.header_language_jt svg {
width: 100%;
height: 100%;
display: block;
fill: #fff;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.header_order_wrap {
margin-left: 1.5625vw;
}
.header_order_box a {
padding: 0.5208333vw 1.5625vw;
background: #d4161d;
-webkit-border-radius: 1.19791666vw;
border-radius: 1.19791666vw;
}
.header_order_read {
position: relative;
overflow: hidden;
}
.header_order_text {
font-size: 0.8333vw;
line-height: 1.3541666vw;
color: #fff;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.header_order_text:nth-child(2) {
position: absolute;
left: 0;
top: 0;
width: 100%;
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
}
.header_order_box a:hover .header_order_text:nth-child(1) {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0;
}
.header_order_box a:hover .header_order_text:nth-child(2) {
-webkit-transform: none;
transform: none;
opacity: 1;
}
.header_menu_big {
-webkit-align-items: center;
align-items: center;
}
.header_menu_wrap {
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
width: calc(100% - 7.8125vw);
padding-left: 3.6458333vw;
}
.index_page_wrap {
position: relative;
}
/*.index_page_wrap:after {*/
/* content: "";*/
/* height: 100vh;*/
/* width: 100%;*/
/* position: absolute;*/
/* left: 0;*/
/* top: 0;*/
/* -webkit-background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, .3));*/
/* background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, .3));*/
/* pointer-events: none;*/
/*}*/
.header_black .header_logo_box a svg {
fill: #d4161d;
}
.header_black .header_menu_item_text {
color: #222222;
}
.header_black .header_language_icon svg {
fill: #222222;
}
.header_black .header_language_jt svg {
fill: #222222;
}
.header_black .header_language_text {
color: #222222;
}
.header_pro:after {
-webkit-transform: none;
transform: none;
}
.header_pro .header_logo_box a svg {
fill: #d4161d;
}
.header_pro .header_menu_item_text {
color: #222222;
}
.header_pro .header_language_icon svg {
fill: #222222;
}
.header_pro .header_language_jt svg {
fill: #222222;
}
.header_pro .header_language_text {
color: #222222;
}
.header_active:after {
-webkit-transform: none;
transform: none;
}
.header_active .header_logo_box a svg {
fill: #d4161d;
}
.header_active .header_menu_item_text {
color: #222222;
}
.header_active .header_language_icon svg {
fill: #222222;
}
.header_active .header_language_jt svg {
fill: #222222;
}
.header_active .header_language_text {
color: #222222;
}
.header_hover:after {
-webkit-transform: none;
transform: none;
}
.header_hover .header_logo_box a svg {
fill: #d4161d;
}
.header_hover .header_menu_item_text {
color: #222222;
}
.header_hover .header_language_icon svg {
fill: #222222;
}
.header_hover .header_language_jt svg {
fill: #222222;
}
.header_hover .header_language_text {
color: #222222;
}
.header_menu_item_hover .header_menu_item_text, .header_menu_item_box_active .header_menu_item_text {
color: #d4161d;
}
.header_menu_item_hover .header_menu_down_wrap {
pointer-events: auto;
opacity: 1;
}
.header_menu_item_hover .header_menu_down_li {
-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);
}
.index_banner_wrap {
height: 100vh;
position: relative;
}
.index_banner_content {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100vh;
overflow: hidden;
}
.index_banner_content:after {
content: "";
height: 100vh;
width: 100%;
position: absolute;
left: 0;
top: 0;
-webkit-background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, .3));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, .3));
pointer-events: none;
}
.index_banner_box {
height: 100vh;
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.index_banner_back {
height: 100%;
}
.index_banner_back video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.index_banner_back .index_banner_pc {
display: block;
}
.index_banner_back .index_banner_wap {
display: none;
}
.index_banner_pc {
display: block;
}
.index_banner_wap {
display: none;
}
.index_banner_big {
position: absolute;
left: 0;
top: 0;
z-index: 9;
width: 100%;
height: 100%;
}
.index_banner_item_box {
position: absolute;
-webkit-align-items: center;
align-items: center;
}
.index_banner_item_box:nth-child(1) {
left: 5.5%;
top: 27%;
}
.index_banner_item_box:nth-child(2) {
left: 14.7%;
top: 43.5%;
}
.index_banner_item_box:nth-child(3) {
left: 40.2%;
top: 18.9%;
}
.index_banner_item_box:nth-child(4) {
left: 34.9%;
top: 82.9%;
}
.index_banner_item_box:nth-child(5) {
left: 73.5%;
top: 26.7%;
}
.index_banner_item_box:nth-child(6) {
left: 63.1%;
top: 52.6%;
}
.index_banner_item_box:nth-child(7) {
left: 93.4%;
top: 70.1%;
}
.index_banner_item_box:nth-child(7) .index_banner_item_button {
position: absolute;
left: -0.78125vw;
top: 50%;
margin: 0;
-webkit-transform: translateX(-100%) translateY(-50%);
transform: translateX(-100%) translateY(-50%);
}
.index_banner_item_circle {
width: 1.1458333vw;
height: 1.1458333vw;
-webkit-border-radius: 100%;
border-radius: 100%;
position: relative;
cursor: pointer;
}
.index_banner_item_label {
-webkit-border-radius: 100%;
border-radius: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.index_banner_item_label:nth-child(1) {
width: 27.272727%;
height: 27.272727%;
background: #ffffff;
z-index: 9;
}
.index_banner_item_label:nth-child(2) {
width: 100%;
height: 100%;
background: #d4161d;
}
.index_banner_item_label:nth-child(3) {
width: 100%;
height: 100%;
background: #d4161d;
-webkit-animation: banner_scale 2.4s linear infinite normal both;
animation: banner_scale 2.4s linear infinite normal both;
}
.index_banner_item_label:nth-child(4) {
width: 100%;
height: 100%;
background: #d4161d;
-webkit-animation: banner_scale 2.4s .8s linear infinite normal both;
animation: banner_scale 2.4s .8s linear infinite normal both;
}
.index_banner_item_label:nth-child(5) {
width: 100%;
height: 100%;
background: #d4161d;
-webkit-animation: banner_scale 2.4s 1.6s linear infinite normal both;
animation: banner_scale 2.4s 1.6s linear infinite normal both;
}
@-webkit-keyframes banner_scale {
0% {
width: 100%;
height: 100%;
opacity: 0;
}
20% {
width: 145%;
height: 145%;
opacity: 0.3;
}
40% {
width: 190%;
height: 190%;
opacity: 0.2;
}
60% {
width: 235%;
height: 235%;
opacity: .1;
}
80% {
width: 280%;
height: 280%;
opacity: 0;
}
100% {
width: 100%;
height: 100%;
opacity: 0;
}
}
@keyframes banner_scale {
0% {
width: 100%;
height: 100%;
opacity: 0;
}
20% {
width: 145%;
height: 145%;
opacity: 0.3;
}
40% {
width: 190%;
height: 190%;
opacity: 0.2;
}
60% {
width: 235%;
height: 235%;
opacity: .1;
}
80% {
width: 280%;
height: 280%;
opacity: 0;
}
100% {
width: 100%;
height: 100%;
opacity: 0;
}
}
.index_banner_item_button {
margin-left: 0.78125vw;
overflow: hidden;
}
.index_banner_item_btn {
width: 0;
opacity: 0;
overflow: hidden;
-webkit-transition: all .6s ease;
transition: all .6s ease;
-webkit-border-radius: 1.19791666vw;
border-radius: 1.19791666vw;
}
.index_banner_item_box:hover .index_banner_item_btn {
width: 100%;
opacity: 1;
}
.index_banner_item_box:hover .index_banner_item_button a {
opacity: 1;
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.index_banner_item_width {
min-width: max-content;
background: #d4161d;
-webkit-border-radius: 1.19791666vw;
border-radius: 1.19791666vw;
}
.index_banner_item_button a {
padding: 0 0.78125vw 0 0.15625vw;
-webkit-align-items: center;
align-items: center;
-webkit-border-radius: 1.19791666vw;
border-radius: 1.19791666vw;
opacity: 0;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_banner_item_icon {
width: 2.08333vw;
height: 2.08333vw;
background: #fff;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.index_banner_item_icon svg {
width: 50%;
height: 50%;
fill: #d4161d;
}
.index_banner_item_jt {
width: 1.0416666vw;
height: 1.0416666vw;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.index_banner_item_jt svg {
width: 60%;
height: 60%;
fill: #ffffff;
}
.index_banner_item_text {
font-size: 0.7291666vw;
line-height: 2.3958333vw;
color: #ffffff;
text-align: center;
padding: 0 0.78125vw;
}
.index_content_wrap {
overflow: hidden;
position: relative;
z-index: 9;
}
.index_about_wrap {
padding: 5.46875vw 0 6.51041666vw 0;
background: #ffffff;
-webkit-border-radius: 1.5625vw;
border-radius: 1.5625vw;
overflow: hidden;
position: relative;
z-index: 10;
}
.web_center {
padding: 0 2.34375vw;
}
.index_about_box {
padding: 0 2.08333vw;
}
.index_public_head {
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.index_public_title {
overflow: hidden;
}
.index_public_default {
opacity: 0;
display: none;
}
.index_public_read {
overflow: hidden;
}
.index_public_label {
min-width: 0.78125vw;
font-size: 2.708333vw;
line-height: 2.708333vw;
color: #1c1c1c;
text-transform: uppercase;
-webkit-transform: translateX(-2.86458333vw);
transform: translateX(-2.86458333vw);
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddPublicTitle .index_public_label {
-webkit-transform: none;
transform: none;
}
.index_public_read:nth-child(1) .index_public_label {
color: #d4161d;
}
.index_public_text {
width: 8.8541666vw;
height: 2.708333vw;
overflow: hidden;
position: relative;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_public_width {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
height: 100%;
-webkit-border-radius: 1.3541666vw;
border-radius: 1.3541666vw;
overflow: hidden;
}
.index_public_more {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 8.8541666vw;
font-size: 0.7291666vw;
line-height: 2.708333vw;
color: #333333;
background: #eeeeee;
text-align: center;
}
.index_public_icon {
width: 2.708333vw;
height: 2.708333vw;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-transition: all .6s ease;
transition: all .6s ease;
z-index: 9;
}
.index_public_svg {
width: 100%;
height: 100%;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-border-radius: 100%;
border-radius: 100%;
background: #d0d0d1;
}
.index_public_svg svg {
width: 26.92307%;
display: block;
height: 100%;
fill: #ffffff;
}
.index_public_button {
position: relative;
}
.index_public_btn {
position: relative;
}
.index_public_btn a {
position: relative;
width: 11.5625vw;
pointer-events: none;
}
.index_public_next {
position: absolute;
right: 0;
top: 0;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_public_next svg {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.index_public_prev {
position: absolute;
left: 0;
top: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_public_prev .index_public_svg {
background: #d4161d;
}
.index_public_next .index_public_svg {
-webkit-transform: scale(0);
transform: scale(0);
}
.AddPublicButton .index_public_btn a {
pointer-events: auto;
}
.AddPublicButton .index_public_width {
width: 100%;
-webkit-transition: all .6s ease;
transition: all .6s ease;
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.AddPublicButton .index_public_next .index_public_svg {
-webkit-transform: none;
transform: none;
-webkit-transition: all .6s ease;
transition: all .6s ease;
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.index_public_btn a:hover .index_public_next {
-webkit-transform: scale(0);
transform: scale(0);
}
.index_public_btn a:hover .index_public_prev {
-webkit-transform: scale(1);
transform: scale(1);
}
.index_public_btn a:hover .index_public_text {
margin-left: 2.708333vw;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_about_item_box {
width: 15.714285%;
margin: 0 1.142858% 0 0;
-webkit-transform: translateX(-2.08333vw);
transform: translateX(-2.08333vw);
opacity: 0;
pointer-events: none;
}
.index_about_item_box a:hover {
-webkit-transform: translateY(-1.041666vw);
transform: translateY(-1.041666vw);
}
.index_about_item_box a:hover .index_about_item_img:after {
background: rgba(0, 0, 0, .5);
}
.index_about_item_box a:hover .index_about_item_img img {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.AddProItemInUp {
transform: none !important;
opacity: 1;
pointer-events: auto;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_about_item_box:nth-child(6n) {
margin: 0;
}
.index_about_item_box a {
display: block;
position: relative;
-webkit-border-radius: 1.0416666vw;
border-radius: 1.0416666vw;
overflow: hidden;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_about_item_img {
padding-bottom: 235.6363%;
}
.index_about_item_img:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .25);
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_about_item_img img {
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_about_item_read {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-align-items: center;
align-items: center;
z-index: 9;
}
.index_about_item_text {
width: 100%;
font-size: 1.3541666vw;
line-height: 1.7708333vw;
color: #ffffff;
text-align: center;
padding: 0 0.5208333vw;
}
.index_about_big {
margin-top: 3.125vw;
}
.index_about_wap_button {
display: none;
}
.index_about_line {
width: 100%;
height: 1px;
position: relative;
}
.index_about_line:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 0;
height: 100%;
background: #e6e6e6;
}
.AddPublicAboutLine:after {
width: 100%;
-webkit-transition: all 1.5s cubic-bezier(.78, .11, .34, .84);
transition: all 1.5s cubic-bezier(.78, .11, .34, .84);
}
.index_about_content {
padding-top: 3.125vw;
}
.index_map_wrap {
position: relative;
z-index: 7;
margin-top: -1.5625vw;
background: #eeeff0;
}
.index_map_height_box {
padding-bottom: 15.625vw;
}
.index_map_content {
position: relative;
-webkit-justify-content: center;
justify-content: center;
}
.index_map_box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
padding: 5.7291666vw 2.08333vw 0 2.08333vw;
}
.index_map_tab {
width: 92.291666%;
margin-top: 5.7291666vw;
}
.index_map_big {
padding-bottom: 44.018058%;
position: relative;
overflow: hidden;
}
.index_map_width {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.index_map_animate {
position: relative;
width: 100%;
height: 100%;
transform: scale(.8);
transform-origin: center top;
}
.index_map_parcel {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.index_map_back {
width: 100%;
}
.index_map_spot_wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
}
.index_map_spot_li {
position: absolute;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(-0.5208333vw);
transform: translateY(-0.5208333vw);
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.index_map_spot_li:nth-child(1) {
left: 46.4%;
top: 21.9%;
}
.index_map_spot_li:nth-child(2) {
left: 46%;
top: 21.5%;
}
.index_map_spot_li:nth-child(3) {
left: 46.6%;
top: 20.6%;
}
.index_map_spot_li:nth-child(4) {
left: 46.2%;
top: 20.4%;
}
.index_map_spot_li:nth-child(5) {
left: 44.3%;
top: 21.4%;
}
.index_map_spot_li:nth-child(6) {
left: 46.9%;
top: 19%;
}
.index_map_spot_li:nth-child(7) {
left: 45.2%;
top: 18.9%;
}
.index_map_spot_li:nth-child(8) {
left: 27.1%;
top: 21.9%;
}
.index_map_spot_li:nth-child(9) {
left: 14.3%;
top: 16.9%;
}
.index_map_spot_li:nth-child(10) {
left: 78.6%;
top: 18%;
}
.index_map_spot_li:nth-child(2) .index_map_spot_read,
.index_map_spot_li:nth-child(4) .index_map_spot_read,
.index_map_spot_li:nth-child(5) .index_map_spot_read,
.index_map_spot_li:nth-child(7) .index_map_spot_read {
opacity: .6;
}
.index_map_spot_show .index_map_spot_li {
opacity: 1;
-webkit-transform: none;
transform: none;
}
.index_map_spot_icon {
width: 0.7291666vw;
}
.index_map_spot_icon svg {
width: 100%;
height: 100%;
fill: #90a0b1;
display: block;
}
.index_map_spot_circle {
width: 57.14285%;
margin: 0 auto;
}
.index_map_spot_dot {
position: relative;
padding-bottom: 100%;
-webkit-transform: scaleY(.5);
transform: scaleY(.5);
transform-origin: center top;
}
.index_map_spot_label {
position: absolute;
width: 100%;
height: 100%;
left: 50%;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
-webkit-border-radius: 100%;
border-radius: 100%;
box-sizing: border-box;
overflow: hidden;
}
.index_map_spot_label:nth-child(1) {
background: #90a0b1;
z-index: 9;
}
.index_map_spot_label:nth-child(2) {
background-image: linear-gradient(to bottom, #90a0b1, #ffffff);
border: 2px solid #90a0b1;
-webkit-animation: jack_scale 2.4s linear infinite normal both;
animation: jack_scale 2.4s linear infinite normal both;
}
.index_map_spot_label:nth-child(3) {
background-image: linear-gradient(to bottom, #90a0b1, #ffffff);
border: 2px solid #90a0b1;
-webkit-animation: jack_scale 2.4s .8s linear infinite normal both;
animation: jack_scale 2.4s .8s linear infinite normal both;
}
.index_map_spot_label:nth-child(4) {
background-image: linear-gradient(to bottom, #90a0b1, #ffffff);
border: 2px solid #90a0b1;
-webkit-animation: jack_scale 2.4s 1.6s linear infinite normal both;
animation: jack_scale 2.4s 1.6s linear infinite normal both;
}
@-webkit-keyframes jack_scale {
0% {
width: 100%;
height: 100%;
opacity: 0;
}
20% {
width: 300%;
height: 300%;
opacity: 0.3;
}
40% {
width: 400%;
height: 400%;
opacity: 0.2;
}
60% {
width: 500%;
height: 500%;
opacity: .1;
}
80% {
width: 600%;
height: 600%;
opacity: 0;
}
100% {
width: 100%;
height: 100%;
opacity: 0;
}
}
@keyframes jack_scale {
0% {
width: 100%;
height: 100%;
opacity: 0;
}
20% {
width: 300%;
height: 300%;
opacity: 0.3;
}
40% {
width: 400%;
height: 400%;
opacity: 0.2;
}
60% {
width: 500%;
height: 500%;
opacity: .1;
}
80% {
width: 600%;
height: 600%;
opacity: 0;
}
100% {
width: 100%;
height: 100%;
opacity: 0;
}
}
.index_map_subtitle {
margin-top: 1.0416666vw;
}
.index_map_hide {
overflow: hidden;
}
.index_map_text {
font-size: 1.1458333vw;
line-height: 1.6666vw;
color: #222222;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.AddMapHide .index_map_text {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.index_map_read {
padding-top: 1.0416666vw;
}
.index_map_button {
margin-top: 2.6041666vw;
}
.index_map_button .index_public_more {
background: #fff;
}
.index_map_data_wrap {
position: absolute;
left: 0;
bottom: 5.208333vw;
width: 100%;
z-index: 9;
}
.index_map_data_box {
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 0 4.6875vw;
}
.index_map_data_number,
.index_map_data_label {
font-size: 6.25vw;
line-height: 6.25vw;
color: #d4161d;
}
.index_map_data_item {
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.AddMapDataItem {
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_map_data_title {
-webkit-justify-content: center;
justify-content: center;
}
.index_map_data_text {
font-size: 0.78125vw;
line-height: 1.30208333vw;
color: #1c1c1c;
text-align: center;
}
.index_news_wrap {
padding: 5.46875vw 0 6.51041666vw 0;
background: #ffffff;
-webkit-border-radius: 1.5625vw;
border-radius: 1.5625vw;
overflow: hidden;
position: relative;
z-index: 21;
margin-top: -1.5625vw;
}
.index_news_head {
padding: 0 2.08333vw;
}
.index_news_item_box {
padding-bottom: 2vw;
}
.index_news_item_pic {
pointer-events: none;
}
.index_news_item_pic a {
display: block;
overflow: hidden;
}
.index_news_item_img {
padding-bottom: 73.6842%;
-webkit-border-radius: 1.0416666vw;
border-radius: 1.0416666vw;
}
.index_news_item_img img {
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_news_item_pic a:hover .index_news_item_img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.index_news_item_img:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
background: #ffffff;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddIndexNewsPic {
pointer-events: auto;
}
.AddIndexNewsPic .index_news_item_img:after {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.index_news_tab {
margin-top: 3.6458333vw;
}
.index_news_item_read {
padding: 1.82291666vw 0 0 0;
}
.index_news_item_time {
font-size: 0.83333vw;
line-height: 1.3541666vw;
color: #aaaaaa;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.AddIndexNewsTime {
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_news_item_title {
margin-top: 0.625vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.AddIndexNewsTitle {
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_news_item_title a {
font-size: 1.1458333vw;
line-height: 1.458333vw;
color: #1c1c1c;
max-width: 100%;
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_title a:hover {
color: #d4161d;
}
.index_news_swiper {
padding: 0 2.08333vw;
position: relative;
}
.index_news_swiper .swiper-wrapper {
-webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
transition: all .8s cubic-bezier(.4, 0, .2, 1);
}
.index_news_swiper:after {
content: "";
width: 2.08333vw;
position: absolute;
left: 0;
top: 0;
height: 100%;
background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
z-index: 9;
}
.index_news_swiper:before {
content: "";
width: 2.08333vw;
position: absolute;
right: 0;
top: 0;
height: 100%;
background-image: linear-gradient(to left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
z-index: 9;
}
.index_map_current {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 9;
}
.index_content_box {
position: relative;
z-index: 10;
}
.index_news_progressbar_wrap {
position: relative;
width: 100%;
padding: 0 2.08333vw;
margin-top: 3.90625vw;
}
.index_news_progressbar_box {
height: 0.15625vw;
width: 0;
position: relative;
background: none;
}
.AddIndexNewsProgressbar {
-webkit-transition: all 1.5s cubic-bezier(.4, 0, .2, 1);
transition: all 1.5s cubic-bezier(.4, 0, .2, 1);
width: 100%;
}
.index_news_progressbar_box:after {
content: "";
position: absolute;
left: 0;
top: 33.3333%;
width: 100%;
height: 33.3333%;
background: #e6e6e6;
}
.index_news_progressbar_box .swiper-pagination-progressbar-fill {
background: #d4161d;
z-index: 9;
}
.index_slogan_wrap {
position: relative;
z-index: 20;
overflow: hidden;
margin-top: -1.5625vw;
}
.index_slogan_pic {
padding-bottom: 36.458333%;
position: relative;
}
.index_slogan_back {
position: absolute;
left: 0;
top: 0;
width: 100%;
padding-bottom: 56.25%;
background: #fff;
}
.index_slogan_content {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-align-items: center;
align-items: center;
}
.index_slogan_read {
width: 100%;
padding: 0 4.42708333vw;
}
.index_slogan_text {
font-size: 2.6041666vw;
line-height: 3.125vw;
color: #fff;
text-align: center;
transform: scaleY(0);
transform-origin: center bottom;
}
.index_slogan_button {
-webkit-justify-content: center;
justify-content: center;
margin-top: 2.6041666vw;
overflow: hidden;
}
.index_slogan_btn_label {
font-size: 0.7291666vw;
line-height: 2.708333vw;
color: #fff;
text-align: center;
}
.index_slogan_btn {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.index_slogan_btn a {
-webkit-border-radius: 1.3541666vw;
border-radius: 1.3541666vw;
background: #d4161d;
width: 8.8541666vw;
-webkit-justify-content: center;
justify-content: center;
position: relative;
}
.index_slogan_btn_icon {
width: 0.7291666vw;
margin-left: -0.7291666vw;
opacity: 0;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.index_slogan_btn_icon svg {
fill: #fff;
height: 100%;
width: 100%;
}
.index_slogan_btn a:hover .index_slogan_btn_icon {
margin-left: 0.5208333vw;
opacity: 1;
}
.AddIndexSloganRead .index_slogan_text {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddIndexSloganRead .index_slogan_btn {
-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;
}
.footer_wrap {
margin-top: -1.5625vw;
position: relative;
z-index: 20;
}
.footer_box {
position: relative;
background: #f4f4f4;
-webkit-border-radius: 1.5625vw 1.5625vw 0 0;
border-radius: 1.5625vw 1.5625vw 0 0;
padding: 3.125vw 0 2.6041666vw 0;
}
.footer_share_item_box {
position: relative;
height: 1.3541666vw;
width: 1.3541666vw;
margin: 0 1.3541666vw 0 0;
overflow: hidden;
}
.footer_share_item_box:last-child {
margin: 0;
}
.footer_share_item_read {
width: 100%;
height: 100%;
}
.footer_share_item_box a {
width: auto;
height: 100%;
position: relative;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.footer_share_item_box:hover .footer_share_item_read svg {
fill: #d4161d;
}
.footer_share_item_box:nth-child(1):hover .footer_share_item_read svg {
fill: #0066c8;
}
.footer_share_item_box:nth-child(2):hover .footer_share_item_read svg {
fill: #3c5a9a;
}
.footer_share_item_box:nth-child(3):hover .footer_share_item_read svg {
fill: #000000;
}
.footer_share_item_box:nth-child(4):hover .footer_share_item_read svg {
fill: #ff0000;
}
.footer_share_item_read {
-webkit-transform: translateX(-2.08333vw);
transform: translateX(-2.08333vw);
}
.AddFooterTips .footer_share_item_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);
}
.AddFooterTips .footer_slogan_label {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.footer_share_item_box a svg {
max-height: 100%;
max-width: 100%;
height: auto;
fill: #acacac;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.icon_bulk_in a svg {
max-height: 80%;
}
.icon_bulk_facebook a svg {
max-height: 80%;
}
.icon_bulk_twitter a svg {
max-height: 75%;
}
.icon_bulk_youtube a svg {
max-height: 80%;
}
.icon_bulk_yx a svg {
max-height: 72%;
}
.footer_content {
padding: 0 8.33333vw;
}
.footer_slogan_box {
position: relative;
}
.footer_slogan_text {
font-size: 1.5625vw;
line-height: 2.08333vw;
color: #1c1c1c;
display: none;
opacity: 0;
}
.footer_slogan_read {
overflow: hidden;
}
.footer_slogan_label {
font-size: 1.5625vw;
line-height: 2.08333vw;
color: #1c1c1c;
min-width: 0.5208333vw;
-webkit-transform: translateX(-1.5625vw);
transform: translateX(-1.5625vw);
}
.footer_tips_box {
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
}
.footer_tips_wrap {
padding-bottom: 2.86458333vw;
}
.foot_line_box {
width: 0;
height: 1px;
position: relative;
}
.foot_line_box:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #dddddd;
}
.AddFooterLine .foot_line_box {
width: 100%;
-webkit-transition: all 1.5s cubic-bezier(.78, .11, .34, .84);
transition: all 1.5s cubic-bezier(.78, .11, .34, .84);
}
.footer_menu_box {
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 2.86458333vw 0;
}
.footer_menu_item_box {
max-width: 25%;
}
.footer_menu_item_title {
overflow: hidden;
}
.footer_menu_item_title a {
font-size: 1.0416666vw;
line-height: 1.5625vw;
color: #acacac;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.footer_menu_item_ul {
margin-top: 1.0416666vw;
}
.footer_menu_item_li {
position: relative;
overflow: hidden;
}
.footer_menu_item_li a {
max-width: 100%;
position: relative;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.AddFooterMenuItem .footer_menu_item_title a {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddFooterMenuItem .footer_menu_item_li a {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.footer_menu_item_text {
font-size: 0.9375vw;
line-height: 1.875vw;
color: #1c1c1c;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
position: relative;
padding: 0 1.0416666vw 0 0;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.footer_menu_item_text:after {
content: "";
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 0.3125vw;
height: 0.3125vw;
background: #d4161d;
-webkit-border-radius: 100%;
border-radius: 100%;
opacity: 0;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.footer_menu_item_li a:hover .footer_menu_item_text {
padding: 0 0 0 1.0416666vw;
color: #d4161d;
}
.footer_menu_item_li a:hover .footer_menu_item_text:after {
opacity: 1;
}
.footer_contact_item_title {
overflow: hidden;
}
.footer_contact_item_label {
font-size: 0.9375vw;
line-height: 1.458333vw;
color: #acacac;
text-transform: uppercase;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.footer_contact_item_read {
margin-top: 0.26041666vw;
overflow: hidden;
}
.footer_contact_item_text {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.footer_contact_item_text a {
font-size: 1.0416666vw;
line-height: 1.5625vw;
color: #1c1c1c;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.footer_contact_item_text a:hover {
color: #d4161d;
}
.AddFooterContactItem .footer_contact_item_label {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddFooterContactItem .footer_contact_item_text {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.footer_contact_item_box {
margin-right: 9.375vw;
}
.footer_contact_item_box:last-child {
margin-right: 0;
}
.footer_contact_wrap {
margin-top: 2.86458333vw;
}
.footer_contact_box {
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
}
.footer_copy_text {
font-size: 0.83333vw;
line-height: 1.3541666vw;
color: #9a9a9a;
text-align: right;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.footer_copy_text a {
font-size: 0.83333vw;
line-height: 1.3541666vw;
color: #9a9a9a;
text-align: right;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.footer_copy_text a:hover {
color: #d4161d;
}
.footer_copy_item_box {
margin-top: 0.26041666vw;
overflow: hidden;
}
.footer_copy_item_box:first-child {
margin-top: 0;
}
.AddFooterCopyItem .footer_copy_text {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.public_banner_wrap {
position: relative;
padding-bottom: 35.416666%;
}
.public_banner_box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.public_banner_img {
padding-bottom: 35.416666%;
}
.news_details_banner {
padding-bottom: 26.041666%;
}
.news_details_banner .public_banner_img {
padding-bottom: 26.041666%;
}
.public_banner_content {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
-webkit-align-content: center;
align-content: center;
}
.public_banner_title {
width: 100%;
-webkit-justify-content: center;
justify-content: center;
}
.public_banner_read {
overflow: hidden;
}
.public_banner_label {
font-size: 3.33333vw;
line-height: 3.8541666vw;
color: #ffffff;
min-width: 0.9375vw;
-webkit-transform: translateX(-3.6458333vw);
transform: translateX(-3.6458333vw);
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddPublicPageBannerTitle .public_banner_label {
-webkit-transform: none;
transform: none;
}
.public_page_wrap {
position: relative;
z-index: 10;
}
.pro_content_wrap {
background: #f4f4f4;
-webkit-border-radius: 1.5625vw 1.5625vw 0 0;
border-radius: 1.5625vw 1.5625vw 0 0;
overflow: hidden;
margin-top: -1.5625vw;
padding: 0 0 6.25vw 0;
}
.public_page_wrap_for_products .pro_content_wrap {
background: #f9f9f9;
}
.pro_menu_wrap {
background: #ffffff;
overflow: hidden;
}
.public_center {
padding: 0 8.33333vw;
}
.pro_menu_box {
position: relative;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.pro_menu_item_box a {
display: block;
padding: 3.125vw 0;
position: relative;
}
.pro_menu_item_box a:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
height: 0.208333vw;
width: 0;
background: #d4161d;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.pro_menu_icon {
width: 2.8125vw;
height: 2.708333vw;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
margin: 0 auto;
}
.pro_menu_icon svg {
width: 100%;
height: auto;
max-height: 100%;
max-width: 100%;
fill: #111111;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.pro_menu_title {
margin-top: 1.0416666vw;
font-size: 1.0416666vw;
line-height: 1.5625vw;
height: 3.125vw;
color: #111111;
text-align: center;
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;
}
.pro_menu_swiper .swiper-wrapper {
-webkit-flex-flow: wrap;
flex-flow: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.pro_menu_swiper .swiper-slide {
width: auto;
}
.pro_slide_active .pro_menu_item_box a:after {
width: 100%;
}
.pro_slide_active .pro_menu_item_box a .pro_menu_icon svg {
fill: #d4161d;
}
.pro_slide_active .pro_menu_item_box a .pro_menu_title {
color: #d4161d;
}
.pro_slide_default .pro_menu_item_box a:after {
width: 0;
}
.pro_slide_default .pro_menu_item_box a .pro_menu_icon svg {
fill: #111111;
}
.pro_slide_default .pro_menu_item_box a .pro_menu_title {
color: #111111;
}
.pro_slide_hover .pro_menu_item_box a:after {
width: 100%;
}
.pro_slide_hover .pro_menu_item_box a .pro_menu_icon svg {
fill: #d4161d;
}
.pro_slide_hover .pro_menu_item_box a .pro_menu_title {
color: #d4161d;
}
.pro_nav_item_box {
min-width: 10.15625vw;
margin-right: 1.0416666vw;
}
.pro_nav_item_box a {
width: 100%;
display: block;
background: #ffffff;
padding: 0.5208333vw 1.0416666vw;
-webkit-border-radius: 1.30208333vw;
border-radius: 1.30208333vw;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.pro_nav_item_read {
position: relative;
overflow: hidden;
}
.pro_nav_item_text {
font-size: 0.83333vw;
line-height: 1.5625vw;
color: #111111;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.pro_nav_item_text:nth-child(2) {
position: absolute;
left: 0;
top: 0;
width: 100%;
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
}
.pro_nav_item_active a {
background: #d4161d;
}
.pro_nav_item_active a .pro_nav_item_text {
color: #fff;
}
.pro_nav_item_active a .pro_nav_item_text:nth-child(1) {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0;
}
.pro_nav_item_active a .pro_nav_item_text:nth-child(2) {
-webkit-transform: none;
transform: none;
opacity: 1;
}
.pro_nav_item_default a {
background: #ffffff;
}
.pro_nav_item_default a .pro_nav_item_text {
color: #111111;
}
.pro_nav_item_default a .pro_nav_item_text:nth-child(1) {
-webkit-transform: none;
transform: none;
opacity: 1;
}
.pro_nav_item_default a .pro_nav_item_text:nth-child(2) {
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
}
.pro_nav_item_hover a {
background: #d4161d;
}
.pro_nav_item_hover a .pro_nav_item_text {
color: #fff;
}
.pro_nav_item_hover a .pro_nav_item_text:nth-child(1) {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0;
}
.pro_nav_item_hover a .pro_nav_item_text:nth-child(2) {
-webkit-transform: none;
transform: none;
opacity: 1;
}
.pro_content_box {
padding: 3.6458333vw 0 0 0;
}
.pro_nav_box {
padding-bottom: 3.125vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.pro_nav_line {
width: 100%;
height: 1px;
position: relative;
}
.pro_nav_line:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 0;
height: 100%;
background: #dddddd;
}
.pro_column_wrap {
padding: 3.125vw 0 0 0;
}
.pro_column_box {
padding: 0 0 3.6458333vw 0;
}
.pro_column_item_box {
width: 24.0625%;
margin: 0 1.25% 1.5625vw 0;
}
.pro_column_item_box:nth-child(4n) {
margin: 0 0 1.5625vw 0;
}
.pro_column_item_box a {
display: block;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
background: #fff;
overflow: hidden;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.pro_column_pic {
padding-bottom: 100%;
position: relative;
}
.pro_column_img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 3.5625vw;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.pro_column_img img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.pro_column_read {
position: relative;
}
.pro_column_default {
padding: 1.30208333vw 1.5625vw;
height: 7.1875vw;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.pro_column_title {
font-size: 1.1458333vw;
line-height: 1.1458333vw;
color: #111111;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.pro_column_text {
font-size: 0.83333vw;
line-height: 1.1458333vw;
color: #333333;
text-align: center;
margin-top: 1.0416666vw;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.pro_column_button {
position: absolute;
left: 0;
top: 1.5625vw;
width: 100%;
-webkit-justify-content: center;
justify-content: center;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.pro_column_width {
width: 0;
height: 2.708333vw;
-webkit-border-radius: 1.3541666vw;
border-radius: 1.3541666vw;
overflow: hidden;
position: relative;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.pro_column_btn {
width: 8.8541666vw;
padding: 0.625vw 1.0416666vw;
background: #d4161d;
-webkit-border-radius: 1.3541666vw;
border-radius: 1.3541666vw;
position: absolute;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.pro_column_pack {
position: relative;
overflow: hidden;
}
.pro_column_label {
width: 100%;
text-align: center;
font-size: 0.9375vw;
line-height: 1.458333vw;
color: #ffffff;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.pro_column_label:nth-child(2) {
position: absolute;
left: 0;
top: 0;
width: 100%;
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
}
.pro_column_item_box a:hover {
-webkit-box-shadow: 0 0 2.08333vw rgba(0, 0, 0, .15);
box-shadow: 0 0 2.08333vw rgba(0, 0, 0, .15);
}
.pro_column_item_box a:hover .pro_column_default {
opacity: 0;
pointer-events: none;
}
.pro_column_item_box a:hover .pro_column_width {
width: 8.8541666vw;
}
.pro_column_btn:hover .pro_column_label:nth-child(1) {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0;
}
.pro_column_btn:hover .pro_column_label:nth-child(2) {
-webkit-transform: none;
transform: none;
opacity: 1;
}
.pro_pagination_box {
-webkit-justify-content: center;
justify-content: center;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.pro_pagination_box a {
font-size: 0.83333vw;
line-height: 2.291666vw;
width: 2.291666vw;
display: block;
background: #ffffff;
-webkit-border-radius: 1.1458333vw;
border-radius: 1.1458333vw;
text-align: center;
margin: 0 0.26041666vw;
color: #999999;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.pro_pagination_box .pro_pagination_width {
width: 5.208333vw;
margin: 0 0.78125vw;
}
.pro_pagination_box a.pro_pagination_current {
background: #d4161d;
color: #fff;
}
.pro_pagination_box a:hover {
background: #d4161d;
color: #fff;
}
.pro_details_wrap {
position: relative;
margin-top: 4.475vw;
}
.pro_details_back {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.pro_details_content {
position: relative;
z-index: 9;
padding: 8.33333vw 0;
}
.pro_details_pack {
position: relative;
}
.pro_details_box {
position: relative;
z-index: 9;
}
.pro_details_tab {
width: 53.625%;
}
.pro_details_pic_wrap {
width: 74.35897%;
}
.pic_item_box {
padding-bottom: 83.6990595%;
position: relative;
opacity: 0;
-webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
transition: all .8s cubic-bezier(.4, 0, .2, 1);
}
.pro_details_pic_swiper .swiper-slide-active .pic_item_box {
opacity: 1;
}
.pro_details_pic_swiper .swiper-wrapper {
-webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
transition: all .8s cubic-bezier(.4, 0, .2, 1);
}
.pic_item_img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 0 1.5625vw;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.pic_item_img img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.pro_details_pagination_wrap {
width: 25.641025%;
padding-right: 5.208333vw;
}
.pro_details_pagination_box {
height: 100%;
-webkit-align-content: flex-start;
align-content: flex-start;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.pro_details_pagination_li {
height: 4.1666vw;
position: relative;
width: 100%;
margin-top: 0.78125vw;
cursor: pointer;
}
.pro_details_pagination_li:first-child {
margin-top: 0;
}
.pro_details_pagination_img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 0.78125vw 1.82291666vw;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
background: rgba(255, 255, 255, .3);
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.pro_details_pagination_img:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 1px solid #ffffff;
box-sizing: border-box;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
pointer-events: none;
opacity: 0;
-webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
transition: all .8s cubic-bezier(.4, 0, .2, 1);
}
.pro_details_pagination_active .pro_details_pagination_img:after {
opacity: 1;
}
.pro_details_pagination_img img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.pro_details_big {
width: 46.375%;
padding-left: 10.9375vw;
-webkit-align-content: space-between;
align-content: space-between;
}
.pro_details_title_box {
font-size: 1.5625vw;
line-height: 2.08333vw;
color: #111111;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.pro_details_label_wrap {
margin-top: 1.5625vw;
}
.pro_details_label_box {
padding: 0 1.82291666vw;
font-size: 0.83333vw;
color: #d4161d;
line-height: 2.6041666vw;
position: relative;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.pro_details_label_box:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-border-radius: 1.30208333vw;
border-radius: 1.30208333vw;
border: 1px solid #666666;
box-sizing: border-box;
}
.pro_details_text_box {
font-size: 0.7291666vw;
line-height: 1.458333vw;
color: #333333;
margin-top: 2.6041666vw;
height: 11.6666vw;
overflow: auto;
padding-right: 1.0416666vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.pro_details_read {
width: 100%;
}
.pro_details_button_wrap {
width: 100%;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.pro_details_button_box a {
width: 8.8541666vw;
padding: 0.625vw 1.0416666vw;
background: #d4161d;
-webkit-border-radius: 1.3541666vw;
border-radius: 1.3541666vw;
}
.pro_details_button_read {
overflow: hidden;
position: relative;
}
.pro_details_button_text {
font-size: 0.9375vw;
line-height: 1.458333vw;
color: #ffffff;
text-align: center;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.pro_details_button_text:nth-child(2) {
position: absolute;
left: 0;
top: 0;
width: 100%;
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
}
.pro_details_button_box a:hover .pro_details_button_text:nth-child(1) {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0;
}
.pro_details_button_box a:hover .pro_details_button_text:nth-child(2) {
-webkit-transform: none;
transform: none;
opacity: 1;
}
.pro_details_return_wrap {
-webkit-justify-content: flex-end;
justify-content: flex-end;
position: absolute;
right: 0;
top: -4.6875vw;
width: 100%;
opacity: 0;
pointer-events: none;
}
.pro_details_return_icon {
width: 1.1458333vw;
}
.pro_details_return_icon svg {
fill: #ffffff;
}
.pro_details_return_text {
font-size: 1.3541666vw;
line-height: 1.5625vw;
color: #ffffff;
margin-left: 0.9375vw;
}
.partner_banner_box {
width: 100%;
}
.partner_banner_title_box {
overflow: hidden;
}
.partner_banner_title_text {
font-size: 2.3958333vw;
line-height: 2.916666vw;
color: #ffffff;
text-transform: uppercase;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.partner_banner_subtitle_box {
overflow: hidden;
}
.partner_banner_subtitle_text {
font-size: 3.33333vw;
line-height: 3.8541666vw;
color: #ffffff;
text-transform: uppercase;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.partner_banner_digest_box {
margin-top: 0.26041666vw;
overflow: hidden;
}
.partner_banner_digest_text {
font-size: 1.7708333vw;
line-height: 2.291666vw;
color: #ffffff;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.partner_banner_section_box {
margin-top: 1.5625vw;
overflow: hidden;
}
.partner_banner_section_text {
font-size: 1.0416666vw;
line-height: 1.25vw;
color: #ffffff;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.partner_page_wrap {
position: relative;
z-index: 9;
background: #ffffff;
margin-top: -1.5625vw;
-webkit-border-radius: 1.5625vw 1.5625vw 0 0;
border-radius: 1.5625vw 1.5625vw 0 0;
}
.partner_with_title_box {
overflow: hidden;
margin: 0.5208333vw 0;
}
.partner_with_title_text {
font-size: 5.7291666vw;
line-height: 5.208333vw;
color: #111111;
text-transform: uppercase;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.partner_with_subtitle_box {
-webkit-align-items: flex-end;
align-items: flex-end;
overflow: hidden;
}
.partner_with_subtitle_text {
font-size: 3.6458333vw;
line-height: 4.1666vw;
color: #111111;
text-transform: uppercase;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.partner_with_subtitle_icon {
width: 0.9375vw;
margin-left: 1.0416666vw;
-webkit-transform: translateY(-1.041666vw);
transform: translateY(-1.041666vw);
}
.partner_with_subtitle_icon svg {
fill: #d4161d;
height: 100%;
width: 100%;
-webkit-transform: scale(0);
transform: scale(0);
}
.partner_with_content {
padding: 6.25vw 0 8.33333vw 0;
position: relative;
z-index: 9;
}
.partner_with_big {
-webkit-justify-content: flex-end;
justify-content: flex-end;
margin-top: 3.125vw;
}
.partner_with_read {
width: 58.5%;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.partner_with_read,
.partner_with_read p {
font-size: 0.83333vw;
line-height: 1.5625vw;
color: #111111;
}
.partner_with_wrap {
-webkit-border-radius: 1.5625vw;
border-radius: 1.5625vw;
position: relative;
overflow: hidden;
background: #ffffff;
z-index: 20;
}
.partner_with_back {
position: absolute;
right: -3.90625vw;
top: -1.1458333vw;
width: 34.75%;
}
.partner_with_back svg {
width: 100%;
fill: #eaeaea;
}
.partner_support_wrap {
position: relative;
z-index: 10;
background: #f0f0f0;
overflow: hidden;
}
.partner_support_height_box {
}
.partner_support_current {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 9;
}
.partner_support_item_box {
width: 100%;
height: 100%;
-webkit-border-radius: 1.5625vw;
border-radius: 1.5625vw;
overflow: hidden;
background: #ffffff;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.partner_support_content {
padding: 8.33333vw 0 4.1666vw 0;
}
.partner_support_item_img {
padding-bottom: 56%;
}
.partner_support_title {
-webkit-justify-content: center;
justify-content: center;
overflow: hidden;
margin: 0.5208333vw 0;
}
.partner_support_text {
font-size: 3.6458333vw;
line-height: 3.125vw;
color: #111111;
text-transform: uppercase;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.partner_support_tit_read {
overflow: hidden;
}
.partner_support_tab {
margin-top: 3.125vw;
overflow: hidden;
}
.partner_support_item_big {
position: relative;
z-index: 9;
}
.partner_support_item_icon {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: -1.5625vw;
width: 3.125vw;
height: 3.125vw;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
background: #fff;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-box-shadow: 0 0 1.5625vw rgba(0, 0, 0, .15);
box-shadow: 0 0 1.5625vw rgba(0, 0, 0, .15);
}
.partner_support_item_icon svg {
width: 35%;
height: 100%;
fill: #d4161d;
}
.partner_support_item_read {
position: relative;
padding: 3.125vw 1.30208333vw 2.08333vw 1.30208333vw;
}
.partner_support_item_title {
font-size: 1.3541666vw;
line-height: 1.875vw;
color: #111111;
text-align: center;
}
.partner_support_item_text {
margin-top: 0.78125vw;
font-size: 0.7291666vw;
line-height: 1.25vw;
color: #111111;
text-align: center;
}
.partner_support_swiper {
padding-bottom: 2.6041666vw;
}
.partner_support_swiper .swiper-wrapper {
-webkit-align-items: stretch;
align-items: stretch;
}
.partner_support_swiper .swiper-slide {
height: auto;
}
.partner_become_wrap {
-webkit-border-radius: 1.5625vw 1.5625vw 0 0;
border-radius: 1.5625vw 1.5625vw 0 0;
position: relative;
overflow: hidden;
background: #ffffff;
z-index: 20;
}
.partner_become_back {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.partner_become_people {
position: absolute;
right: 15.625%;
bottom: 0;
width: 32.86458333%;
z-index: 9;
-webkit-transform: translateX(30%);
transform: translateX(30%);
opacity: 0;
}
.partner_become_circle_wrap {
position: absolute;
right: -7%;
top: -14%;
width: 42.083333%;
overflow: hidden;
z-index: 8;
}
.partner_become_circle_box {
position: relative;
}
.partner_become_circle_back {
padding-bottom: 100%;
position: relative;
z-index: 9;
}
.partner_become_circle_pic {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 126.73267%;
}
.partner_become_circle_img {
width: 100%;
height: 100%;
}
.partner_become_content {
padding: 10.9375vw 0 15.625vw 0;
position: relative;
z-index: 9;
}
.partner_become_title_box {
overflow: hidden;
margin: 0.26041666vw 0;
}
.partner_become_title_label {
font-size: 3.125vw;
line-height: 3.125vw;
color: #111111;
text-transform: uppercase;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.partner_become_subtitle_label {
font-size: 5.7291666vw;
line-height: 5.208333vw;
color: #111111;
text-transform: uppercase;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.partner_become_subtitle_box {
-webkit-align-items: flex-end;
align-items: flex-end;
overflow: hidden;
margin: 0.5208333vw 0;
}
.partner_become_subtitle_icon {
width: 0.9375vw;
margin-left: 1.0416666vw;
-webkit-transform: translateY(-1.041666vw);
transform: translateY(-1.041666vw);
}
.partner_become_subtitle_icon svg {
fill: #d4161d;
height: 100%;
width: 100%;
-webkit-transform: scale(0);
transform: scale(0);
}
.partner_become_digest_box {
margin-top: 1.0416666vw;
overflow: hidden;
}
.partner_become_digest_label {
font-size: 2.6041666vw;
line-height: 2.6041666vw;
color: #111111;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.partner_become_button {
margin-top: 3.6458333vw;
overflow: hidden;
}
.partner_become_button .pro_details_button_box {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.support_down_wrap {
background: #fff;
-webkit-border-radius: 1.5625vw 1.5625vw 0 0;
border-radius: 1.5625vw 1.5625vw 0 0;
position: relative;
z-index: 9;
margin-top: -1.5625vw;
padding: 6.7708333vw 0 8.33333vw 0;
}
.support_down_title_box {
-webkit-align-items: flex-end;
align-items: flex-end;
margin: 0.5208333vw 0;
overflow: hidden;
}
.support_down_title_label {
font-size: 3.6458333vw;
line-height: 3.125vw;
color: #111111;
text-transform: uppercase;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.support_down_title_icon {
width: 0.9375vw;
margin-left: 1.0416666vw;
-webkit-transform: translateY(-0.5208333vw);
transform: translateY(-0.5208333vw);
}
.support_down_title_icon svg {
fill: #d4161d;
height: 100%;
width: 100%;
-webkit-transform: scale(0);
transform: scale(0);
}
.support_down_head {
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: flex-end;
align-items: flex-end;
position: relative;
z-index: 9;
}
.support_down_nav_wrap {
margin-bottom: 1.0416666vw;
}
.support_down_nav_head {
width: 20.83333vw;
padding: 0 1.0416666vw;
-webkit-justify-content: space-between;
justify-content: space-between;
background: #f4f4f4;
-webkit-border-radius: 1.3541666vw;
border-radius: 1.3541666vw;
cursor: pointer;
position: relative;
z-index: 9;
}
.support_down_nav_current {
font-size: 0.83333vw;
line-height: 2.708333vw;
color: #222222;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: calc(100% - 1.3541666vw);
}
.support_down_nav_icon {
width: 0.83333vw;
}
.support_down_nav_icon svg {
fill: #3a3a3a;
height: 100%;
}
.support_down_nav_box {
position: relative;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.support_down_nav_selection {
position: relative;
z-index: 9;
}
.support_down_nav_content {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-border-radius: 1.3541666vw;
border-radius: 1.3541666vw;
overflow: hidden;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.support_down_nav_hover {
-webkit-box-shadow: 0 0 1.5625vw rgba(0, 0, 0, .15);
box-shadow: 0 0 1.5625vw rgba(0, 0, 0, .15);
}
.support_down_nav_big {
position: relative;
}
.support_down_nav_pd {
padding-top: 2.708333vw;
background: #ffffff;
}
.support_down_nav_ul {
padding: 0.78125vw 1.0416666vw;
}
.support_down_nav_li {
font-size: 0.7291666vw;
line-height: 2.08333vw;
color: #3a3a3a;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.support_down_nav_li:hover {
color: #d4161d;
}
.support_down_line {
width: 100%;
height: 1px;
position: relative;
}
.support_down_line:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 0;
height: 100%;
background: #e6e6e6;
}
.support_down_content {
margin-top: 2.6041666vw;
}
.down_document_wrap {
margin-top: 2.34375vw;
}
.down_document_head {
font-size: 0.83333vw;
line-height: 3.6458333vw;
color: #999999;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.down_document_name {
width: 55%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.down_document_type {
width: 29.0625%;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.down_document_operation {
width: 8.125%;
margin-left: 7.8125%;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.support_down_nav_search {
width: 15.625vw;
margin-left: 1.0416666vw;
}
.support_down_search_box {
background: #f4f4f4;
position: relative;
-webkit-border-radius: 1.3541666vw;
border-radius: 1.3541666vw;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.support_down_search_input {
width: calc(100% - 2.708333vw);
}
.support_down_search_input input {
font-size: 0.83333vw;
line-height: 2.708333vw;
width: 100%;
color: #222222;
padding: 0 1.0416666vw;
}
.support_down_search_input::placeholder {
color: #999999;
}
.support_down_search_icon {
width: 2.708333vw;
height: 100%;
cursor: pointer;
position: absolute;
right: 0;
top: 0;
z-index: 9;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.support_down_search_icon svg {
width: 30.7692%;
fill: #333333;
height: 100%;
}
.down_document_li {
background: #f4f4f4;
-webkit-border-radius: 0.416666vw;
border-radius: 0.416666vw;
margin-bottom: 1.0416666vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.down_document_title {
width: 55%;
padding: 0 1.5625vw;
}
.down_document_title a {
max-width: 100%;
font-size: 0.9375vw;
line-height: 3.6458333vw;
color: #222222;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.down_document_text {
width: 29.0625%;
text-align: center;
font-size: 0.9375vw;
line-height: 3.6458333vw;
color: #999999;
padding: 0 1.0416666vw;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.down_document_button {
width: 8.125%;
margin-left: 7.8125%;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.down_document_btn {
width: 1.5625vw;
height: 1.5625vw;
margin: 0 0.26041666vw;
}
.down_document_btn a {
width: 100%;
height: 100%;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-border-radius: 100%;
border-radius: 100%;
position: relative;
}
.down_document_btn a:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 1px solid #9b9b9b;
box-sizing: border-box;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.down_document_btn a svg {
fill: #9b9b9b;
position: relative;
z-index: 9;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.down_document_look a svg {
width: 45%;
}
.down_document_icon a svg {
width: 36%;
}
.down_document_btn a:hover:after {
border: 1px solid #d4161d;
background: #d4161d;
}
.down_document_btn a:hover svg {
fill: #ffffff;
}
.down_pagination_wrap {
padding-top: 3.125vw;
}
.down_pagination_wrap .pro_pagination_box a {
background: #f4f4f4;
}
.down_pagination_wrap a.pro_pagination_current {
background: #d4161d;
}
.down_pagination_wrap .pro_pagination_box a:hover {
background: #d4161d;
}
.support_faq_content {
margin-top: 2.6041666vw;
}
.support_faq_nav_wrap {
padding-top: 4.1666vw;
}
.support_faq_nav_wrap .pro_nav_item_box a {
background: #f4f4f4;
}
.support_faq_nav_wrap .pro_nav_item_active a {
background: #d4161d;
}
.support_faq_nav_wrap .pro_nav_item_default a {
background: #f4f4f4;
}
.support_faq_nav_wrap .pro_nav_item_hover a {
background: #d4161d;
}
.support_faq_li {
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.support_faq_item {
-webkit-border-radius: 0.416666vw;
border-radius: 0.416666vw;
background: #f6f6f6;
margin-bottom: 1.0416666vw;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.support_li_head {
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
padding: 0.7291666vw 1.5625vw;
cursor: pointer;
}
.support_li_title {
font-size: 0.9375vw;
line-height: 2.1875vw;
color: #222222;
width: calc(100% - 2.708333vw);
-webkit-transition: all .6s ease;
transition: all .6s ease;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.support_li_btn {
width: 2.1875vw;
height: 2.1875vw;
position: relative;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.support_li_icon {
width: 47.619047%;
height: 47.619047%;
position: relative;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.support_li_icon:after {
content: "";
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
width: 100%;
height: 2px;
background: #333333;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.support_li_icon:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
width: 2px;
height: 100%;
background: #333333;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.support_li_content {
overflow: hidden;
height: 0;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.support_li_read {
font-size: 0.83333vw;
line-height: 1.458333vw;
color: #666666;
padding: 1.0416666vw 1.5625vw 2.08333vw 1.5625vw;
}
.support_faq_active .support_li_title {
color: #d4161d;
}
.support_faq_active .support_li_icon {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.support_faq_active .support_li_icon:after {
width: 0;
background: #d4161d;
}
.support_faq_active .support_li_icon:before {
background: #d4161d;
}
.video_item_box {
width: 31.875%;
margin: 0 2.1875% 2.86458333vw 0;
}
.video_item_box:nth-child(3n) {
margin: 0 0 2.86458333vw 0;
}
.video_item_pic {
position: relative;
cursor: pointer;
overflow: hidden;
}
.video_item_pic:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
background: #ffffff;
z-index: 10;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.video_item_img {
padding-bottom: 60.78431%;
-webkit-border-radius: 1.0416666vw;
border-radius: 1.0416666vw;
}
.video_item_img img {
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.video_item_btn {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
z-index: 9;
}
.video_item_icon {
width: 3.125vw;
height: 3.125vw;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
position: relative;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.video_item_icon:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 1px solid #fff;
box-sizing: border-box;
-webkit-border-radius: 100%;
border-radius: 100%;
pointer-events: none;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.video_item_icon svg {
width: 23.3333%;
fill: #ffffff;
position: relative;
z-index: 9;
}
.video_item_read {
margin-top: 1.0416666vw;
}
.video_item_title {
font-size: 1.0416666vw;
line-height: 1.875vw;
color: #222222;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.video_item_pic:hover .video_item_icon {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.video_item_pic:hover .video_item_icon:after {
background: #d4161d;
border: 1px solid #d4161d;
}
.video_item_pic:hover .video_item_img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.about_banner_read {
width: 100%;
}
.about_banner_title_label {
font-size: 3.33333vw;
line-height: 3.8541666vw;
color: #ffffff;
text-align: center;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.about_banner_subtitle_box {
margin-top: 1.0416666vw;
}
.about_banner_subtitle_label {
font-size: 1.25vw;
line-height: 1.7708333vw;
color: #ffffff;
text-align: center;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.about_page_wrap {
position: relative;
z-index: 9;
background: #ffffff;
margin-top: -1.5625vw;
-webkit-border-radius: 1.5625vw 1.5625vw 0 0;
border-radius: 1.5625vw 1.5625vw 0 0;
}
.about_company_wrap {
padding: 6.25vw 0;
position: relative;
z-index: 10;
overflow: hidden;
}
.about_company_title_box {
overflow: hidden;
margin: 0.26041666vw 0;
}
.about_company_title_label {
font-size: 3.6458333vw;
line-height: 3.38541666vw;
color: #111111;
text-transform: uppercase;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.about_company_subtitle_box {
-webkit-align-items: flex-end;
align-items: flex-end;
overflow: hidden;
margin: 0.26041666vw 0;
}
.about_company_subtitle_label {
font-size: 3.6458333vw;
line-height: 3.38541666vw;
color: #111111;
text-transform: uppercase;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.about_company_subtitle_icon {
width: 0.9375vw;
margin-left: 1.0416666vw;
-webkit-transform: translateY(-0.78125vw);
transform: translateY(-0.78125vw);
}
.about_company_subtitle_icon svg {
fill: #d4161d;
height: 100%;
width: 100%;
-webkit-transform: scale(0);
transform: scale(0);
}
.about_company_big {
width: calc(100% - 38.541666vw);
padding-right: 6.25vw;
}
.about_company_photo {
width: 38.541666vw;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.about_company_pic {
width: 0;
height: 0;
-webkit-border-radius: 1.0416666vw;
border-radius: 1.0416666vw;
overflow: hidden;
-webkit-align-content: center;
align-content: center;
-webkit-justify-content: center;
justify-content: center;
}
.about_company_img_wrap {
min-width: max-content;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.about_company_img_box {
width: 38.541666vw;
padding-bottom: 65.94594%;
}
.about_company_read {
font-size: 0.88541666vw;
line-height: 1.7708333vw;
color: #111111;
margin-top: 3.6458333vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.about_company_data_wrap {
-webkit-justify-content: space-between;
justify-content: space-between;
margin-top: 5.208333vw;
}
.about_company_data_li {
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.about_company_data_head {
-webkit-justify-content: center;
justify-content: center;
}
.about_company_data_label,
.about_company_data_number {
font-size: 5.208333vw;
line-height: 5.7291666vw;
color: #111111;
}
.about_company_data_text {
font-size: 0.78125vw;
line-height: 1.30208333vw;
color: #d4161d;
text-align: center;
}
.about_layout_wrap {
position: relative;
z-index: 11;
overflow: hidden;
margin-top: -1.5625vw;
}
.about_layout_pic {
padding-bottom: 41.6666%;
position: relative;
}
.about_layout_img {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
padding-bottom: 56.25%;
}
.about_layout_box {
position: relative;
}
.about_layout_content {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-align-items: center;
align-items: center;
}
.about_layout_pack {
width: 100%;
}
.about_layout_title_box .about_company_subtitle_wrap {
-webkit-justify-content: center;
justify-content: center;
}
.about_layout_title_box .about_company_subtitle_label {
color: #ffffff;
}
.about_layout_title_box .about_company_subtitle_icon svg {
fill: #ffffff;
}
.about_layout_number,
.about_layout_label {
font-size: 3.125vw;
line-height: 3.6458333vw;
color: #111111;
}
.about_layout_item_text {
font-size: 0.83333vw;
line-height: 1.5625vw;
color: #333333;
}
.about_layout_tab {
margin-top: 4.1666vw;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.about_layout_item_wrap {
width: 19.2708333vw;
height: 10.416666vw;
position: relative;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.about_layout_item_wrap:nth-child(1) {
margin-top: 6.7708333vw;
}
.about_layout_item_wrap:nth-child(3) {
margin-top: 10.416666vw;
}
.about_layout_item_wrap:nth-child(4) {
margin-top: 3.6458333vw;
}
.about_layout_item_width {
width: 0;
height: 0;
overflow: hidden;
-webkit-align-content: center;
align-content: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-border-radius: 1.0416666vw;
border-radius: 1.0416666vw;
background: rgba(255, 255, 255, .85);
}
.about_layout_item_box {
min-width: max-content;
}
.about_layout_item_big {
width: 100%;
padding: 2.6041666vw 1.0416666vw;
-webkit-align-items: center;
align-items: center;
}
.about_layout_item_read {
max-width: calc(19.2708333vw - 6.3541666vw);
min-width: calc(19.2708333vw - 7.916666vw);
padding-right: 0.5208333vw;
}
.about_layout_item_icon {
width: 4.2708333vw;
height: 3.75vw;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.about_layout_item_icon svg {
fill: #d4161d;
height: auto;
max-width: 100%;
max-height: 100%;
width: 100%;
}
.about_culture_wrap {
padding: 5.7291666vw 0 4.6875vw 0;
}
.about_culture_big {
width: calc(100% - 31.25vw);
padding-right: 5.208333vw;
-webkit-align-content: space-between;
align-content: space-between;
}
.about_culture_tab {
margin-top: 5.208333vw;
}
.about_culture_title_box {
overflow: hidden;
}
.about_culture_title_label {
font-size: 3.125vw;
line-height: 3.6458333vw;
color: #d4161d;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.about_culture_text_box {
margin-top: 1.82291666vw;
overflow: hidden;
}
.about_culture_text_label {
font-size: 1.458333vw;
line-height: 1.9791666vw;
min-height: 7.91666vw;
color: #111111;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.about_culture_read_swiper .swiper-wrapper {
-webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
transition: all .8s cubic-bezier(.4, 0, .2, 1);
}
.about_culture_item_box {
padding: 0.416666vw 0.5208333vw;
min-width: 6.51041666vw;
background: #f1f1f1;
-webkit-border-radius: 1.1458333vw;
border-radius: 1.1458333vw;
margin-right: 1.0416666vw;
-webkit-transition: all .6s ease;
transition: all .6s ease;
cursor: pointer;
}
.about_culture_item_box:last-child {
margin-right: 0;
}
.about_culture_item_read {
position: relative;
overflow: hidden;
}
.about_culture_item_text {
font-size: 0.83333vw;
line-height: 1.458333vw;
color: #111111;
text-align: center;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.about_culture_item_text:nth-child(2) {
position: absolute;
left: 0;
top: 0;
width: 100%;
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.about_culture_item_active {
background: #d4161d;
}
.about_culture_item_active .about_culture_item_text {
color: #ffffff;
}
.about_culture_item_active .about_culture_item_text:nth-child(1) {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.about_culture_item_active .about_culture_item_text:nth-child(2) {
-webkit-transform: none;
transform: none;
opacity: 1;
}
.about_culture_photo {
width: 31.25vw;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.about_culture_pic {
width: 0;
height: 0;
-webkit-border-radius: 1.0416666vw;
border-radius: 1.0416666vw;
overflow: hidden;
-webkit-align-content: center;
align-content: center;
-webkit-justify-content: center;
justify-content: center;
}
.about_culture_img_wrap {
min-width: max-content;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.about_culture_img_box {
padding-bottom: 100%;
}
.about_culture_pack {
width: 100%;
}
.about_culture_button {
width: 100%;
overflow: hidden;
}
.about_culture_btn {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.about_culture_img_swiper {
width: 31.25vw;
}
.about_culture_img_swiper .swiper-wrapper {
-webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
transition: all .8s cubic-bezier(.4, 0, .2, 1);
}
.about_honor_wrap {
position: relative;
}
.about_honor_back {
padding-bottom: 44.2708333%;
}
.about_honor_box {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 9;
padding: 6.25vw 0;
}
.news_selection_way .support_down_nav_head {
width: 9.375vw;
}
.news_page_item_title a {
font-size: 1.9791666vw;
line-height: 2.5vw;
color: #111111;
max-width: 100%;
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: 0.83333vw;
line-height: 1.458333vw;
margin-top: 1.5625vw;
color: #666666;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.news_page_item_big {
width: 66.25%;
padding-right: 1.0416666vw;
-webkit-align-content: space-between;
align-content: space-between;
}
.news_page_item_pic {
width: 33.75%;
}
.news_page_item_pic a {
display: block;
}
.news_page_item_img {
-webkit-border-radius: 1.0416666vw;
border-radius: 1.0416666vw;
padding-bottom: 62.037037%;
}
.news_page_item_img img {
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.news_page_item_read {
width: 100%;
}
.news_page_item_time {
width: 100%;
font-size: 3.125vw;
line-height: 3.6458333vw;
color: #eaeaea;
}
.news_page_item_line {
position: relative;
width: 0;
height: 1px;
}
.news_page_item_line:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #e4e4e4;
z-index: 1;
}
.news_page_item_line:before {
content: "";
position: absolute;
right: 0;
top: 0;
width: 0;
height: 100%;
background: #d4161d;
z-index: 2;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.news_page_item_pack {
padding-bottom: 3.6458333vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.news_page_item_box:first-child {
margin-top: 0;
}
.news_page_item_box {
margin-top: 3.6458333vw;
}
.news_page_item_box:hover .news_page_item_title a {
color: #d4161d;
}
.news_page_item_box:hover .news_page_item_line:before {
width: 100%;
left: 0;
}
.news_page_item_box:hover .news_page_item_img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.news_page_tab {
margin-top: 5.208333vw;
}
.news_pagination_wrap {
margin-top: 4.1666vw;
}
.news_page_wrap {
background: #fff;
-webkit-border-radius: 1.5625vw 1.5625vw 0 0;
border-radius: 1.5625vw 1.5625vw 0 0;
position: relative;
z-index: 9;
margin-top: -1.5625vw;
padding: 2.6041666vw 0 8.33333vw 0;
}
.news_page_head {
padding-top: 6.7708333vw;
}
.news_nav_wrap {
overflow: hidden;
}
.news_nav_box {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.news_nav_li {
margin-right: 2.08333vw;
}
.news_nav_li a {
font-size: 1.1458333vw;
line-height: 2.08333vw;
color: #222222;
position: relative;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.news_nav_li a:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 1px;
background: #d4161d;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.news_nav_active a {
color: #d4161d;
}
.news_nav_active a:after {
width: 100%;
}
.news_nav_default a {
color: #222222;
}
.news_nav_default a:after {
width: 0;
}
.news_nav_hover a {
color: #d4161d;
}
.news_nav_hover a:after {
width: 100%;
}
.news_details_line {
position: relative;
width: 100%;
height: 1px;
}
.news_details_line:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 0;
height: 100%;
background: #e1e1e1;
}
.news_details_wrap {
background: #fff;
-webkit-border-radius: 1.5625vw 1.5625vw 0 0;
border-radius: 1.5625vw 1.5625vw 0 0;
position: relative;
z-index: 9;
margin-top: -1.5625vw;
padding: 5.208333vw 0 6.7708333vw 0;
}
.news_details_title_label {
font-size: 2.08333vw;
line-height: 2.6041666vw;
color: #111111;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.news_details_big {
width: 62.5%;
}
.news_details_tips_wrap {
padding: 2.6041666vw 0;
}
.news_details_tips_box {
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.news_details_tips_text {
font-size: 1.0416666vw;
line-height: 1.5625vw;
color: #999999;
margin-right: 4.1666vw;
}
.news_details_tips_text:last-child {
margin-right: 0;
}
.news_details_bjq {
font-size: 0.83333vw;
line-height: 1.7708333vw;
color: #222222;
padding: 3.125vw 0;
}
.news_details_bjq p {
font-size: 0.83333vw;
line-height: 1.7708333vw;
color: #222222;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.news_details_bjq img {
padding: 1.7708333vw 0;
display: inline-block;
width: auto;
max-width: 100%;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.news_details_button {
margin-top: 3.38541666vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.news_details_btn {
width: 33.3333%;
}
.news_details_btn:nth-child(2) {
-webkit-justify-content: center;
justify-content: center;
}
.news_details_btn:nth-child(3) {
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.news_details_icon {
width: 0.9375vw;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.news_details_icon svg {
fill: #222222;
height: 100%;
width: 100%;
}
.news_details_text {
font-size: 1.0416666vw;
line-height: 1.5625vw;
color: #222222;
}
.news_details_return_icon {
width: 1.5625vw;
height: 1.5625vw;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.news_details_return_icon svg {
fill: #222222;
width: 66.666%;
height: 100%;
}
.news_details_prev .news_details_icon {
margin-right: 1.0416666vw;
}
.news_details_next .news_details_icon {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
margin-left: 1.0416666vw;
}
.news_related_icon {
width: 0.9375vw;
height: 1.5625vw;
-webkit-align-items: center;
align-items: center;
}
.news_related_icon svg {
fill: #d4161d;
height: 100%;
}
.news_related_title {
font-size: 1.5625vw;
line-height: 2.08333vw;
color: #111111;
}
.news_details_box {
-webkit-justify-content: space-between;
justify-content: space-between;
}
.news_related_wrap {
width: 27.8125%;
}
.news_related_item_pic {
width: 33.70786%;
-webkit-border-radius: 0.5208333vw;
border-radius: 0.5208333vw;
overflow: hidden;
}
.news_related_item_pic a {
display: block;
}
.news_related_item_img {
padding-bottom: 66.6666%;
}
.news_related_item_read {
width: 66.29214%;
padding-left: 1.25vw;
-webkit-align-content: space-between;
align-content: space-between;
}
.news_related_item_title {
width: 100%;
}
.news_related_item_title a {
max-width: 100%;
font-size: 0.7291666vw;
line-height: 1.1458333vw;
color: #333333;
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;
}
.news_related_item_time {
width: 100%;
font-size: 0.7291666vw;
line-height: 1.0416666vw;
color: #999999;
}
.news_related_item_box {
margin-top: 2.08333vw;
}
.news_related_item_box:hover .news_related_item_title a {
color: #d4161d;
}
.news_related_box {
width: 100%;
}
.news_related_content {
width: 100%;
}
.AddRelatedFixed {
position: fixed;
right: 0;
top: 0;
width: 100%;
padding: 0 8.33333vw 0 8.33333vw;
-webkit-justify-content: flex-end;
justify-content: flex-end;
pointer-events: none;
}
.AddRelatedFixed .news_related_content {
width: 27.8125%;
pointer-events: auto;
}
.news_related_end {
-webkit-align-items: flex-end;
align-items: flex-end;
}
.contact_page_wrap {
background: #f5f5f5;
-webkit-border-radius: 1.5625vw 1.5625vw 0 0;
border-radius: 1.5625vw 1.5625vw 0 0;
position: relative;
z-index: 9;
margin-top: -1.5625vw;
padding: 1.0416666vw 0 0 0;
}
.contact_map_back {
padding-bottom: 39.0625%;
}
.contact_map_wrap {
position: relative;
margin-bottom: 3.6458333vw;
}
.contact_map_box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.contact_map_tab {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.contact_map_item_icon {
width: 100%;
-webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
transition: all .8s cubic-bezier(.4, 0, .2, 1);
}
.contact_map_item_icon:nth-child(1) {
position: relative;
z-index: 2;
}
.contact_map_item_icon:nth-child(2) {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
}
.contact_map_item_active .contact_map_item_icon {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.contact_map_item_active .contact_map_item_icon:nth-child(1) {
opacity: 0;
}
.contact_map_item_active .contact_map_item_icon:nth-child(2) {
opacity: 1;
}
.contact_map_item_box {
position: absolute;
width: 1.1458333vw;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0;
pointer-events: none;
}
.contact_map_item_box:nth-child(1) {
left: 39.9%;
top: 32%;
z-index: 20;
}
.contact_map_item_box:nth-child(2) {
left: 38.3%;
top: 31.1%;
z-index: 19;
}
.contact_map_item_box:nth-child(3) {
left: 39.38%;
top: 30.1%;
z-index: 18;
}
.contact_map_item_box:nth-child(4) {
left: 41%;
top: 29.5%;
z-index: 17;
}
.contact_map_item_box:nth-child(5) {
left: 40.25%;
top: 28.4%;
z-index: 16;
}
.contact_map_item_box:nth-child(6) {
left: 41.35%;
top: 26.8%;
z-index: 15;
}
.contact_map_item_box:nth-child(7) {
left: 39.1%;
top: 25.6%;
z-index: 14;
}
.contact_map_item_box:nth-child(8) {
left: 15.6%;
top: 21.2%;
z-index: 13;
}
.contact_map_item_box:nth-child(9) {
left: 23%;
top: 32.2%;
z-index: 12;
}
.contact_map_item_box:nth-child(10) {
left: 69%;
top: 26%;
z-index: 11;
}
.AddContactMapTab .contact_map_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);
}
.AddContactMapTab .contact_map_item_box:nth-child(1) {
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.AddContactMapTab .contact_map_item_box:nth-child(2) {
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.AddContactMapTab .contact_map_item_box:nth-child(3) {
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.AddContactMapTab .contact_map_item_box:nth-child(4) {
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.AddContactMapTab .contact_map_item_box:nth-child(5) {
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.AddContactMapTab .contact_map_item_box:nth-child(6) {
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.AddContactMapTab .contact_map_item_box:nth-child(7) {
-webkit-transition-delay: .7s;
transition-delay: .7s;
}
.AddContactMapTab .contact_map_item_box:nth-child(8) {
-webkit-transition-delay: .8s;
transition-delay: .8s;
}
.AddContactMapTab .contact_map_item_box:nth-child(9) {
-webkit-transition-delay: .9s;
transition-delay: .9s;
}
.AddContactMapTab .contact_map_item_box:nth-child(10) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.AddContactMapTab .contact_map_swiper .swiper-slide-active .contact_map_slide {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
transition: all .8s cubic-bezier(.4, 0, .2, 1);
}
.contact_map_title_box {
padding-bottom: 1.0416666vw;
}
.contact_map_title_label {
font-size: 1.5625vw;
line-height: 2.08333vw;
color: #111111;
}
.contact_map_line {
position: relative;
width: 100%;
height: 1px;
}
.contact_map_line:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #e6e6e6;
}
.contact_map_read {
padding-top: 1.0416666vw;
}
.contact_map_sub_box {
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-bottom: 0.78125vw;
}
.contact_map_sub_box:last-child {
margin-bottom: 0;
}
.contact_map_sub_icon {
width: 0.83333vw;
height: 1.1458333vw;
-webkit-align-items: center;
align-items: center;
}
.contact_map_sub_icon svg {
fill: #d61f26;
height: 100%;
}
.contact_map_sub_text {
font-size: 0.83333vw;
line-height: 1.1458333vw;
color: #222222;
width: calc(100% - 1.5625vw);
}
.contact_map_sub_text a {
font-size: 0.83333vw;
line-height: 1.1458333vw;
}
.contact_map_content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 9;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: flex-end;
align-items: flex-end;
}
.contact_map_swiper {
width: 28.38541666%;
}
.contact_map_slide {
padding: 1.5625vw 2.08333vw;
-webkit-border-radius: 1.0416666vw;
border-radius: 1.0416666vw;
background: #ffffff;
-webkit-box-shadow: 1.0416666vw 0 3.125vw rgba(0, 0, 0, .1);
box-shadow: 1.0416666vw 0 3.125vw rgba(0, 0, 0, .1);
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.contact_map_swiper .swiper-wrapper {
-webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
transition: all .8s cubic-bezier(.4, 0, .2, 1);
}
.contact_leave_head .partner_with_subtitle_box {
-webkit-justify-content: center;
justify-content: center;
}
.contact_leave_wrap {
padding: 3.125vw 0 10.9375vw 0;
position: relative;
overflow: hidden;
}
.contact_leave_wrap:after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 1.0416666vw;
width: 100%;
background-image: linear-gradient(rgba(245, 245, 245, 1), rgba(245, 245, 245, 0));
z-index: 2;
}
.contact_leave_back {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 1;
}
.contact_leave_box {
position: relative;
z-index: 9;
}
.contact_leave_big {
-webkit-justify-content: center;
justify-content: center;
margin-top: 2.08333vw;
}
.contact_leave_form {
width: 84.375%;
background: rgba(255, 255, 255, .6);
padding: 3.90625vw 2.86458333vw 5.7291666vw 2.86458333vw;
-webkit-border-radius: 1.5625vw;
border-radius: 1.5625vw;
box-shadow: 0 0 4.1666vw rgba(102, 102, 102, .1);
}
.contact_leave_table {
width: 55.967741%;
}
.contact_leave_item_box {
width: 48.99135%;
background: #ffffff;
-webkit-border-radius: 0.5208333vw;
border-radius: 0.5208333vw;
position: relative;
padding: 0 1.0416666vw;
margin: 0 2.0173% 1.0416666vw 0;
}
.contact_leave_item_box:nth-child(2n) {
margin: 0 0 1.0416666vw 0;
}
.contact_leave_item_box:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-border-radius: 0.5208333vw;
border-radius: 0.5208333vw;
border: 1px solid #e3e3e3;
box-sizing: border-box;
pointer-events: none;
}
.contact_leave_item_search .contact_leave_item_input {
width: 50%;
padding-right: 1.0416666vw;
}
.contact_leave_item_input {
width: 100%;
-webkit-align-items: center;
align-items: center;
}
.contact_leave_item_select {
width: 50%;
}
.contact_leave_item_select .layui-form-select .layui-input {
padding-right: 1.0416666vw;
text-align: right;
}
.contact_leave_item_select .layui-select-title {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
align-items: center;
}
.contact_leave_item_select .layui-form-select .layui-edge {
background: url(/Public/Home/default/images/jt.svg) no-repeat 50%;
border: none;
right: 0;
width: 0.7291666vw;
height: 0.7291666vw;
top: 1.19791666vw;
margin-top: 0;
}
.contact_leave_item_select .layui-input {
line-height: 3.125vw;
height: 3.125vw;
border: none;
font-size: 0.7291666vw;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.contact_leave_item_select .layui-input:focus, .layui-textarea:focus {
border: none;
box-shadow: none;
}
.contact_leave_item_select .layui-form-select dl {
top: 3.125vw;
}
.contact_leave_item_select .layui-form-select dl dd.layui-this {
color: #d61f26;
}
.contact_leave_item_select .contact_leave_item_option {
width: 100%;
}
.contact_leave_item_option .layui-form-select {
color: #333;
}
.contact_leave_item_option input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #666666;
}
.contact_leave_item_title {
font-size: 0.7291666vw;
line-height: 3.125vw;
color: #333333;
}
.contact_leave_item_search .contact_leave_item_title {
width: 100%;
}
.contact_leave_item_search .contact_leave_item_value {
width: 43%;
}
.contact_leave_item_title {
width: 35%;
}
.contact_leave_item_value {
width: 65%;
}
.contact_leave_item_title span {
color: #d4161d;
width: 0.5208333vw;
margin-left: 0.26041666vw;
}
.contact_leave_item_value input {
width: 100%;
font-size: 0.7291666vw;
line-height: 3.125vw;
height: 3.125vw;
color: #333333;
text-align: right;
padding: 0;
border: none;
background: none;
}
.contact_leave_item_value .layui-input:focus,
.contact_leave_item_value .layui-input:hover {
border: none !important;
box-shadow: none;
}
.contact_leave_textarea_wrap {
width: 43.1451612%;
margin-left: 0.8870978%;
position: relative;
}
.contact_leave_textarea_box {
position: relative;
height: calc(100% - 1.0416666vw);
}
.contact_leave_textarea_box:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-border-radius: 0.5208333vw;
border-radius: 0.5208333vw;
border: 1px solid #e3e3e3;
box-sizing: border-box;
pointer-events: none;
}
.contact_leave_textarea_box .layui-textarea {
height: 100%;
resize: none;
font-size: 0.7291666vw;
line-height: 1.25vw;
color: #333333;
padding: 0.9375vw 1.0416666vw;
border: none;
-webkit-border-radius: 0.5208333vw;
border-radius: 0.5208333vw;
position: relative;
}
.contact_leave_textarea_box .layui-textarea::-webkit-input-placeholder {
line-height: 1.25vw;
}
.contact_leave_textarea_box .layui-textarea:hover {
border: none;
box-shadow: none;
}
.contact_leave_tips_box {
margin-top: 2.08333vw;
}
.contact_leave_tips_box .layui-form-checkbox[lay-skin=primary] > i {
-webkit-border-radius: 0.208333vw;
border-radius: 0.208333vw;
border: 1px solid #999999;
top: 0.15625vw;
box-sizing: border-box;
}
.contact_leave_tips_box .layui-form-checked[lay-skin=primary] > i {
border-color: #d4161d !important;
background: #d4161d !important;
}
.contact_leave_tips_box .layui-form-checkbox[lay-skin=primary] > div {
margin-top: 0;
padding: 0;
line-height: 1.25vw;
font-size: 0.7291666vw;
border-radius: 0;
}
.contact_leave_button {
-webkit-justify-content: center;
justify-content: center;
margin-top: 3.38541666vw;
}
.contact_leave_button .layui-btn {
width: 9.375vw;
height: 3.125vw;
line-height: 3.125vw;
font-size: 0.9375vw;
color: #ffffff;
-webkit-border-radius: 1.5625vw;
border-radius: 1.5625vw;
background: #d4161d;
}
.develop_page_wrap {
background: #fff;
-webkit-border-radius: 1.5625vw 1.5625vw 0 0;
border-radius: 1.5625vw 1.5625vw 0 0;
position: relative;
z-index: 9;
margin-top: -1.5625vw;
}
.develop_energy_wrap {
padding: 6.7708333vw 0;
background: #fff;
-webkit-border-radius: 1.5625vw 1.5625vw 0 0;
border-radius: 1.5625vw 1.5625vw 0 0;
position: relative;
z-index: 9;
}
.develop_energy_pic {
width: 31.625%;
position: relative;
}
.develop_energy_back {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
}
.develop_energy_img {
opacity: 0;
padding-bottom: 100%;
-webkit-transform: scale(0) rotate(180deg);
transform: scale(0) rotate(180deg);
}
.develop_energy_content {
width: 68.375%;
padding-left: 10.9375vw;
}
.develop_energy_icon {
width: 1.5625vw;
}
.develop_energy_icon svg {
fill: #d4161d;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
transform: scale(0);
}
.develop_energy_title_wrap {
margin-top: 1.0416666vw;
}
.develop_energy_head {
padding-top: 1.5625vw;
}
.develop_energy_subtitle_box {
margin: 0.26041666vw 0;
overflow: hidden;
}
.develop_energy_title_box {
margin: 0.26041666vw 0;
overflow: hidden;
}
.develop_energy_title_label,
.develop_energy_subtitle_label {
font-size: 4.4791666vw;
line-height: 4.1666vw;
color: #111111;
text-transform: uppercase;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.develop_energy_digest_box {
margin-top: 3.6458333vw;
overflow: hidden;
}
.develop_energy_digest_label {
font-size: 2.08333vw;
line-height: 2.6041666vw;
color: #111111;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.develop_energy_bjq {
font-size: 0.9375vw;
line-height: 1.5625vw;
color: #111111;
margin-top: 1.0416666vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.develop_picture_box {
padding-bottom: 30%;
overflow: hidden;
position: relative;
}
.develop_picture_content {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.develop_picture_fixed {
padding-bottom: 30%;
position: relative;
}
.develop_picture_pic {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
}
.develop_picture_img {
padding-bottom: 56.25%;
}
.develop_labor_wrap {
padding: 6.7708333vw 0 0 0;
background: #fff;
position: relative;
z-index: 9;
}
.develop_picture_current {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
}
.develop_labor_item_text {
font-size: 3.125vw;
line-height: 2.86458333vw;
color: #111111;
text-transform: uppercase;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.develop_labor_item_label {
-webkit-align-items: flex-end;
align-items: flex-end;
overflow: hidden;
margin: 0.5208333vw 0;
}
.develop_labor_item_icon {
width: 0.9375vw;
margin-left: 1.0416666vw;
-webkit-transform: translateY(-0.5208333vw);
transform: translateY(-0.5208333vw);
}
.develop_labor_item_icon svg {
fill: #d4161d;
height: 100%;
width: 100%;
-webkit-transform: scale(0);
transform: scale(0);
}
.develop_labor_item_width {
width: 50%;
}
.develop_labor_item_content {
-webkit-align-items: center;
align-items: center;
height: 100%;
}
.develop_labor_item_big {
width: 100%;
}
.develop_labor_item_box:nth-child(2n+1) .develop_labor_item_big {
padding: 0 6.25vw 0 8.33333vw;
}
.develop_labor_item_box:nth-child(2n) .develop_labor_item_big {
padding: 0 8.33333vw 0 6.25vw;
}
.develop_labor_item_box:nth-child(2n+1) .develop_labor_item_pic {
-webkit-border-radius: 1.5625vw 0 0 0;
border-radius: 1.5625vw 0 0 0;
overflow: hidden;
}
.develop_labor_item_box:nth-child(2n) .develop_labor_item_pic {
-webkit-border-radius: 0 0 1.5625vw 0;
border-radius: 0 0 1.5625vw 0;
overflow: hidden;
}
.develop_energy_rotate {
-webkit-animation: energy_rotate 40s infinite linear normal both;
animation: energy_rotate 40s infinite linear normal both;
}
@-webkit-keyframes energy_rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes energy_rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
.develop_labor_item_read {
font-size: 0.83333vw;
line-height: 1.5625vw;
color: #111111;
margin-top: 2.34375vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.develop_labor_item_img {
padding-bottom: 53.125%;
}
.develop_labor_item_img:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #fff;
}
.develop_safety_wrap {
position: relative;
z-index: 9;
background: #ffffff;
padding: 6.7708333vw 0 5.208333vw 0;
}
.develop_safety_box .develop_labor_item_read {
width: 44.375%;
}
.develop_care_wrap {
position: relative;
z-index: 9;
background: #ffffff;
padding: 0 0 8.8541666vw 0;
}
.develop_care_item_box {
width: 50%;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.develop_care_img {
padding-bottom: 60%;
width: 41.6666vw;
}
.develop_care_wrap .develop_labor_item_content {
-webkit-align-items: flex-start;
align-items: flex-start;
padding-left: 6.7708333vw;
}
.develop_care_width {
width: 0;
height: 0;
overflow: hidden;
-webkit-border-radius: 1.0416666vw;
border-radius: 1.0416666vw;
-webkit-align-content: center;
align-content: center;
-webkit-justify-content: center;
justify-content: center;
}
.develop_care_pic {
min-width: max-content;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.public_height_wrap {
padding-bottom: 0;
height: calc(100vh + 1.5625vw);
}
.public_height_wrap .public_banner_box {
height: 100%;
}
.public_height_wrap .public_banner_img {
padding-bottom: 0;
height: 100%;
}
.subject_banner_read {
width: 100%;
margin-bottom: 4.6875vw;
}
.subject_banner_title_box {
width: 100%;
}
.subject_banner_title_label {
width: 100%;
font-size: 4.42708333vw;
line-height: 4.94791666vw;
color: #ffffff;
text-align: center;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.subject_banner_subtitle_box {
width: 100%;
margin-top: 1.30208333vw;
}
.subject_banner_subtitle_label {
font-size: 1.3541666vw;
line-height: 1.875vw;
color: #ffffff;
text-align: center;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.subject_banner_button {
position: absolute;
left: 0;
bottom: 3.6458333vw;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
z-index: 9;
}
.subject_banner_btn {
height: 5.7291666vw;
width: 5.7291666vw;
position: relative;
padding: 0.5208333vw;
opacity: 0;
pointer-events: none;
cursor: pointer;
-webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
transition: all .8s cubic-bezier(.4, 0, .2, 1);
}
.subject_banner_btn:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 1px solid #ffffff;
box-sizing: border-box;
-webkit-border-radius: 100%;
border-radius: 100%;
pointer-events: none;
}
.subject_banner_circle {
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
position: relative;
}
.subject_banner_animate {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 9;
opacity: .4;
-webkit-animation: subjectAnimate 1.5s infinite linear normal both;
animation: subjectAnimate 1.5s infinite linear normal both;
}
@-webkit-keyframes subjectAnimate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: .4;
}
50% {
opacity: .8;
}
100% {
opacity: .4;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes subjectAnimate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: .4;
}
50% {
opacity: .8;
}
100% {
opacity: .4;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.subject_banner_animate:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-top: 1px solid rgba(255, 255, 255, 1);
box-sizing: border-box;
-webkit-border-radius: 100%;
border-radius: 100%;
pointer-events: none;
}
.subject_banner_animate:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-bottom: 1px solid rgba(255, 255, 255, 1);
box-sizing: border-box;
-webkit-border-radius: 100%;
border-radius: 100%;
pointer-events: none;
}
.subject_banner_icon {
width: 0.7291666vw;
}
.subject_banner_icon svg {
fill: #ffffff;
}
.owners_page_wrap {
position: relative;
z-index: 9;
background: #ffffff;
-webkit-border-radius: 1.5625vw 1.5625vw 0 0;
border-radius: 1.5625vw 1.5625vw 0 0;
margin-top: -1.5625vw;
}
.owners_harness_wrap {
position: relative;
z-index: 9;
background: #ffffff;
-webkit-border-radius: 1.5625vw 1.5625vw 0 0;
border-radius: 1.5625vw 1.5625vw 0 0;
padding: 7.8125vw 0 9.8958333vw 0;
}
.owners_harness_head {
width: 62.5%;
}
.owners_harness_title_box {
overflow: hidden;
}
.owners_harness_title_text {
font-size: 3.125vw;
line-height: 4.1666vw;
color: #111111;
text-transform: uppercase;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.owners_harness_title_color .owners_harness_title_text {
color: #d4161d;
}
.owners_harness_icon {
width: 1.0416666vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.owners_harness_icon svg {
fill: #d4161d;
}
.owners_harness_subtitle_label {
font-size: 1.5625vw;
line-height: 2.08333vw;
color: #111111;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.owners_harness_big {
width: 37.5%;
padding: 0.78125vw 0 0 0;
}
.owners_harness_read {
margin-top: 2.6041666vw;
}
.owners_harness_subtext {
font-size: 0.83333vw;
line-height: 1.25vw;
color: #222222;
margin-top: 1.5625vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.owners_screen_wrap {
position: relative;
z-index: 9;
overflow: hidden;
padding-top: 100vh;
}
.owners_screen_li {
height: 15.625vw;
width: 100%;
}
.owners_screen_height_wrap {
height: 100vh;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.owners_screen_fixed {
height: 100vh;
position: relative;
}
.owners_screen_slide {
height: 100%;
position: absolute;
left: 0;
top: 0;
width: 100%;
background: #ffffff;
overflow: hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
transition: all .8s cubic-bezier(.4, 0, .2, 1);
}
.owners_screen_slide:nth-child(1) {
-webkit-transform: none;
transform: none;
}
.owners_screen_active {
-webkit-transform: none;
transform: none;
}
.owners_daytime_wrap {
z-index: 1;
}
.owners_night_wrap {
z-index: 2;
}
.owners_series_wrap {
z-index: 3;
}
.owners_stacked_wrap {
z-index: 4;
}
.owners_cabinet_wrap {
z-index: 5;
}
.owners_wall_wrap {
z-index: 6;
}
.owners_battery_wrap {
z-index: 7;
}
.owners_rack_wrap {
z-index: 8;
}
.owners_screen_flex {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: flex-end;
align-items: flex-end;
}
.owners_screen_flex .owners_screen_fixed {
position: relative;
}
.owners_screen_flex .owners_screen_height_wrap {
position: static;
}
.owners_daytime_fixed {
height: 100vh;
}
.owners_daytime_current {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
}
.owners_daytime_box {
height: 100%;
position: relative;
}
.owners_daytime_head_wrap {
position: absolute;
left: 0;
top: 14%;
width: 100%;
z-index: 9;
}
.owners_daytime_title_box {
overflow: hidden;
}
.owners_daytime_title_label {
font-size: 3.125vw;
line-height: 3.6458333vw;
color: #222222;
text-transform: uppercase;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.owners_daytime_subtitle_box {
margin-top: 0.5208333vw;
overflow: hidden;
}
.owners_daytime_subtitle_label {
font-size: 1.1458333vw;
line-height: 1.5625vw;
color: #222222;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.owners_daytime_back {
height: 100%;
background: #7fbfed;
}
.owners_daytime_back video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.owners_night_box {
height: 100%;
position: relative;
}
.owners_night_box .owners_daytime_back {
background: #05132e;
}
.owners_night_wrap .owners_daytime_subtitle_label,
.owners_night_wrap .owners_daytime_title_label {
color: #ffffff;
}
.owners_series_fixed {
height: 100vh;
}
.owners_series_current {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
}
.owners_series_box {
height: 100%;
}
.owners_series_item_wrap {
width: 50%;
height: 100%;
position: relative;
}
.owners_series_item_back {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 8;
}
.owners_series_item_box {
position: relative;
z-index: 9;
height: 100%;
}
.owners_series_item_content {
height: 100%;
position: relative;
}
.owners_series_item_head {
position: absolute;
left: 0;
top: 14%;
width: 100%;
padding: 0 8.33333vw;
}
.owners_series_item_title {
overflow: hidden;
}
.owners_series_item_label {
font-size: 2.916666vw;
line-height: 3.4375vw;
color: #fff;
text-transform: uppercase;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.owners_stacked_fixed {
height: 100vh;
}
.owners_public_fixed {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.owners_advertising_current {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.owners_stacked_box {
height: 100%;
position: relative;
}
.owners_stacked_back {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.owners_stacked_content {
height: 100%;
position: relative;
z-index: 9;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.owners_stacked_center {
width: 100%;
}
.owners_stacked_tab {
width: 43.75%;
}
.owners_stacked_title_box {
overflow: hidden;
}
.owners_stacked_title_label {
font-size: 2.916666vw;
line-height: 3.4375vw;
color: #111111;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.owners_stacked_line_wrap {
margin-top: 1.0416666vw;
}
.owners_stacked_line_box {
position: relative;
height: 0.15625vw;
width: 100%;
-webkit-align-items: center;
align-items: center;
}
.owners_stacked_line_box:after {
content: "";
height: 1px;
width: 0;
background: #dbd9dc;
}
.owners_stacked_line_box:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 9;
height: 100%;
width: 0;
/*width: 11.4285%;*/
background: #d4161d;
}
.owners_stacked_item_box {
width: 50%;
margin-top: 2.6041666vw;
}
.owners_stacked_item_icon {
width: 2.08333vw;
height: 2.08333vw;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.owners_stacked_item_icon svg {
max-width: 100%;
max-height: 100%;
width: 100%;
height: auto;
fill: #111111;
}
.owners_stacked_item_head {
-webkit-align-items: flex-end;
align-items: flex-end;
margin-top: 1.30208333vw;
}
.owners_stacked_item_number {
font-size: 3.6458333vw;
line-height: 4.1666vw;
color: #d4161d;
}
.owners_stacked_item_label {
font-size: 0.83333vw;
line-height: 2.6041666vw;
color: #111111;
padding-left: 0.26041666vw;
}
.owners_stacked_item_text {
font-size: 0.83333vw;
line-height: 1.0416666vw;
color: #111111;
}
.owners_stacked_parcel {
padding-top: 1.5625vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.owners_stacked_pic {
width: 40%;
margin-top: 5.208333vw;
}
.owners_stacked_pro_wrap {
padding-bottom: 100%;
position: relative;
}
.owners_stacked_pro_box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
overflow: hidden;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.owners_stacked_pro_box img {
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
}
.owners_stacked_big {
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
}
.owners_cabinet_fixed {
height: 100vh;
}
.owners_cabinet_box {
height: 100%;
position: relative;
}
.owners_wall_fixed {
height: 100vh;
}
.owners_wall_box {
height: 100%;
position: relative;
}
.owners_wall_wrap .owners_stacked_pic {
margin-top: 0;
width: 42.125%;
}
.owners_wall_wrap .owners_stacked_tab {
width: 46.875%;
}
.owners_wall_wrap .owners_battery_item_text {
color: #ffffff;
}
.owners_wall_wrap .owners_stacked_title_label {
color: #ffffff;
}
.owners_battery_fixed {
height: 100vh;
}
.owners_battery_box {
height: 100%;
position: relative;
}
.owners_battery_box .owners_stacked_line_box:after {
background: #b4b9be;
}
.owners_cabinet_box .owners_stacked_line_box:after {
background: #cfd0d3;
}
.owners_rack_box .owners_stacked_line_box:after {
background: #b4b4b4;
}
.owners_battery_item_icon {
width: 1.5625vw;
font-size: 1.1458333vw;
line-height: 1.3541666vw;
color: #d4161d;
}
.owners_battery_item_text {
width: calc(100% - 1.5625vw);
font-size: 1.1458333vw;
line-height: 1.3541666vw;
color: #111111;
}
.owners_battery_item_box {
margin-bottom: 1.82291666vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.owners_battery_item_box:last-child {
margin-bottom: 0;
}
.owners_battery_read {
margin-top: 3.6458333vw;
}
.owners_rack_fixed {
height: 100%;
}
.owners_rack_box {
height: 100%;
position: relative;
}
.owners_advertising_wrap {
position: relative;
z-index: 15;
background: #ffffff;
overflow: hidden;
}
.owners_advertising_height_wrap {
width: 100%;
height: 100%;
position: relative;
}
.owners_advertising_height_box {
position: relative;
height: 100%;
}
.owners_advertising_content {
height: 100vh;
width: 100%;
}
.owners_advertising_fixed {
height: 100vh;
overflow: hidden;
}
.owners_advertising_box {
position: relative;
height: 100%;
}
.owners_advertising_back {
height: 100%;
}
.owners_advertising_hand {
position: absolute;
left: 36%;
bottom: -39%;
width: 48%;
z-index: 9;
-webkit-transform: translateX(100%) translateY(100%);
transform: translateX(100%) translateY(100%);
}
.owners_hybrid_wrap {
position: relative;
z-index: 16;
background: #ffffff;
overflow: hidden;
padding: 1.82291666vw 0 3.38541666vw 0;
}
.owners_hybrid_box {
padding: 0 1.82291666vw;
}
.owners_hybrid_item_box {
width: 49.054054%;
margin: 0 1.891892% 0 0;
position: relative;
-webkit-border-radius: 1.0416666vw;
border-radius: 1.0416666vw;
overflow: hidden;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.owners_hybrid_item_box:nth-child(2n) {
margin: 0;
}
.owners_hybrid_item_back {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.owners_hybrid_item_content {
position: relative;
z-index: 9;
padding: 5.208333vw 2.08333vw 1.5625vw 2.08333vw;
}
.owners_hybrid_item_title {
font-size: 1.875vw;
line-height: 2.3958333vw;
color: #111111;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.owners_hybrid_item_text {
font-size: 1.1458333vw;
line-height: 1.6666vw;
height: 3.33333vw;
color: #333333;
text-align: center;
margin-top: 1.0416666vw;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.owners_hybrid_item_pro {
width: 65.65%;
margin: 0 auto;
}
.owners_hybrid_item_pic {
padding-bottom: 74%;
position: relative;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.owners_hybrid_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;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.owners_hybrid_item_img img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.owners_hybrid_item_box:hover .owners_hybrid_item_img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.owners_hybrid_item_head {
margin-bottom: 1.9791666vw;
}
.charging_page_wrap {
position: relative;
z-index: 9;
background: #ffffff;
-webkit-border-radius: 1.5625vw 1.5625vw 0 0;
border-radius: 1.5625vw 1.5625vw 0 0;
margin-top: -1.5625vw;
overflow: hidden;
}
.charging_solution_wrap {
z-index: 1;
position: relative;
overflow: hidden;
background: #ffffff;
}
.charging_scenario_wrap {
z-index: 2;
position: relative;
overflow: hidden;
background: #ffffff;
}
.charging_case_wrap {
z-index: 3;
position: relative;
overflow: hidden;
background: #f4f4f4;
}
.charging_scenario_between {
width: 100%;
}
.charging_case_between {
width: 100%;
}
.charging_scenario_box {
padding: 4.1666vw 0 5.7291666vw 0;
}
.charging_case_box {
padding: 5.7291666vw 0 7.291666vw 0;
}
.charging_solution_back {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.charging_solution_box {
position: relative;
z-index: 9;
-webkit-align-items: center;
align-items: center;
padding: 8.33333vw 0;
}
.charging_solution_between {
width: 100%;
}
.charging_solution_title_box {
margin-bottom: 0.78125vw;
overflow: hidden;
}
.charging_solution_title_label {
font-size: 2.3958333vw;
line-height: 2.916666vw;
color: #111111;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.charging_solution_subtitle_box {
overflow: hidden;
}
.charging_solution_subtitle_label {
font-size: 2.3958333vw;
line-height: 2.916666vw;
color: #111111;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.charging_solution_read {
font-size: 1.25vw;
line-height: 2.291666vw;
color: #111111;
margin-top: 3.125vw;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.charging_solution_button {
margin-top: 5.208333vw;
}
.charging_solution_button .index_public_more {
background: #ffffff;
}
.charging_solution_button .index_public_svg {
background: #ffffff;
}
.charging_solution_button .index_public_svg svg {
fill: #666666;
}
.charging_solution_button .index_public_prev .index_public_svg {
background: #d4161d;
}
.charging_solution_button .index_public_prev .index_public_svg svg {
fill: #ffffff;
}
.charging_solution_big {
width: 40%;
}
.charging_solution_pic {
width: 60%;
padding-left: 3.125vw;
}
.charging_solution_center {
padding-bottom: 60%;
position: relative;
}
.charging_solution_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;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.charging_solution_img img {
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
}
.charging_scenario_title_box {
overflow: hidden;
}
.charging_scenario_title_label {
font-size: 3.6458333vw;
line-height: 4.1666vw;
color: #111111;
text-transform: uppercase;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.header_back_box {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
z-index: 99;
pointer-events: none;
}
.header_back_show {
background: rgba(0, 0, 0, .5);
-webkit-backdrop-filter: blur(0.46875vw);
backdrop-filter: blur(0.46875vw);
-webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);
transition: all .6s cubic-bezier(.4, 0, .2, 1);
}
.charging_scenario_big {
margin-top: 2.6041666vw;
}
.charging_scenario_nav_box {
overflow: hidden;
}
.charging_scenario_nav_swiper {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.charging_scenario_nav_swiper .swiper-wrapper {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.charging_scenario_nav_swiper .swiper-slide {
width: auto;
margin-right: 2.08333vw;
}
.charging_scenario_nav_swiper .swiper-slide:last-child {
margin-right: 0;
}
.charging_scenario_nav_li {
font-size: 1.1458333vw;
line-height: 2.916666vw;
color: #222222;
position: relative;
cursor: pointer;
-webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
transition: all .8s cubic-bezier(.4, 0, .2, 1);
}
.charging_scenario_nav_li:after {
content: "";
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
width: 0;
height: 2px;
background: #d4161d;
-webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
transition: all .8s cubic-bezier(.4, 0, .2, 1);
}
.charging_scenario_pic_swiper {
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.charging_scenario_pic_swiper .swiper-wrapper {
-webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
transition: all .8s cubic-bezier(.4, 0, .2, 1);
}
.charging_scenario_nav_active {
color: #d4161d;
}
.charging_scenario_nav_active:after {
width: 100%;
}
.charging_scenario_tab {
margin-top: 2.6041666vw;
}
.charging_scenario_pic_box {
width: 100%;
position: relative;
-webkit-border-radius: 1.5625vw;
border-radius: 1.5625vw;
overflow: hidden;
}
.charging_scenario_pic_box:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
background: #ffffff;
z-index: 10;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.charging_scenario_pic_img {
padding-bottom: 38%;
}
.charging_scenario_pic_img img {
}
.charging_scenario_pro_wrap {
position: absolute;
right: 4.1666vw;
bottom: 1.82291666vw;
width: 24%;
z-index: 9;
}
.charging_scenario_pro_box {
padding-bottom: 100%;
position: relative;
}
.charging_scenario_pro_li {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.charging_scenario_pro_li img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
position: relative;
z-index: 9;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(-2vw);
transform: translateY(-2vw);
}
.charging_scenario_pro_flex {
right: 0;
width: 100%;
bottom: 0;
}
.charging_scenario_pro_flex .charging_scenario_pro_box {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
padding: 0;
}
.charging_scenario_pro_flex .charging_scenario_pro_li {
position: relative;
width: 24.375%;
height: 15.625vw;
padding: 1.30208333vw 3.6458333vw;
margin: 0 0.8333% 0 0;
}
.charging_scenario_pro_flex .charging_scenario_pro_li:last-child {
margin: 0;
}
.charging_scenario_pro_flex .charging_scenario_pro_li:nth-child(4n) {
margin: 0;
}
.charging_scenario_pro_flex .charging_scenario_pro_li:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 7.8125vw;
width: 100%;
background: #eaeff5;
}
.charging_case_tab {
margin-top: 4.6875vw;
position: relative;
}
.charging_case_swiper {
position: relative;
z-index: 10;
}
.charging_case_swiper .swiper-wrapper {
-webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
transition: all .8s cubic-bezier(.4, 0, .2, 1);
}
.charging_case_button {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
z-index: 9;
pointer-events: none;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.charging_case_btn {
width: 2.708333vw;
height: 2.708333vw;
outline: none;
cursor: pointer;
opacity: 0;
}
.charging_case_prev .charging_case_icon {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.charging_case_btn .charging_case_icon {
width: 100%;
height: 100%;
background: #c8c8c8;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.charging_case_btn:hover .charging_case_icon {
background: #d4161d;
}
.charging_case_btn .charging_case_icon svg {
width: 20%;
fill: #ffffff;
}
.AddChargingCaseButton .charging_case_prev {
opacity: 1;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
margin-left: -1.5625vw;
pointer-events: auto;
-webkit-transition: all .6s ease;
transition: all .6s ease;
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.AddChargingCaseButton .charging_case_next {
opacity: 1;
-webkit-transform: translateX(100%);
transform: translateX(100%);
margin-right: -1.5625vw;
pointer-events: auto;
-webkit-transition: all .6s ease;
transition: all .6s ease;
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.charging_case_img {
padding-bottom: 64%;
-webkit-border-radius: 0.78125vw;
border-radius: 0.78125vw;
}
.charging_case_img img {
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.charging_case_img:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.charging_case_img:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
background: #f4f4f4;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.charging_case_title {
margin-top: 1.0416666vw;
font-size: 1.1458333vw;
line-height: 1.6666vw;
color: #111111;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.business_page_wrap {
position: relative;
z-index: 9;
background: #ffffff;
-webkit-border-radius: 1.5625vw 1.5625vw 0 0;
border-radius: 1.5625vw 1.5625vw 0 0;
margin-top: -1.5625vw;
overflow: hidden;
}
.business_low_wrap {
z-index: 1;
}
.owners_screen_slide .index_public_width {
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s;
}
.owners_screen_slide .index_public_next .index_public_svg {
-webkit-transition-delay: 1.6s;
transition-delay: 1.6s;
}
.business_low_wrap .index_public_width {
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.business_low_wrap .index_public_next .index_public_svg {
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.business_backup_wrap {
z-index: 2;
background: #f4f4f4;
}
.business_power_wrap {
background: #292929;
z-index: 3;
}
.business_high_wrap {
z-index: 4;
background: #262626;
}
.business_wind_wrap {
z-index: 5;
}
.business_low_box {
position: relative;
z-index: 9;
height: 100%;
}
.business_low_content {
padding: 6.25vw 0 1.5625vw 0;
}
.business_low_title_box {
overflow: hidden;
}
.business_low_title_label {
font-size: 2.3958333vw;
line-height: 2.916666vw;
color: #111111;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.business_low_subtitle_box {
margin-top: 0.416666vw;
overflow: hidden;
}
.business_low_subtitle_label {
font-size: 1.7708333vw;
line-height: 2.291666vw;
color: #d4161d;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.business_low_big {
width: 40%;
padding: 3.125vw 3.125vw 0 0;
}
.business_low_pic {
width: 60%;
}
.business_low_center {
padding-bottom: 65%;
position: relative;
}
.business_low_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;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(2vw);
transform: translateY(2vw);
}
.business_low_img img {
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
}
.business_low_tab {
margin-top: 1.5625vw;
}
.business_low_item_head {
-webkit-align-items: center;
align-items: center;
}
.business_low_item_icon {
width: 0.5208333vw;
height: 0.5208333vw;
background: #d4161d;
-webkit-border-radius: 100%;
border-radius: 100%;
margin-right: 1.0416666vw;
}
.business_low_item_title {
font-size: 1.25vw;
line-height: 1.7708333vw;
color: #111111;
width: calc(100% - 1.5625vw);
}
.business_low_item_text {
font-size: 0.83333vw;
line-height: 1.1458333vw;
color: #111111;
}
.business_low_ul {
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(4vw);
transform: translateY(4vw);
}
.business_low_item_box {
margin-bottom: 1.5625vw;
}
.business_low_item_box:last-child {
margin-bottom: 0;
}
.business_low_button {
margin-top: 3.6458333vw;
}
.business_backup_button {
margin-top: 3.6458333vw;
}
.business_backup_button .index_public_more {
background: #ffffff;
}
.business_white_wrap .business_low_title_label {
color: #ffffff;
}
.business_white_wrap .business_low_item_title {
color: #ffffff;
}
.business_white_wrap .business_low_item_text {
color: #666666;
}
.business_white_wrap .business_low_button .index_public_more {
background: #ffffff;
}
.business_white_wrap .business_low_button .index_public_svg {
background: #ffffff;
}
.business_white_wrap .business_low_button .index_public_svg svg {
fill: #666666;
}
.business_white_wrap .business_low_button .index_public_prev .index_public_svg {
background: #d4161d;
}
.business_white_wrap .business_low_button .index_public_prev .index_public_svg svg {
fill: #ffffff;
}
.business_wind_back {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.business_wind_wrap .business_low_button .index_public_more {
background: #ffffff;
}
.business_wind_wrap .business_low_button .index_public_svg {
background: #ffffff;
}
.business_wind_wrap .business_low_button .index_public_svg svg {
fill: #666666;
}
.business_wind_wrap .business_low_button .index_public_prev .index_public_svg {
background: #d4161d;
}
.business_wind_wrap .business_low_button .index_public_prev .index_public_svg svg {
fill: #ffffff;
}
.float_share_wrap {
position: fixed;
top: 60%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 1.0416666vw;
width: 2.6041666vw;
z-index: 99;
pointer-events: none;
}
.float_share_box {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
pointer-events: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.float_share_show .float_share_box {
-webkit-transform: none;
transform: none;
opacity: 1;
pointer-events: auto;
}
.float_share_nav {
filter: drop-shadow(0 0 1.5625vw rgba(20, 20, 20, .15));
}
.float_share_li {
width: 100%;
position: relative;
}
.float_share_read {
position: relative;
width: 100%;
}
.float_share_read a {
width: 100%;
height: 2.07958334vw;
padding: 0 0.26041666vw;
background: #ffffff;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.float_share_read a svg {
width: 44%;
height: 44%;
fill: #acacac;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.float_share_li:first-child .float_share_read a {
padding-top: 1.0416666vw;
height: 3.12124934vw;/*2.07958334 + 1.0416666vw*/
border-radius: 1.3020833vw 1.3020833vw 0 0;/*2.6041666vw/2*/
}
.float_share_li:last-child .float_share_read a {
padding-bottom: 1.0416666vw;
height: 3.12124934vw;/*2.07958334 + 1.0416666vw*/
border-radius: 0 0 1.3020833vw 1.3020833vw;/*2.6041666vw/2*/
}
.float_share_li:nth-child(1) .float_share_read a svg {
fill: #0066c8;
}
.float_share_li:nth-child(1) .float_share_read a:hover {
background: #0066c8;
}
.float_share_li:nth-child(1) .float_share_read a:hover svg {
fill: #ffffff;
}
.float_share_li:nth-child(2) .float_share_read a svg {
fill: #3c5a9a;
}
.float_share_li:nth-child(2) .float_share_read a:hover {
background: #3c5a9a;
}
.float_share_li:nth-child(2) .float_share_read a:hover svg {
fill: #ffffff;
}
.float_share_li:nth-child(3) .float_share_read a svg {
fill: #000000;
}
.float_share_li:nth-child(3) .float_share_read a:hover {
background: #000000;
}
.float_share_li:nth-child(3) .float_share_read a:hover svg {
fill: #ffffff;
}
.float_share_li:nth-child(4) .float_share_read a svg {
fill: #ff0000;
}
.float_share_li:nth-child(4) .float_share_read a:hover {
background: #ff0000;
}
.float_share_li:nth-child(4) .float_share_read a:hover svg {
fill: #ffffff;
}
.float_share_li:nth-child(5) .float_share_read a svg {
fill: #acacac;
}
.float_share_li:nth-child(5) .float_share_read a:hover {
background: #acacac;
}
.float_share_li:nth-child(5) .float_share_read a:hover svg {
fill: #ffffff;
}
.float_share_read a:hover svg {
fill: #d4161d;
}
.float_share_top {
-webkit-transform: scale(0);
transform: scale(0);
pointer-events: none;
margin-top: 0.5208333vw;
width: 100%;
padding-bottom: 100%;
position: relative;
background: #ffffff;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 1.5625vw rgba(20, 20, 20, .15);
box-shadow: 0 0 1.5625vw rgba(20, 20, 20, .15);
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.float_share_top_btn {
-webkit-transform: scale(1);
transform: scale(1);
pointer-events: auto;
}
.float_share_return {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.float_share_return a {
width: 100%;
height: 100%;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.float_share_return a svg {
width: 30%;
height: 30%;
fill: #acacac;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.float_share_return a:hover svg {
fill: #d4161d;
}
.AddPageBanner .subject_banner_title_label {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
transition: all .8s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.AddPageBanner .subject_banner_subtitle_label {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
transition: all .8s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.AddPageBanner .subject_banner_btn {
opacity: 1;
pointer-events: auto;
-webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
transition: all .8s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.AddOwnersHarnessText {
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddOwnersHarnessIcon {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddOwnersDaytimeTitleLabel {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddOwnersDaytimeSubTitleLabel {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddOwnersHarnessSubtitleLabel {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddOwnersHarnessSubText {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.owners_daytime_wrap.AddOwnersScreenSlide .owners_daytime_title_label {
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.owners_daytime_wrap.AddOwnersScreenSlide .owners_daytime_subtitle_label {
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.AddOwnersScreenSlide .owners_daytime_title_label {
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
-webkit-transition-delay: .8s;
transition-delay: .8s;
}
.AddOwnersScreenSlide .owners_daytime_subtitle_label {
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
-webkit-transition-delay: .9s;
transition-delay: .9s;
}
.AddOwnersScreenSlide .owners_series_item_title:nth-child(1) .owners_series_item_label {
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
-webkit-transition-delay: .8s;
transition-delay: .8s;
}
.AddOwnersScreenSlide .owners_series_item_title:nth-child(2) .owners_series_item_label {
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
-webkit-transition-delay: .9s;
transition-delay: .9s;
}
.AddOwnersScreenSlide .owners_stacked_title_label {
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
-webkit-transition-delay: .8s;
transition-delay: .8s;
}
.AddOwnersScreenSlide .owners_stacked_line_box: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: .9s;
transition-delay: .9s;
}
.AddOwnersScreenSlide .owners_stacked_line_box:before {
width: 11.4285%;
-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;
}
.AddOwnersScreenSlide .owners_stacked_parcel {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.AddOwnersScreenSlide .owners_stacked_pro_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: 1.2s;
transition-delay: 1.2s;
}
.AddOwnersScreenSlide .owners_battery_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);
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s;
}
.AddOwnersScreenSlide .owners_battery_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: 1.2s;
transition-delay: 1.2s;
}
.AddOwnersScreenSlide .owners_battery_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: 1.3s;
transition-delay: 1.3s;
}
.AddOwnersScreenSlide .owners_battery_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: 1.4s;
transition-delay: 1.4s;
}
.AddOwnersScreenSlide .owners_battery_item_box:nth-child(5) {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
.AddOwnersAdvertisingSlide .owners_advertising_hand {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddOwnersHybridItemBox {
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);
}
.AddOwnersHybridItemBox .owners_hybrid_item_title {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.AddOwnersHybridItemBox .owners_hybrid_item_text {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.AddOwnersHybridItemBox .owners_hybrid_item_pic {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.AddBusinessLowTitleLabel {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddBusinessLowSubtitleLabel {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddBusinessLowUl {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddBusinessLowImg {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddOwnersScreenSlide .business_low_title_label {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
-webkit-transition-delay: .8s;
transition-delay: .8s;
}
.AddOwnersScreenSlide .business_low_subtitle_label {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
-webkit-transition-delay: .9s;
transition-delay: .9s;
}
.AddOwnersScreenSlide .business_low_ul {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.AddOwnersScreenSlide .business_low_img {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s;
}
.AddOwnersScreenSlide .index_public_width {
width: 100%;
-webkit-transition: all .6s ease;
transition: all .6s ease;
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s;
}
.AddOwnersScreenSlide .index_public_next .index_public_svg {
-webkit-transform: none;
transform: none;
-webkit-transition: all .6s ease;
transition: all .6s ease;
-webkit-transition-delay: 1.6s;
transition-delay: 1.6s;
}
.AddChargingScenarioTitleLabel {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddChargingScenarioNav {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddChargingScenarioPic {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddChargingScenarioPic .charging_scenario_pic_box:after {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.swiper-slide-active .charging_scenario_pro_li img {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
transition: all .8s cubic-bezier(.4, 0, .2, 1);
}
.AddChargingSolutionTitleLabel {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddChargingSolutionSubTitleLabel {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddChargingSolutionRead {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddChargingSolutionImg {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddChargingCaseImg .charging_case_img:after {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.AddChargingCaseTitle {
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);
}
.AddPageBanner .about_banner_title_label {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddPageBanner .about_banner_subtitle_label {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.AddPageBanner .partner_banner_title_text {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.AddPageBanner .partner_banner_subtitle_text {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.AddPageBanner .partner_banner_digest_text {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
-webkit-transition-delay: 5s;
transition-delay: .5s;
}
.AddPageBanner .partner_banner_section_text {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.AddPartnerWithTitle {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddPartnerWithSubTitle .partner_with_subtitle_text {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddPartnerWithSubTitle .partner_with_subtitle_icon svg {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.AddPartnerWithRead {
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);
}
.AddPartnerSupportText {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddPartnerSupportItemBox {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
}
.AddPartnerBecomeTitleLabel {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddPartnerBecomeSubTitleBox .partner_become_subtitle_label {
webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddPartnerBecomeSubTitleBox .partner_become_subtitle_icon svg {
webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.AddPartnerBecomeDigestLabel {
webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddPartnerBecomeButton .pro_details_button_box {
webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddPartnerBecomePeople {
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);
}
.AddSupportDownTitleWrap .support_down_title_label {
webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddSupportDownTitleWrap .support_down_title_icon svg {
webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.AddSupportDownNav {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddSupportDownLine:after {
width: 100%;
-webkit-transition: all 1.5s cubic-bezier(.78, .11, .34, .84);
transition: all 1.5s cubic-bezier(.78, .11, .34, .84);
}
.AddSupportDownDocumentHead {
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);
}
.AddSupportDownDocumentItem {
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);
}
.AddPaginationBox {
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);
}
.AddProNavBox {
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);
}
.AddSupportFaqItem {
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);
}
.AddVideoPic:after {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.AddVideoTitle {
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);
}
.AddAboutCompanyTitleLabel {
webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddAboutCompanySubTitle .about_company_subtitle_label {
webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddAboutCompanySubTitle .about_company_subtitle_icon svg {
webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.AddAboutCompanyRead {
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);
}
.AddAboutCompanyPic {
width: 100%;
height: 100%;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddAboutCompanyDataWrap .about_company_data_li {
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);
}
.AddAboutLayoutItem .about_layout_item_width {
width: 100%;
height: 100%;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddAboutCultureTab .about_culture_read_swiper .swiper-slide-active .about_culture_title_label {
-webkit-transform: none;
transform: none;
-webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
transition: all .8s cubic-bezier(.4, 0, .2, 1);
}
.AddAboutCultureTab .about_culture_read_swiper .swiper-slide-active .about_culture_text_label {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
transition: all .8s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.AddAboutCultureButton {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddAboutCulturePic {
width: 100%;
height: 100%;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddAboutEnergyPic .develop_energy_img {
-webkit-transform: none;
transform: none;
opacity: 1;
-webkit-transition: all 1.5s cubic-bezier(.4, 0, .2, 1);
transition: all 1.5s cubic-bezier(.4, 0, .2, 1);
}
.AddAboutEnergyTitleLabel {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddAboutEnergySubTitleLabel {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddAboutEnergyIcon svg {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddAboutEnergyDigestLabel {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddAboutEnergyBjq {
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);
}
.AddDevelopLaborItemLabel .develop_labor_item_text {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddDevelopLaborItemLabel .develop_labor_item_icon svg {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.AddDevelopLaborItemRead {
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);
}
.AddNewsNavBox {
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1);
transition: all 1s cubic-bezier(.165, .84, .44, 1);
}
.AddDevelopCarePic {
width: 100%;
height: 100%;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddDevelopLaborImg:after {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.AddNewsPageItemPack {
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);
}
.AddNewsPageItemLine {
width: 100%;
-webkit-transition: all 1.5s cubic-bezier(.78, .11, .34, .84);
transition: all 1.5s cubic-bezier(.78, .11, .34, .84);
}
.AddNewsDetailsTitleLabel {
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);
}
.AddNewsDetailsTipsBox {
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);
}
.AddNewsDetailsLine:after {
width: 100%;
-webkit-transition: all 1.5s cubic-bezier(.4, 0, .2, 1);
transition: all 1.5s cubic-bezier(.4, 0, .2, 1);
}
.AddProNavLine:after {
width: 100%;
-webkit-transition: all 1.5s cubic-bezier(.4, 0, .2, 1);
transition: all 1.5s cubic-bezier(.4, 0, .2, 1);
}
.news_details_bjq .AddFadeInUp {
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);
}
.AddProMenuBox {
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);
}
.AddProDetailsBig .pro_details_title_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;
}
.AddProDetailsBig .pro_details_label_box {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
transition: all 1s cubic-bezier(.4, 0, .2, 1);
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.AddProDetailsBig .pro_details_text_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;
}
.AddProDetailsBig .pro_details_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;
}
.AddProDetailsReturn {
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;
}
.header_wap_menu_wrap {
display: none;
}
.header_wap_menu_now {
display: none;
}
.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: 74%;
}
.index_video_item {
width: 100%;
padding-bottom: 57.5%;
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%;
height: 100%;
object-fit: cover;
}
.index_video_close {
position: absolute;
right: 1.5625vw;
top: 1.5625vw;
width: 3.125vw;
height: 3.125vw;
pointer-events: none;
opacity: 0;
-webkit-transform: translateY(2.08333vw);
transform: translateY(2.08333vw);
-webkit-transition: all .5s ease;
transition: all .5s ease;
cursor: pointer;
}
.index_video_close:hover:after {
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}
.index_video_close:hover:before {
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg);
}
.index_video_close:after {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 1px;
background: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.index_video_close:before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 1px;
background: #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}