@charset "utf-8";
figure,blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0}
table{border-spacing:0}fieldset,img{border:0}legend{display:none}address,caption,cite,code,dfn,em,th,var{font-weight:400;font-style:normal}
ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-weight:bold;font-size:100%}q:after,q:before{content:""}
abbr,acronym{border:0}a{vertical-align:middle;text-decoration:none}
input,select{outline:none;border-radius:0;}

/*
.globalNav_100  .globalNav_black_20  headBg_10  swiper_btn_5
客服屏 1272x674
*/

@font-face {
    font-family: '思源黑体';
    src: url('../fonts/SourceHanSansCN-Normal.otf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'RenaultGroupAH';
    src: url('../fonts/RenaultGroupAH-Regular.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'RenaultGroupAH-Light';
    src: url('../fonts/RenaultGroup-Light.woff2') format('woff2');
    font-display: swap;
}

:root{
    --r5: 0.26vw;
    --r10: 0.52vw;
    --r19: 0.989vw;
    --r24: 1.25vw;
    --r33: 1.718vw;
    --r30: 1.562vw;
    --r42: 2.187vw;
    --r60: 3.125vw;

    
    --rm5: 0.66vw;
    --rm10: 1.33vw;
    --rm19: 2.53vw;
    --rm22: 2.93vw;
    --rm24: 3.2vw;
    --rm30: 4vw;
    --rm33: 4.4vw;
    --rm42: 5.6vw;
    --rm49: 6.53vw;


    --col24: #242424;
    --col35: #353535;
    --col0f: #0f0f0f;
    --color--tan: 39deg 42% 74%;


    --f152: 7.916vw;
    --f111: 5.781vw;
    --f94: 4.895vw;
    --f80: 4.166vw;
    --f72: 3.75vw;
    --f70: 3.645vw;
    --f60: 3.125vw;
    --f48: 2.5vw;
    --f46: 2.395vw;
    --f42: 2.187vw;
    --f40: 2.083vw;
    --f36: 1.875vw;
    --f35: 1.822vw;
    --f32: 1.666vw;
    --f30: 1.562vw;
    --f28: 1.458vw;
    --f26: 1.354vw;
    --f25: 1.302vw;
    --f24: 1.25vw;
    --f22: 1.145vw;
    --f21: 1.093vw;
    --f20: 1.041vw;
    --f18: 0.937vw;
    --f16: 0.833vw;
    --f15: 0.781vw;
    --f14: 0.729vw;
    --f12: 0.625vw;
    --f10: 0.52vw;
    
    --fm157: 20.93vw;
    --fm114: 15.2vw;
    --fm100: 13.33vw;
    --fm72: 9.6vw;
    --fm70: 9.33vw;
    --fm57: 7.6vw;
    --fm54: 7.2vw;
    --fm50: 6.66vw;
    --fm48: 6.4vw;
    --fm44: 5.86vw;
    --fm42: 5.6vw;
    --fm40: 5.33vw;
    --fm37: 4.93vw;
    --fm36: 4.66vw;
    --fm35: 4.66vw;
    --fm32: 4.26vw;
    --fm30: 4vw;
    --fm28: 3.73vw;
    --fm25: 3.33vw;
    --fm24: 3.2vw;
    --fm23: 3.06vw;
    --fm22: 2.93vw;
    --fm20: 2.66vw;
    --fm18: 2.53vw;
    --fm16: 2.13vw;
    --fm14: 1.86vw;
    --fm12: 1.6vw;
    --fm10: 1.33vw;

    
    --letSpa-150: -0.15vw;
    --letSpa-75: -0.1vw;
    --letSpa150: 0.1vw;
    --letSpa200: 0.15vw;
    --letSpa222: 0.2vw;

    --letSpaM150: 0.266vw;
    --letSpaM200: 0.4vw;

    --mobNavH: 13.73vw;
}

h2 { font-size:var(--f60); text-align: center; }
.bW { background-color:#fff; }
.r10 { border-radius: var(--r10); overflow: hidden; }
.r19 { border-radius: var(--r19); overflow: hidden; }
.r24 { border-radius: var(--r24); overflow: hidden; }
.r33 { border-radius: var(--r33); overflow: hidden; }
.r30 { border-radius: var(--r30); overflow: hidden; }
.r42 { border-radius: var(--r42); overflow: hidden; }
.r60 { border-radius: var(--r60); overflow: hidden; }

.upHarf { border-bottom-left-radius:0 !important; border-bottom-right-radius:0 !important; }
.downHarf { border-top-left-radius:0 !important; border-top-right-radius:0 !important; }
.tm { text-align: center; }

.in_alpha { animation:in_alpha 0.3s ease both; }
@keyframes in_alpha {  0% { opacity:0; } 100% { opacity:1; }  }
.spin_am { animation:spin_am 1s linear none infinite; }
@keyframes spin_am {  0% { transform:rotate(0deg); } 100% { transform:rotate(359.9deg); }  }

body,html{width:100%;min-height:100vh;font:var(--f20) 'RenaultGroupAH','思源黑体', '黑体', sans-serif; letter-spacing:var(--letSpa150); }

/* 顶菜单 */
.globalNavSpace { width:100%; height:6.1vw; background:url(../images/top_menu_bg.jpg)  0 0 / 100% 100%;
/* .globalNavSpace { width:100%; height:3.6vw; background:url(../images/top_menu_bg.jpg)  0 0 / 100% 100%; */
    transition:background ease 0.5s; }
.headBg { width:100%; height:calc(100vh - 3.6vw); position:fixed; display:none; 
    background-color:rgba(255,0,0,0); z-index:10; }    
.globalNav { width:100%; height:6.1vw; position:fixed; left:0; top:0; z-index:100; }
.globalNav .pc { width: 100%; height: 3.6vw; position:relative; }
.globalNav .black { width:100%; height:100%; color:#fff; position:absolute; top:0; display:flex;
    background:url(../images/top_menu_bg.jpg)  0 0 / 100% 100%; z-index:20; }  
.globalNav img { width:100%; display:block; }
.globalNav .logo { width:5.962vw; height:100%; display:inline-block; margin-right:2vw; }
.globalNav .logo a { width:4.062vw; margin:1.041vw 0 0 1.614vw; display:block; }
.globalNav nav { width:auto; height:100%; display:flex; }
.globalNav nav.quickNav { margin-inline-start:auto;}
.globalNav ul { width:auto;  height:100%; display:flex; }
.globalNav ul li { width:6.666vw; height:100%; text-align:center; }
.globalNav ul li a { width:auto; height:100%; color:#fff; display:inline-block; 
     box-sizing:border-box; font-size:var(--f18); line-height:3.6vw; }

.globalNav .white { width:100%; height:100%; position:absolute; top:0; display:flex; 
    background:#fff; visibility:hidden; z-index:20; }
.globalNav .white ul li a { color:#000; }
.globalNav .white ul li.active a { border-bottom:2px solid #000; }

.globalNav .menuMob { display:none; }

.globalNav .stockBar { width:100%; height:2.5vw; background-color:#978a7e; color:#fff; position:relative;
    display:flex; justify-content:flex-end; align-items:center; font-size:var(--f16); }
.globalNav .stockBar .stock { width:9.3vw; }
.globalNav .stockBar .stock a { color: #fff; display: block; letter-spacing: normal; }
.globalNav .stockBar .stock span { margin-right:0.5vw; }
.globalNav .stockBar .lang { margin-right:2vw; cursor:pointer; }
.globalNav .stockBar .lang::after { content:url(/images/icon-arr-down-02.svg); width:0.937vw; margin-left:0.5vw; display:inline-block; }
.globalNav .stockBar .lang.open::after{ content:url(/images/icon-arr-up-02.svg); }
.globalNav .stockBar .langPop { width:4.8vw; position:absolute; right:13.6vw; top:0; z-index:30; padding-top:2.5vw; cursor:pointer; display:none; }
.globalNav .stockBar .langPop a { width:100%; background-color:#fff; color:var(--col24); padding:0.3vw 1vw 0.6vw; line-height:2; user-select:none; display:block; }
.globalNav .stockBar .access { width:12.5vw; display:flex; justify-content:flex-start; align-items:center; position:relative; }
.globalNav .stockBar .selectQa { width:1.145vw; height:1.145vw; border:0.104vw solid #fff; text-align:center; border-radius:50%; box-sizing:border-box; font-size:var(--f12); line-height:1.1vw; margin-left:1vw; font-family:"思源黑体", sans-serif; cursor:pointer; }
.globalNav .stockBar .selectQaPop { background-color:#fff; color:var(--col24); position:absolute; left:4.8vw; top: 1.8vw; width:5.6vw; padding:1.2vw 1vw; border-radius:var(--r19); line-height:2; z-index:30; user-select:none; display:none; }
.globalNav .stockBar .selectQaPop .arr { width:2.4vw; height:2.5vw; position:absolute; top:-2.4vw; left:3.7vw; }
.globalNav .stockBar .selectQaPop .arr::after { content:url(/images/icon-arr-up.svg); width:0.937vw; display:inline-block; position:absolute; top:1.6vw; left:0.65vw; }
.globalNav .stockBar .selectQaPop:hover { display:block; }

.globalNav .stockBar .selectBar { width:2.812vw; height:1.093vw; border-radius:1vw; position:relative; margin-left:0.6vw; background-color:#786451; transition:background 0.3s ease; cursor:pointer; }
.globalNav .stockBar .selectBar .selectOff, .globalNav .stockBar .selectBar .selectOn 
{ height:100%; position:absolute; left:45%; top:0; text-align:center; font-size:var(--f12); letter-spacing:normal; line-height:1.1vw; }
.globalNav .stockBar .selectBar .selectOn { display:none; left:18%; }
.globalNav .stockBar .selectBar .selectRound { width:1.093vw; height:1.093vw; background-color:#fff; border-radius:50%;  transition:left 0.2s ease; position:absolute; left:0; top:0; }

.globalNav .stockBar .selectBar.on { background-color:#000; }
.globalNav .stockBar .selectBar.on .selectOn { display:block; }
.globalNav .stockBar .selectBar.on .selectOff { display:none; }
.globalNav .stockBar .selectBar.on .selectRound { left:calc(100% - 1.093vw); }

/* .globalNav .stockBar .
2.812vw 1.093vw */



/* height:26.25vw; */
.subNavBox { width:100%; height:26.25vw; background-color:#fff; transition:height ease 0.3s;
    border-bottom-left-radius:var(--r30); border-bottom-right-radius:var(--r30);
    box-sizing:border-box; padding:5.631vw 1.614vw 0; position:absolute; top:0;
    overflow:hidden; color:#000; font-size:var(--f15); visibility:hidden; transform-origin:50% 0%; }
.subNavBox.h3 { height:29.166vw; }
.subNavBox .title { font-size:var(--f30); color:#000; font-weight:bold; }
.subNavBox .subNav { width:calc(100% - 1.614vw * 2); position:absolute; visibility:hidden; }
.subNavBox ul { width:24%; margin-top:2.343vw; flex-direction:column; text-align:left; }
.subNavBox ul li { text-align:left; }
.subNavBox ul li a { color:#000; font-size:var(--f15); line-height:1.5; 
    margin-bottom:0.833vw; }
.subNavBox a { color:#000; }

.subNavBox .navNewsBox { position:absolute; right:0; top:0; }
.subNavBox .navNews { width: 75vw; display:flex; justify-content: center; flex-wrap: wrap; }
.subNavBox .navNews .item { width:23.333vw; height:18.593vw; margin-left:1.614vw; position:relative; cursor:pointer; }
.subNavBox .navNews .item .txt { width:100%; position:absolute; left:0; bottom: 0; padding: 1vw 1.4vw; box-sizing: border-box;
    background-image:linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0.45) 50%, rgba(0,0,0,0)); }
.subNavBox .navNews .moreBt { min-width:12.5vw; height:3.541vw; background-color: #000; text-align: center; box-sizing: border-box; line-height:3.541vw; color: #fff; border-radius: 3.541vw; font-size: var(--f20); margin-top: 2vw; }    
.subNavBox .newsTitle { width: 86%; font-size:var(--f18); color:#fff; overflow:hidden;
    display:-webkit-box; display:box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; box-orient:vertical;}
.subNavBox .newsDate { font-size:var(--f20); color:#cdcdce; letter-spacing:2px; }
.subNavBox .icon { width:7.58%; position:absolute; left:85.26%; top:83.47%; }

.subNavBox .navBrands { margin-top:1.1vw; display:flex; justify-content:space-between; }
.subNavBox .navBrands .item { width:22.968vw; position:relative; cursor:pointer; }
.subNavBox .navBrands .item > img { width:100%; height:100%; object-fit:cover; }
.subNavBox .navBrands .icon { width:7.7%; position:absolute; left:85.26%; top:83.23%; }
.subNavBox .navBrands .brandName { width:60%; font-size:var(--f30); color:#fff; position:absolute; left:9.07%; top:82.1%; }
.subNavBox .navBrands .brandName.lower { transform:translateY(0.3vw); }

.subNavBox .navNews4 { display:none; }

.subNavBox .navNewsBox a img { width:100%; height:100%; display:block; object-fit: cover; }
/* .subNavBox .navNewsBox a::after { content:""; width:100%; height:30%; position:absolute; left:0; bottom:0; 
    background-image:linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0.5) 50%, rgba(0,0,0,0)); } */



.footer { width:100%; height:10.572vw; font-size:var(--f16); box-sizing:border-box; padding-top:3.645vw;
    background-color:#000; color:#c5c5c5; }    
.footer a { color:#c5c5c5; }
.footer img { width:100%; display:block; }
.footer .mid { width:89.89%; margin:0 auto; position:relative; }
.footer .footerMenu ul { display:flex;  }
.footer .footerMenu ul li a { padding:0 0.8vw; }
.footer .footerMenu ul li::after { content:"|"; color:#4c4c4c;  }
.footer .footerMenu ul li:first-child a { padding-left:0; }
.footer .footerMenu ul li:last-child::after { content:"" }

.footer .copyright { margin-top:1.25vw; }
.footer .copyright a { margin-right:1.25vw; }

.footer .socialMenu { position:absolute; right:0; bottom:0; }
.footer .socialMenu ul { display:flex; }
.footer .socialMenu ul li { margin-left:2.083vw; position:relative; }
.footer .socialMenu .icon { width:1.345vw; margin:0 0.52vw 0 0; }
.footer .socialMenu a { display:flex; }
.footer .socialMenu .wechat:hover .qrCodeBox { display:block; }
.footer .socialMenu .qrCodeBox { width:15.208vw; position:absolute; bottom:0; transform:translate(-47%, -6%); padding-bottom:1vw; display:none; }
.footer .socialMenu .qrCode { width:61.98%; position:absolute; left:19.17%; top:8.56%; }
.footer .socialMenu p { width:100%; text-align:center; position:absolute; left:0; top:71.89%; }


.zoomIn_s > img { transition:transform 0.75s ease; }
.zoomIn_s:hover > img { transform:scale(1.05); }

.zoomIn_b > img { transition:transform 0.75s ease; }
.zoomIn_b:hover > img { transform:scale(1.02); }

.zoomIn > img { transition:transform 0.75s ease; }
.zoomIn:hover > img { transform:scale(1.08); }

.mob { display:none; }
.pc { display:block; }

.KlaroContainer { display:none; }


#onetrust-consent-sdk {
    button { min-width:120px; }
}

/* 底部菜单 */
@media (max-width:1024px){ 
    
    body { font-size:var(--fm20); letter-spacing:var(--letSpaM150); color: var(--col24); }
    .pc { display: none !important; }
    .mob { display: block; }

    /* 顶菜单 */
    h2 { font-size:var(--fm40); }

    .r10 { border-radius: var(--rm10); overflow:hidden; }
    .r19 { border-radius: var(--rm19); overflow:hidden; }
    .r22 { border-radius: var(--rm22); overflow:hidden; }
    .r24 { border-radius: var(--rm24); overflow:hidden; }
    .r30 { border-radius: var(--rm30); overflow:hidden; }
    .r33 { border-radius: var(--rm33); overflow:hidden; }
    .r42 { border-radius: var(--rm42); overflow:hidden; }
    .r49 { border-radius: var(--rm49); overflow:hidden; }

    :root{
        /* 新闻文字，不用js来转了 */
        --f72: 9.6vw;
        --f48: 6.4vw;
        --f36: 4.66vw;
        --f28: 3.73vw;
        --f24: 3.2vw;
        --f20: 2.66vw;
        --f18: 2.4vw;
        --f16: 2.13vw;
    }


    /* topNav */
    .globalNavSpace { width: 100%; height:13.73vw; background:url(../images/top_menu_bg_m.jpg)  0 0 / 100% 100%;
        transition:background ease 0.5s; }
    .headBg { width: 100%; height:calc(100vh - 13.73vw); }    
    .globalNav { width: 100%; max-width:100vw; height:13.73vw; }
    .globalNav nav { display:none; }
    .globalNav .black { justify-content:space-between; }

    .globalNav .logo { width:18vw; height:10vw; padding:2.933vw 0 0 3.866vw; }
    .globalNav .logo a { width: 100%; margin:0; }  
    .globalNav .menuMob { width:15.466vw; height:13.73vw; display:block; position: relative; }
    .globalNav .menuMob img { width:100%; display:block; transition:opacity 0.3s ease; }
    .globalNav .menuMob .close { width:100%; position: absolute; top: 0; opacity:0; }
     

    /* mob menu */
    .mobNav { width: 100%; height:var(--mobNavH); background-color:#000; position: fixed; top:0; left:0; z-index: 100; overflow: hidden; }
    .mobNav .black { width:100%; height:var(--mobNavH); position: relative; }
    .mobNav .list { width: 100%; height:calc(100% - var(--mobNavH)); padding-top:7.33%; box-sizing: border-box; background-color:#fff; display:none; }
    .mobNav .list ul { width:85.34%; margin:0 auto; height:auto; flex-direction:column; border-bottom:1px solid #8a8a8a; padding:3vw 0; }
    .mobNav .list ul li { width:100%; text-align: left; position: relative; }
    .mobNav ul li a { width:100%; padding:4vw 0; color:var(--col35); font-size:var(--fm25); } 
    .mobNav .list ul li a::after { content:url("/images/icon-arr-right-02.svg"); width:1.7vw; display:inline-block; float:right; }
    .mobNav .list .access { width:85.34%; margin:0 auto; font-size:var(--fm30); margin-top:6.66vw; display:flex; align-items:center; letter-spacing:normal; }
    .mobNav .list .label { margin-right:3vw; }
    .mobNav .list .select { width:9.73vw; height:4vw; font-size: var(--fm16); background-color:#7d6a56; position: relative; 
        border-radius:2vw; display:flex; align-items:center; justify-content:space-evenly; }  
    .mobNav .list .select > div { color: #fff; }
    .mobNav .list .select .selectOn { opacity:0; }
    .mobNav .list .select .brock { width:4.8vw; height:4.8vw; border-radius:2.4vw; overflow:hidden; position: absolute; left:-0.4vw; top:-0.4vw; background-color:#fff; border:1px solid #7d6a5633; box-sizing: border-box; transition:left 0.2s ease, right 0.2s ease; }
    .mobNav .list .select.on .brock { left:5vw; }
    .mobNav .list .select.on .selectOff { opacity:0; }
    .mobNav .list .select.on .selectOn { opacity:1; }
    .mobNav .list .select.on { background-color: #000; }

    .mobNav .stockBar { width: 100%; height:11.2vw; color:#fff; position: absolute; left: 0; bottom:0; background-color:#978b7f; 
        display: flex; justify-content:center; align-items:center; font-size:var(--fm30); letter-spacing:normal; text-align: center; }
    .mobNav .stockBar span { color:#000; }
    .mobNav .stockBar span:first-child { color:#fff; margin-right:2vw; }
    .mobNav .stockBar .stock { width:60%; font-size: var(--fm22); }
    /**/
    .mobNav .mobSubNav { position: absolute; top:var(--mobNavH); padding-top:12%; transform:translateX(100%); display:none; transition:transform 0.3s ease; }
    .mobNav .mobSubNav .title { text-align: center; font-size: var(--fm32); padding-bottom:3vw; border-bottom:1px solid #8a8a8a; }
    .mobNav .mobSubNav ul { border-bottom: 0; }
    .mobNav .mobSubNav .navBack { width:2.2vw; position:absolute; left:4.26vw; top:10.26vw; padding:3vw; }
    


    /* footer */
    .footer { width: 100%; height: 49.33vw; font-size: var(--fm18); font-weight:lighter; padding-top: 0; margin-top:-2px; }
    .footer .mid { width:93.33%; padding-top:28.53vw; }
    .footer .footerMenu { border-top:1px solid #222; padding-top:3vw; }
    .footer .footerMenu ul { justify-content: center; }
    .footer .footerMenu ul li a { padding: 0px 3vw; line-height: 1; }
    .footer .copyright { margin-top:4vw; text-align: center; }
    .footer .copyright a { margin-right: 3vw; }
    .footer .copyright a:first-child { display: block; margin-bottom:1vw; }
    .footer .socialMenu { width: 96%; height:20%; left: 0; top: 20vw; }
    .footer .socialMenu ul { justify-content: center; }
    .footer .socialMenu ul li { margin: 0 2vw; }
    .footer .socialMenu a { align-items: center; }
    .footer .socialMenu .icon { width: 6vw; margin: 0 1vw 0 0; }

    .footer .socialMenu .qrCodeBox { width: 45vw; bottom: 3vw; }
}