﻿.banner-brand{
    display: table;
    width: 100%;
    height: auto;
    margin-top: 0;
    position: relative;
}
.banner-brand img{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    z-index: 5;
}
.brand-topinfo{
    display: block;
    width: 100%;
    padding-top: 30px;
    margin-bottom: 80px;
}
.brand-topinfo .title {
    display: block;
    width: 100%;
    height: 125px;
    text-align: center;
    font-size: 42px;
    font-weight: 700;
    line-height: 125px;
}
.brand-topinfo .desc{
    display: block;
    width: 68.75%;
    margin: 0 auto;
    font-size: 26px;
    line-height: 1.6;
}
.history-text{
    display: block;
    text-align: center;
}
.history-text .subtitle{
    font-size: 14px;
}
.history-text .title{
    font-size: 48px;
}
.history-box{
    display: block;
    padding-bottom: 80px;
}
.history-list{
    z-index: 0;
    background-image: repeating-linear-gradient(#e30040 0 2px,#0000 2px 17px);
    background-position: 50% 50px;
    background-repeat: no-repeat;
    background-size: 2px calc(100% - 100px);
    position: relative;
    padding-bottom: 80px;
}
.history-list:before {
    content: "";
    width: 40px;
    text-align: center;
    z-index: -1;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 40'%3e%3cpath fill='%23E30040' fill-rule='evenodd' d='M19.2157036,23.0122183 C19.721635,23.5765263 20.2629461,24.1107615 20.8299076,24.6131549 C21.2571189,24.9926034 21.700251,25.3552464 22.1539972,25.7001996 C22.7713749,26.1725201 23.4117495,26.6129988 24.0689296,27.0260581 C24.742915,27.4523849 25.4363594,27.8495233 26.1421866,28.2201269 C26.1757975,28.2395858 26.2111773,28.2581602 26.2465571,28.2758501 C26.9966091,30.9063392 26.542863,33.7323018 25.0073791,35.9930719 C23.4710107,38.2547265 21.0253811,39.6814175 18.3046734,39.9529576 C15.5875037,40.2244976 12.873872,39.3134674 10.9200218,37.402073 C8.96705611,35.4906786 7.9622694,32.8115422 8.17543278,30.0855275 C8.18250874,30.0121144 8.18781571,29.9378168 8.19666066,29.8661727 C9.09973041,29.9555067 9.97891878,29.9298564 10.8757971,29.7901061 C14.6729356,29.1974942 17.8597723,26.6085763 19.2157036,23.0122183 Z M15.66074,0.649964823 C16.3630293,0.0263956071 17.3510105,-0.165539882 18.2372749,0.148455964 C19.1244237,0.461567315 19.7718743,1.23107826 19.926661,2.16068287 C20.0044966,2.62238943 19.9549648,3.09559444 19.7842572,3.53253514 C19.6993457,3.75012099 19.5905528,3.94647896 19.4508025,4.13487647 C19.4339971,4.15610436 19.4171917,4.17821674 19.3986173,4.19944463 C19.3818119,4.223326 19.3632375,4.24809187 19.3508545,4.27639572 C19.3190127,4.34980884 19.3207817,4.42764443 19.3490855,4.49928855 C19.3711979,4.55412726 19.3941948,4.60985047 19.4154227,4.66468918 C19.5047567,4.88669751 19.5949752,5.10693685 19.6843093,5.32717619 C19.8629773,5.76411689 20.0425299,6.19928859 20.2265049,6.6344603 C21.9503863,10.7349807 23.7777537,14.4923169 25.8801991,18.4097468 C26.0075665,18.6388311 26.2729151,18.7502775 26.5249962,18.6839403 C24.7515831,14.5383107 23.2240596,10.7296737 21.6213541,6.51416894 C23.9343094,7.06786302 26.1747361,7.98066221 28.0710941,9.48430429 C29.9860265,11.0065208 31.3278059,12.9577175 32.1786905,15.233524 C33.8406572,19.6816511 33.4833211,24.927593 32.461729,29.3447627 C27.8915415,27.8030873 22.869377,25.3158864 19.6878472,21.3648457 C20.403404,17.8277488 19.2809794,14.1677071 16.7053289,11.6407039 C16.8070459,10.7013699 16.9989814,9.79564665 17.2758284,8.89523039 C17.4200012,8.42733236 17.5836328,7.96827928 17.7693768,7.51630216 C17.8162551,7.40131776 17.8640178,7.28544887 17.9135496,7.17134897 C17.937431,7.11297228 17.9630813,7.05548008 17.9878472,6.99887238 C18.0019991,6.96614606 18.0188045,6.93430422 18.032072,6.8998089 C18.0506464,6.85469964 18.0559533,6.81135937 18.0506464,6.76448112 C18.0418014,6.70610442 18.01792,6.66099516 17.9949232,6.61146342 L17.9719263,6.56292674 L17.9719263,6.56292674 L17.9489294,6.51239995 C17.9188566,6.44783179 17.8896682,6.38326363 17.8595954,6.31781097 C17.7384195,6.05511585 17.6190126,5.79242074 17.5004903,5.53061012 C17.4863383,5.49699929 17.4713019,5.46427297 17.45715,5.43066214 C17.4412291,5.39705132 17.4270771,5.36167151 17.4102717,5.32717619 C17.367816,5.24226463 17.2890959,5.18477244 17.1953394,5.17062051 C17.1811874,5.16885152 17.1670355,5.16796703 17.1528836,5.16796703 C17.1192728,5.16442904 17.083893,5.16089106 17.0511666,5.15646859 C16.9830605,5.14762363 16.9167233,5.13700969 16.8503862,5.12285776 C16.8185444,5.1157818 16.784049,5.10870584 16.7513227,5.09986088 L16.7513227,5.09986088 L16.701791,5.08747795 C16.6752561,5.08040199 16.6513747,5.07155703 16.6248399,5.06713456 C16.5328524,5.05209814 16.4382114,5.08305547 16.3718742,5.15027712 C16.3630293,5.15912207 16.3559533,5.16885152 16.3462238,5.17858097 C16.3347254,5.19007941 16.324996,5.20334684 16.3152665,5.21396078 C16.2940386,5.23961115 16.2710417,5.26526151 16.2515828,5.2873739 C16.1684403,5.38643738 16.0835287,5.48550085 16.0012707,5.58456433 C15.6678159,5.98435623 15.3485131,6.39122408 15.0415932,6.81135937 C14.419793,7.65782141 13.857254,8.53524079 13.3477846,9.45334695 C13.2204173,9.68066226 13.0957035,9.91151554 12.9771811,10.1432533 C12.9462237,10.2007455 12.9161509,10.2591222 12.8878471,10.3166144 C12.8736951,10.3466872 12.8586587,10.3758756 12.8427378,10.4041794 C12.8259324,10.4413283 12.8117805,10.4775926 12.807358,10.5173949 C12.7993975,10.6111514 12.8347773,10.7013699 12.905537,10.7624001 C12.9364943,10.7907039 12.9727586,10.8075093 13.0107919,10.8225457 C13.1195848,10.8720775 13.2283778,10.9233782 13.3362862,10.9764479 C13.7829563,11.1975718 14.2039761,11.4514219 14.6081905,11.7415364 C15.4688045,12.3562607 16.217972,13.1151577 16.8211978,13.9837321 C18.0656828,15.7774886 18.6352978,17.9533472 18.4292104,20.1265522 C18.2301989,22.2183837 17.3235912,24.1810789 15.8570979,25.6873744 C14.2561613,27.3378428 12.0979927,28.3284775 9.8044963,28.4699968 C7.68789894,28.6000176 5.59695196,28.0003298 3.87130155,26.7699967 C2.00678537,25.4397158 0.70569272,23.4690601 0.215682301,21.2330559 C-0.247793258,19.1217655 0.0405522236,16.9246791 1.03384049,15.0053242 C2.06693105,13.0116717 3.78638999,11.4646894 5.87910597,10.6491847 C6.83170745,10.2759276 7.84091664,10.0654177 8.86339325,10.0247309 C9.35782615,10.0043876 9.84606758,10.0247309 10.337847,10.0822231 C10.3714578,10.0866456 10.4050686,10.0919526 10.439564,10.0954906 C10.5280135,10.1025665 10.614694,10.0671867 10.6739552,10.0017341 C10.6960676,9.9760837 10.7119885,9.94777985 10.7279094,9.9185915 C10.7332164,9.90443958 10.7420614,9.88851866 10.7491373,9.87348224 C10.7783257,9.81245206 10.8066295,9.75319088 10.8367024,9.69392969 L10.9244885,9.51305039 L10.9244885,9.51305039 L11.0162549,9.33482458 C11.1347773,9.09601084 11.2586066,8.85985058 11.387743,8.62545932 C11.8989813,7.68877875 12.4597513,6.79013148 13.0788981,5.91625008 C13.3840489,5.48550085 13.7024673,5.06271208 14.0332685,4.65053725 C14.1977847,4.44533433 14.3649543,4.2419004 14.5347774,4.04111996 C14.6205734,3.94117199 14.705485,3.84210851 14.791281,3.74304503 C14.8142779,3.71651017 14.8372748,3.6926288 14.8593872,3.66697843 C14.9159949,3.59887229 14.9398762,3.51042276 14.9221863,3.42374221 C14.9186484,3.4069368 14.9133414,3.39013139 14.9071499,3.37155699 C14.9036119,3.35740506 14.8991895,3.34236864 14.8938825,3.32821672 C14.8761926,3.26807103 14.8611562,3.20792535 14.8470042,3.14689517 C14.6435703,2.2296735 14.9557972,1.27353404 15.66074,0.649964823 Z'/%3e%3c/svg%3e");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    left: 50%;
    transform: translate(-50%);
}
.history-list:before {
    position: sticky;
    top: 33.3333%;
}
.history-list:after, .history-list:before {
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
}
.history-list.nod{
    background: none;
}
.history-list.nod:after, .history-list.nod:before{
    display: none;
}
.history-list.nod .item .text h2:before{
    display: none;
}
.history-list.nod .item .text h2{
    font-size: 38px;
}
.history-list .item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 68.75%;
    margin: 0 auto 0 auto;
    padding: 90px 0 0 0;
}
.history-list .item:nth-child(2n) {
    flex-direction: row-reverse;
}
.history-list .item:nth-child(2n) .text h2:before{
    left: -37px;
    right: unset;
}
.history-list .item .pic,.history-list .item .text{
    position: static;
    width: 50%;
    max-width: calc(50% - 30px);
    flex-basis: calc(50% - 30px);
}
.history-list .item .pic img{
    max-width: 100%;
    height: auto;
}
.history-list .item .text h2{
    font-size: 48px;
    margin: 0 0 20px 0;
    font-weight: bold;
    position: relative;
}
.history-list .item .text h2:before{
    content: "";
    width: 15px;
    height: 15px;
    box-sizing: border-box;
    z-index: -2;
    background-color: #e30040;
    border: 1px solid #e30040;
    border-radius: 50%;
    margin-top:20px;
    display: block;
    position: absolute;
    right: -37px;
    top: 0;
    transform: translate(0,0);
}
.history-list .item .text p{
    font-size: 18px;
    line-height: 2;
    margin-top: 0;
}
.brand-team{
    display: block;
    width: 68.75%;
    margin: 0 auto;
    text-align: center;
    padding: 90px 0;
}
.brand-team .subtitle{
    font-size: 14px;
}
.brand-team .title{
    font-size: 48px;
    padding-bottom: 30px;
}
.brand-team .desc{
    display: block;
    font-size: 18px;
    line-height: 1.6;
    text-align: left;
}
.brand-team .num{
    display: flex;
    font-size: 18px;
    padding-top: 40px;
    justify-content: space-between;
}
.brand-team .num .col{
    width: 33.3333%;
    flex: none;
}
.brand-team .num .col:not(:nth-of-type(3)) {
    border-right: 1px solid #EAEAEA;
}
.brand-team .num .display-1{
    display: block;
    font-size: 140px;
    color: #e60012;
    line-height: 1.2;
}
.brand-team .num .h2{
    display: block;
    font-size: 48px;
    color: #e60012;
}
.brand-sujet{
    display: flex;
    height: auto;
    align-items: center;
    padding-bottom: 60px;
    position: relative;
}
.brand-sujet img{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: auto;
    z-index: 0;
}
.brand-sujet .sujet-caption{
    position: relative;
    display: block;
    width: 68.75%;
    margin: 0 auto;
    padding: 170px 0;
    z-index: 10;
}
svg.icon {
    stroke-width: 1px;
    overflow: visible;
}
.icon-lg {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
    top: -0.12em;
}
.blockquote {
    margin: 0;
    letter-spacing: .2px;
    line-height: 1.8;
    font-size: 30px;
    margin-bottom: 15px;
}
.blockquote-footer {
    margin: 15px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
}
.brand-original{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 68.75%;
    margin: 0 auto;
    padding: 90px 0;
}
.brand-original .col-lg {
    flex: 1 0;
    padding: 0 15px;
}
.brand-original .title{
    font-size: 14px;
}
.brand-original .h3{
    font-size: 38px;
    padding-bottom: 20px;
}
.brand-original p{
    font-size: 18px;
    line-height: 2;
}
.brand-original .mediagrid {
    grid-gap: 30px;
    display: flex;
    flex-direction: column;
}
.brand-original .media1 {
    display: block;
    width: 100%;
}
.brand-original .meflex{
    display: flex;
    justify-content: space-between;
}
.brand-original .media2{
    display: block;
    width: 48.5%;
}
.brand-original img{
    display: block;
    width: 100%;
    height: auto;
}
.brand-original .media3{
    display: block;
    width: 48.5%;
}
.brand-slide{
    display: table;
    padding: 0 0 90px 0;
}
.brand-slide .title{
    font-size: 48px;
    text-align: center;
    padding-bottom: 30px;
}
.brand-slide-list{
    display: block;
    width: 100%;
    margin: 0 auto;
}
.brand-slide-list ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 25px;
}
.brand-slide-list li{
    display: block;
    width: 290px;
    height: auto;
    padding: 30px 30px;
    margin: 0 8px 15px 8px;
    background-color: #f2f2f2;
    text-align: center;
}
.brand-slide-list .feature-img{
    display: block;
    width: 230px;
    height: 245px;
    padding-bottom: 15px;
}
.brand-slide-list .feature-img img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
}
.brand-slide-list .feature-title{
    display: block;
    margin-top: 15px;
    font-size: 22px;
}
/*PC自适应*/
@media only screen and (min-width:1024px) and (max-width:1900px){
.brand-sujet .sujet-caption {
    width: 88%;
    padding: 8.94736842105263vw 0;
}
svg.icon-lg{
    display: none;
}
.history-list.nod .item .text h2 {
    font-size: 30px;
}
.brand-topinfo {
    padding-top:1.5789473684210527vw;
    margin-bottom:4.2105263157894735vw;
}
.brand-topinfo .title {
    height:6.578947368421052vw;
    font-size:2.210526315789474vw;
    line-height:6.578947368421052vw;
}
.brand-topinfo .desc {
    width: 75%;
    font-size:1.368421052631579vw;
}
.history-text .title {
    font-size:2.526315789473684vw;
}
.history-list .item {
    width: 75%;
    padding:4.7368421052631575vw 0 0 0;
}
.history-list .item .text h2 {
    font-size:2.526315789473684vw;
    margin:0 0 1.0526315789473684vw 0;
}
.history-list .item .text p {
    font-size:16px;
}
.brand-team {
    width: 75%;
    padding:4.7368421052631575vw 0;
}
.brand-team .title {
    font-size:2.526315789473684vw;
    padding-bottom:1.5789473684210527vw;
}
.brand-team .num .h2 {
    font-size:2.526315789473684vw;
}
.brand-team .desc {
    font-size: 16px;
}
.brand-team .num {
    font-size: 16px;
    padding-top:2.1052631578947367vw;
}
.brand-team .num .display-1 {
    font-size:7.368421052631579vw;
}
.blockquote {
    font-size:1.5789473684210527vw;
}
.brand-original {
    width: 75%;
    padding:4.7368421052631575vw 0;
}
}

/*Mobile v1*/
@media only screen and (max-width:767px){
.brand-topinfo {
    padding-top: 20px;
    margin-bottom: 30px;
}
.brand-topinfo .title {
    width: 100%;
    height: 50px;
    font-size: 26px;
    line-height: 50px;
}
.brand-topinfo .desc {
    width: 88%;
    font-size: 14px;
    line-height: 1.8;
}
.history-box {
    padding-bottom: 30px;
}
.history-list{
    padding-bottom: 35px;
    background-image: repeating-linear-gradient(#e30040 0 2px,#0000 2px 17px);
    background-position: 8% 50px;
    background-repeat: no-repeat;
    background-size: 2px calc(100% - 100px);
}
.history-list:before {
    width: 40px;
    left: 8%;
}
.history-list .item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 88%;
    padding: 20px 0 20px 0;
    flex-direction: column;
}
.history-list .item:nth-child(2n) {
    flex-direction: column;
}
.history-list .item .pic, .history-list .item .text {
    position: static;
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
    padding-left: 30px;
}
.history-list.nod .item .pic, .history-list.nod .item .text {
    padding-left: 0;
}
.history-list.nod .item .text h2 {
    font-size: 22px;
    margin-bottom: 10px;
}
.history-list .item .text h2:before {
    right: unset;
    left: -30px;
    margin-top: 13px;
}
.history-list .item:nth-child(2n) .text h2:before {
    left: -30px;
    right: unset;
}
.history-list .item .text p {
    font-size: 14px;
    line-height: 1.8;
    margin-top: 0;
    margin-bottom: 15px;
}
.history-text .title {
    font-size: 26px;
}
.history-list .item .text h2 {
    font-size: 26px;
    margin: 0 0 10px 0;
}
.brand-team {
    width: 88%;
    padding: 40px 0;
}
.brand-team .title {
    font-size: 26px;
    padding-bottom: 10px;
}
.brand-team .desc {
    font-size: 14px;
    line-height: 1.6;
}
.brand-team .num {
    display: flex;
    font-size: 14px;
    padding-top: 20px;
    justify-content: flex-start;
    flex-direction: row;
}
.brand-team .num .display-1 {
    font-size: 28px;
}
.brand-team .num .h2 {
    font-size: 16px;
}
.brand-sujet .sujet-caption {
    width: 88%;
    padding: 20px 0;
}
.brand-original {
    display: flex;
    justify-content: flex-start;
    width: 88%;
    padding: 45px 0;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
}
.brand-original .h3 {
    font-size: 28px;
    padding-bottom: 10px;
}
.brand-original p {
    font-size: 14px;
    line-height: 2;
}
.brand-original .col-lg {
    flex: 1 0;
    padding: 0 0;
}
.brand-sujet{
    padding-top: 10px;
    padding-bottom: 10px;
}
.brand-sujet img {
    height: 100%;
}
.brand-sujet figure{
    margin: 0;
    padding: 0;
}
.blockquote {
    letter-spacing: 0;
    line-height: 1.8;
    font-size: 14px;
    margin-bottom: 0;
}
.icon-lg{
    display: none;
}

}