@font-face { font-family: "Alibaba Sans Medium"; font-weight: 500; src: url("//at.alicdn.com/wf/webfont/GKJxejxBlleF/bubZGFeFjv3j.woff2") format("woff2"), url("//at.alicdn.com/wf/webfont/GKJxejxBlleF/pVI73gND2BD3.woff") format("woff"); font-display: swap; } @font-face { font-family: "Alibaba Sans SemiBold"; font-weight: 600; src: url("//at.alicdn.com/wf/webfont/GKJxejxBlleF/sy980UI88T3v.woff2") format("woff2"), url("//at.alicdn.com/wf/webfont/GKJxejxBlleF/1TT3Jx3bHOIv.woff") format("woff"); font-display: swap; } @font-face { font-family: "Alibaba Sans Light"; font-weight: 300; src: url("//at.alicdn.com/wf/webfont/GKJxejxBlleF/63LxncVrzxQd.woff2") format("woff2"), url("//at.alicdn.com/wf/webfont/GKJxejxBlleF/1wBnZqZIuubS.woff") format("woff"); font-display: swap; } .brand .content { width: 100%; padding: 5.7291666667vw 16.6666666667vw; box-sizing: border-box; } .brand .content .title-block { display: flex; flex-direction: column; align-items: center; color: #1e2020; } .brand .content .title-block .title-en { position: relative; font-family: "Alibaba Sans SemiBold"; line-height: 3.8541666667vw; font-size: 2.6041666667vw; padding-bottom: 0.1041666667vw; } .brand .content .title-block .title-en::after { content: ""; width: 1.0416666667vw; height: 0.1041666667vw; background-color: #000; position: absolute; bottom: 0; left: 50%; margin-left: -0.5208333333vw; } .brand .content .title-block .title-cn { line-height: 3.0208333333vw; font-size: 1.25vw; } .brand .content .enteerprise { padding-top: 3.125vw; } .brand .content .enteerprise h2 { font-size: 1.6666666667vw; color: #00479d; margin-bottom: 1.0416666667vw; } .brand .content .enteerprise p { font-size: 0.9375vw; line-height: 2; } .brand .content .enteerprise .c-01 { display: flex; margin-bottom: 2.6041666667vw; } .brand .content .enteerprise .c-01 img.pc { width: 25.2604166667vw; margin-left: 1.9791666667vw; } .brand .content .enteerprise .c-02 { display: flex; } .brand .content .enteerprise .c-02 .nums-block { display: flex; margin-right: 1.875vw; } .brand .content .enteerprise .c-02 .nums-block ul { display: flex; justify-content: space-between; width: 19.7916666667vw; } .brand .content .enteerprise .c-02 .nums-block ul li { width: 9.375vw; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid #d9d9d9; color: #00479d; line-height: 1.875vw; box-sizing: border-box; } .brand .content .enteerprise .c-02 .nums-block ul li .num { font-size: 1.875vw; font-weight: bold; } .brand .content .enteerprise .c-02 .nums-block ul li .nt { font-size: 0.8333333333vw; } .brand.brand-lps .content-01 { height: 60.6770833333vw; background-image: url("../images/inner/brand/lps_bg_01.jpg"); background-repeat: no-repeat; background-position: 50% 0; background-size: cover; background-color: #fff; } .brand.brand-lps .content-01 .about-01 { display: flex; padding-top: 3.4375vw; margin-bottom: 3.125vw; } .brand.brand-lps .content-01 .about-01 .c { width: 0; flex-grow: 1; } .brand.brand-lps .content-01 .about-01 .c h2 { line-height: 1.4; font-size: 1.875vw; color: #00479d; margin-bottom: 0.8333333333vw; } .brand.brand-lps .content-01 .about-01 .c p { line-height: 2; font-size: 1.0416666667vw; margin-bottom: 0.5208333333vw; } .brand.brand-lps .content-01 .about-01 .img { width: 34.375vw; line-height: 0; text-align: right; } .brand.brand-lps .content-01 .about-01 .img img.pc { width: 30.9895833333vw; margin-top: -4.7916666667vw; } .brand.brand-lps .content-01 .about-02 { display: flex; justify-content: space-between; align-items: center; } .brand.brand-lps .content-01 .about-02 .item { position: relative; text-align: center; } .brand.brand-lps .content-01 .about-02 .item h3 { line-height: 3.2291666667vw; font-size: 1.5625vw; padding-bottom: 0.1041666667vw; position: relative; margin-bottom: 0.625vw; color: #00479d; } .brand.brand-lps .content-01 .about-02 .item h3::after { content: ""; display: block; width: 0.9375vw; height: 0.1041666667vw; position: absolute; bottom: 0; left: 50%; margin-left: -0.46875vw; background-color: #00479d; } .brand.brand-lps .content-01 .about-02 .item p { line-height: 1.5; font-size: 1.0416666667vw; color: #251714; } .brand.brand-lps .content-01 .about-02 .divider { width: 1px; height: 9.375vw; background-color: #dadada; } .brand.brand-lps .content-02 { background-color: #f7f7f7; } .brand.brand-lps .content-02 .brand-pdt-list { padding-top: 1.0416666667vw; display: flex; flex-wrap: wrap; justify-content: space-between; } .brand.brand-lps .content-02 .brand-pdt-list li { width: 32.2916666667vw; border-radius: 1.0416666667vw; overflow: hidden; margin-bottom: 2%; transition: all 0.2s ease-in-out; } .brand.brand-lps .content-02 .brand-pdt-list li:hover { box-shadow: 0 0 0.9375vw rgba(0, 0, 0, 0.3); } .brand.brand-lps .content-02 .brand-pdt-list li .thumb { width: 100%; height: 23.2291666667vw; background-color: #e8e8e8; } .brand.brand-lps .content-02 .brand-pdt-list li .thumb img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .brand.brand-lps .content-02 .brand-pdt-list li .pdt-name { display: flex; height: 4.375vw; justify-content: center; align-items: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background-color: #00479d; color: #fff; font-size: 1.5625vw; } .brand.brand-lps .content-03 { background-color: #fff; } .brand.brand-lw .content-01 { height: auto; background: #fff; } .brand.brand-lw .content-01 .about-01 { margin-bottom: 0; } .brand.brand-lw .content-01 .about-01 .c h2 { font-size: 1.5625vw; } .brand.brand-lw .content-01 .about-01 .c p { font-size: 0.9375vw; } .brand.brand-lw .content-01 .about-01 .img { width: 32.3958333333vw; margin-left: 3.125vw; } .brand.brand-lw .content-01 .about-01 .img img.pc { width: 100%; border-radius: 2.6041666667vw 0 0 0; margin: 0; } .brand.brand-lw .content-02 { background-color: #f8f8f8; } .brand.brand-lw .content-02 .ppys { padding-top: 1.5625vw; display: flex; justify-content: space-between; } .brand.brand-lw .content-02 .ppys li { width: 20.3125vw; border-radius: 1.3020833333vw 0 1.3020833333vw 0; overflow: hidden; } .brand.brand-lw .content-02 .ppys li .ppys-header { display: flex; flex-direction: column; justify-content: center; height: 6.6666666667vw; background-color: #00479d; background-size: auto 4.4791666667vw; background-position: calc(100% - 1.3020833333vw) 50%; background-repeat: no-repeat; color: #fff; padding: 0 1.5625vw; line-height: 1.9791666667vw; } .brand.brand-lw .content-02 .ppys li .ppys-header .cn { font-size: 1.5625vw; font-weight: bold; } .brand.brand-lw .content-02 .ppys li .ppys-header .en { font-family: "Alibaba Sans Light"; font-size: 1.3541666667vw; } .brand.brand-lw .content-02 .ppys li:nth-child(1) .ppys-header { background-image: url("../images/inner/brand/lw_content_02_icon_01.png"); } .brand.brand-lw .content-02 .ppys li:nth-child(2) .ppys-header { background-image: url("../images/inner/brand/lw_content_02_icon_02.png"); } .brand.brand-lw .content-02 .ppys li:nth-child(3) .ppys-header { background-image: url("../images/inner/brand/lw_content_02_icon_03.png"); } .brand.brand-lw .content-02 .ppys li .ppys-body { box-sizing: border-box; height: 12.5vw; padding: 1.3020833333vw 1.5625vw; background-color: #fff; line-height: 2; font-size: 0.9375vw; } .brand.brand-lw .content-03 { background-color: #fff; } .brand.brand-lw .content-03 .brand-pdt-list { padding-top: 1.0416666667vw; display: flex; justify-content: space-between; } .brand.brand-lw .content-03 .brand-pdt-list li { width: 15.625vw; } .brand.brand-lw .content-03 .brand-pdt-list li .thumb { width: 100%; height: 20.8333333333vw; background-color: #fff; } .brand.brand-lw .content-03 .brand-pdt-list li .thumb img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .brand.brand-lw .content-03 .brand-pdt-list li .pdt-name { line-height: 2.6041666667vw; font-size: 1.5625vw; font-weight: bold; color: #00479d; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .brand.brand-lw .content-03 .brand-pdt-list li .pdt-brief { line-height: 1.6666666667vw; font-size: 1.25vw; text-align: center; color: #251714; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; transition: all 0.2s ease-in-out; } .brand.brand-lw .content-03 .brand-pdt-list li a:hover .pdt-brief { color: #2d78d4; } .brand.brand-lw .content-04 { background-color: #f8f8f8; } .brand.brand-bx .content { background-color: #f4f4f6; } .brand.brand-bx .content .title-block-02 { display: flex; align-items: flex-start; flex-direction: column; background-image: url("../images/inner/brand/bx_img_01.png"); background-size: auto 1.8229166667vw; background-position: 100% 0; background-repeat: no-repeat; color: #1e2020; } .brand.brand-bx .content .title-block-02 .en { line-height: 1; font-family: "Alibaba Sans SemiBold"; font-size: 2.6041666667vw; } .brand.brand-bx .content .title-block-02 .cn { line-height: 3.125vw; font-size: 1.25vw; padding-right: 1.5625vw; background: url("../images/inner/brand/bx_title_bg.png") no-repeat 100% 50%; background-size: auto 1.1458333333vw; } .brand.brand-bx .content-01 { padding-bottom: 10.4166666667vw; background-image: url("../images/inner/brand/bx_bg_01.png"); background-repeat: no-repeat; background-position: 50% 100%; background-size: auto 5.0520833333vw; } .brand.brand-bx .content-01 .about-01 { display: flex; padding-top: 2.7083333333vw; } .brand.brand-bx .content-01 .about-01 .c { flex-grow: 1; } .brand.brand-bx .content-01 .about-01 .c h2 { line-height: 2; font-size: 2.0833333333vw; color: #e43d30; margin-bottom: 1.0416666667vw; } .brand.brand-bx .content-01 .about-01 .c p { line-height: 2.4; font-size: 1.09375vw; color: #251714; } .brand.brand-bx .content-01 .about-01 .img { width: 27.34375vw; margin-left: 4.9479166667vw; } .brand.brand-bx .content-01 .about-01 .img img.pc { width: 28.0208333333vw; margin-right: -0.6770833333vw; } .brand.brand-bx .content-02 { padding-bottom: 0; } .brand.brand-bx .content-02 .pdt-list { display: flex; flex-wrap: wrap; justify-content: space-between; } .brand.brand-bx .content-02 .pdt-list li { width: 33.33%; } .brand.brand-bx .content-02 .pdt-list li .thumb { width: 100%; line-height: 0; } .brand.brand-bx .content-02 .pdt-list li .thumb img { width: 100%; } .brand.brand-bx .content-02 .pdt-list li .pdt-name { display: flex; height: 3.125vw; align-items: center; justify-content: center; position: relative; font-size: 0.9375vw; } .brand.brand-bx .content-02 .pdt-list li .pdt-name::after { content: ""; display: block; width: 0.5208333333vw; height: 0.5208333333vw; background-color: #000; position: absolute; right: -0.2604166667vw; top: 50%; margin-top: -0.2604166667vw; } .brand.brand-bx .content-02 .pdt-list li:nth-child(3) .pdt-name::after, .brand.brand-bx .content-02 .pdt-list li:nth-child(6) .pdt-name::after { right: 0; } .brand.brand-bx .content-02 .pdt-list li:nth-child(1) .pdt-name::before, .brand.brand-bx .content-02 .pdt-list li:nth-child(4) .pdt-name::before { content: ""; display: block; width: 0.5208333333vw; height: 0.5208333333vw; background-color: #000; position: absolute; left: 0; top: 50%; margin-top: -0.2604166667vw; } .brand.brand-bx .content-03 .pdt-ld { padding-top: 2.6041666667vw; display: flex; flex-wrap: wrap; justify-content: space-between; } .brand.brand-bx .content-03 .pdt-ld li { display: flex; justify-content: flex-end; width: 49%; height: 12.65625vw; margin-bottom: 1.5625vw; background-repeat: no-repeat; background-size: auto 100%; background-color: #d5d5d5; box-sizing: border-box; box-shadow: 0 0 1.0416666667vw rgba(0, 0, 0, 0.1); border-radius: 0.2604166667vw; } .brand.brand-bx .content-03 .pdt-ld li:nth-child(1) { background-image: url("../images/inner/brand/bx_ld_img_01.jpg"); } .brand.brand-bx .content-03 .pdt-ld li:nth-child(2) { background-image: url("../images/inner/brand/bx_ld_img_02.jpg"); } .brand.brand-bx .content-03 .pdt-ld li:nth-child(3) { background-image: url("../images/inner/brand/bx_ld_img_03.jpg"); } .brand.brand-bx .content-03 .pdt-ld li:nth-child(4) { background-image: url("../images/inner/brand/bx_ld_img_04.jpg"); } .brand.brand-bx .content-03 .pdt-ld li .c { display: flex; flex-direction: column; width: 14.5833333333vw; box-sizing: border-box; border-radius: 0.2604166667vw; background-color: #fff; padding-left: 1.5625vw; padding-right: 1.0416666667vw; justify-content: center; align-items: flex-start; color: #000; } .brand.brand-bx .content-03 .pdt-ld li .c .title { line-height: 1.875vw; font-size: 1.4583333333vw; font-weight: bold; margin-bottom: 0.5208333333vw; } .brand.brand-bx .content-03 .pdt-ld li .c .desc { line-height: 1.25vw; font-size: 0.9375vw; } .brand.brand-bx .content-04 { background-color: #fff; } @media screen and (max-width: 768px) { .brand .content { padding: 9.3333333333vw 8.5333333333vw; } .brand .content .title-block .title-en { line-height: 10.1333333333vw; font-size: 6.4vw; padding-bottom: 0.2666666667vw; } .brand .content .title-block .title-en::after { width: 2.6666666667vw; height: 0.2666666667vw; margin-left: -1.3333333333vw; } .brand .content .title-block .title-cn { line-height: 8vw; font-size: 4vw; } .brand .content .enteerprise { padding-top: 4vw; } .brand .content .enteerprise h2 { font-size: 4.2666666667vw; margin-bottom: 2.6666666667vw; text-align: center; } .brand .content .enteerprise p { font-size: 2.4vw; } .brand .content .enteerprise .c-01 { margin-bottom: 2.6666666667vw; } .brand .content .enteerprise .c-02 { display: flex; flex-direction: column; } .brand .content .enteerprise .c-02 .nums-block { display: flex; justify-content: space-between; margin-right: 0; margin-bottom: 2.6666666667vw; } .brand .content .enteerprise .c-02 .nums-block ul { display: flex; flex-direction: column; justify-content: space-between; width: 24vw; } .brand .content .enteerprise .c-02 .nums-block ul li { width: 100%; height: 17.3333333333vw; line-height: 4.8vw; } .brand .content .enteerprise .c-02 .nums-block ul li .num { font-size: 4.8vw; font-weight: bold; } .brand .content .enteerprise .c-02 .nums-block ul li .nt { font-size: 2.1333333333vw; } .brand .content .enteerprise .c-02 img.m { width: 57.7333333333vw; } .brand.brand-lps .content-01 { height: auto; background-image: url("../images/m/inner/brand/lps_bg_01.jpg"); background-size: 100% auto; } .brand.brand-lps .content-01 .about-01 { flex-direction: column; align-items: center; } .brand.brand-lps .content-01 .about-01 .c { width: 100%; } .brand.brand-lps .content-01 .about-01 .c h2 { font-size: 4.8vw; text-align: center; margin-bottom: 4.5333333333vw; } .brand.brand-lps .content-01 .about-01 .c p { font-size: 3.2vw; margin-bottom: 2.6666666667vw; } .brand.brand-lps .content-01 .about-01 .img { width: 78.1333333333vw; line-height: 0; } .brand.brand-lps .content-01 .about-01 .img img.m { width: 100%; } .brand.brand-lps .content-01 .about-02 { flex-wrap: wrap; width: calc(100% + 8vw); margin-left: -4vw; } .brand.brand-lps .content-01 .about-02 .item { width: 50%; padding: 5.0666666667vw 0; } .brand.brand-lps .content-01 .about-02 .item h3 { font-size: 4.8vw; line-height: 9.0666666667vw; margin-bottom: 1.6vw; } .brand.brand-lps .content-01 .about-02 .item h3::after { width: 2.4vw; height: 0.2666666667vw; margin-left: -1.2vw; } .brand.brand-lps .content-01 .about-02 .item p { font-size: 3.2vw; } .brand.brand-lps .content-01 .about-02 .item:nth-child(1)::before, .brand.brand-lps .content-01 .about-02 .item:nth-child(3)::before { content: ""; display: block; width: calc(100% - 3.2vw); height: 0.2666666667vw; background-color: #e9e9e9; position: absolute; bottom: 0; } .brand.brand-lps .content-01 .about-02 .item:nth-child(1)::before { left: 0; } .brand.brand-lps .content-01 .about-02 .item:nth-child(3)::before { right: 0; } .brand.brand-lps .content-01 .about-02 .item:nth-child(1)::after, .brand.brand-lps .content-01 .about-02 .item:nth-child(5)::after { content: ""; display: block; width: 0.2666666667vw; height: calc(100% - 3.2vw); background-color: #e9e9e9; position: absolute; right: 0; } .brand.brand-lps .content-01 .about-02 .item:nth-child(1)::after { top: 0; } .brand.brand-lps .content-01 .about-02 .item:nth-child(5)::after { bottom: 0; } .brand.brand-lps .content-01 .about-02 .divider { display: none; } .brand.brand-lps .content-02 .brand-pdt-list { width: 82.6666666667vw; margin: 6.1333333333vw auto 0 auto; padding: 0; } .brand.brand-lps .content-02 .brand-pdt-list li { width: 100%; border-radius: 2.6666666667vw; margin-bottom: 5.3333333333vw; } .brand.brand-lps .content-02 .brand-pdt-list li .thumb { height: 59.4666666667vw; } .brand.brand-lps .content-02 .brand-pdt-list li .pdt-name { height: 11.2vw; font-size: 4vw; } .brand.brand-lw .content-01 { background: #fff; } .brand.brand-lw .content-01 .about-01 .img { width: 100%; margin: 0; } .brand.brand-lw .content-01 .about-01 .img img.m { border-radius: 6.6666666667vw 0 0 0; } .brand.brand-lw .content-02 .ppys { padding-top: 4vw; flex-direction: column; } .brand.brand-lw .content-02 .ppys li { width: 100%; border-radius: 3.3333333333vw 0 3.3333333333vw 0; margin-bottom: 3.7333333333vw; } .brand.brand-lw .content-02 .ppys li .ppys-header { height: 17.0666666667vw; padding: 0 4vw; line-height: 5.8666666667vw; background-position: calc(100% - 2.6666666667vw) 50%; background-size: auto 11.4666666667vw; } .brand.brand-lw .content-02 .ppys li .ppys-header .cn { font-size: 4.8vw; } .brand.brand-lw .content-02 .ppys li .ppys-header .en { font-size: 3.4666666667vw; } .brand.brand-lw .content-02 .ppys li .ppys-body { height: auto; padding: 4vw; font-size: 3.2vw; line-height: 2; } .brand.brand-lw .content-03 .brand-pdt-list { padding-top: 6.1333333333vw; flex-wrap: wrap; } .brand.brand-lw .content-03 .brand-pdt-list li { width: 47%; margin-bottom: 2.1333333333vw; } .brand.brand-lw .content-03 .brand-pdt-list li .thumb { height: 53.3333333333vw; } .brand.brand-lw .content-03 .brand-pdt-list li .pdt-name { line-height: 6.6666666667vw; font-size: 4vw; } .brand.brand-lw .content-03 .brand-pdt-list li .pdt-brief { line-height: 4.2666666667vw; font-size: 3.2vw; } .brand.brand-bx .content { padding: 13.3333333333vw 6vw; } .brand.brand-bx .content .title-block-02 { background-size: auto 4.6666666667vw; } .brand.brand-bx .content .title-block-02 .en { font-size: 6.4vw; } .brand.brand-bx .content .title-block-02 .cn { line-height: 2; font-size: 4vw; padding-right: 4vw; background-size: auto 3.7333333333vw; } .brand.brand-bx .content-01 { padding-bottom: 26.6666666667vw; background-image: url("../images/m/inner/brand/bx_bg_01.png"); background-size: 100% auto; } .brand.brand-bx .content-01 .about-01 { flex-direction: column; } .brand.brand-bx .content-01 .about-01 .c h2 { line-height: 1.5; font-size: 4.8vw; } .brand.brand-bx .content-01 .about-01 .c p { line-height: 2; font-size: 3.2vw; } .brand.brand-bx .content-01 .about-01 .img { margin-top: 4.8vw; margin-left: 0; width: 100%; } .brand.brand-bx .content-01 .about-01 .img img.m { width: 100%; } .brand.brand-bx .content-02 { padding-bottom: 0; } .brand.brand-bx .content-02 .pdt-list li { width: 50%; } .brand.brand-bx .content-02 .pdt-list li .pdt-name { height: 8vw; font-size: 3.2vw; } .brand.brand-bx .content-02 .pdt-list li .pdt-name::after { width: 1.3333333333vw; height: 1.3333333333vw; right: -0.6666666667vw; } .brand.brand-bx .content-02 .pdt-list li:nth-child(even) .pdt-name::after { right: 0; } .brand.brand-bx .content-02 .pdt-list li:nth-child(odd) .pdt-name::before { content: ""; display: block; width: 1.3333333333vw; height: 1.3333333333vw; background-color: #000; position: absolute; left: 0; top: 50%; margin-top: -0.6666666667vw; } .brand.brand-bx .content-02 .pdt-list li:nth-child(4) .pdt-name::before { display: none; } .brand.brand-bx .content-03 .pdt-ld { padding-top: 4vw; } .brand.brand-bx .content-03 .pdt-ld li { width: 100%; height: 32.4vw; margin-bottom: 4vw; border-radius: 0.6666666667vw; box-shadow: 0 0 2.6666666667vw rgba(0, 0, 0, 0.1); } .brand.brand-bx .content-03 .pdt-ld li .c { width: 45.3333333333vw; padding: 0 4vw; border-radius: 0.6666666667vw; } .brand.brand-bx .content-03 .pdt-ld li .c .title { line-height: 4.8vw; font-size: 3.7333333333vw; margin-bottom: 1.3333333333vw; } .brand.brand-bx .content-03 .pdt-ld li .c .desc { line-height: 1.3; font-size: 2.9333333333vw; } }/*# sourceMappingURL=brand.css.map */