@charset "utf-8";
html{font-size:16px;scroll-behavior:smooth;overflow-y:scroll}
body{font-size:inherit;font-family:Tahoma,Verdana,'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1.4;min-height:100vh;scroll-behavior:smooth;letter-spacing:0;background:linear-gradient(to bottom,#e8e9ef,#fff 50vh);background-color:#fff;color:#2a2b2c}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,.label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none}
img{max-width:100%;border:0}

a,a:link,a:visited{color:#2c2b2f;text-decoration:none;transition:all .2s}
a:hover{color:#d72113}
header ul,header li,footer ul,footer li,#footer ul,#footer li{list-style:none;margin:0}
::-webkit-input-placeholder{color:rgba(0,0,0,0.4)}::-moz-placeholder{color:rgba(0,0,0,0.4)}:-ms-input-placeholder{color:rgba(0,0,0,0.4)}

@keyframes fadeIn {from{opacity:0}to{opacity:1}}

.wrap{width:100%;max-width:84em;min-width:320px;margin:0 auto}
.flex{display:flex}
.flex-center{display:flex;align-items:center}
.flex1{flex:1}
.flex2{flex:2}
.flex3{flex:3}
header{width:100%;position:-webkit-sticky;position:sticky;top:0;left:0;right:0;z-index:999;background:#fff;text-align:center;box-sizing:border-box;box-shadow:0 20px 60px -30px rgba(10, 42, 100, 0.1);padding:0 2rem;box-sizing:border-box}
header .wrap{display:flex;align-items:center;justify-content:space-between}
header .logo{margin:1.8em 0;height:3.125rem;overflow:hidden}
header .logo img{display:block;height:100%}

header .upper-navigation,header .follow,header .language{display:flex;align-items:center;position:relative}
header .follow a{margin:0 6px;overflow:hidden;color:#bbb}
header .follow a:hover{color:#d72113}
header .language{margin-left:10px;background:#e8e9ef;height:1.6rem;line-height:1.6rem;border-radius:2rem;font-size:.85rem;z-index:99;white-space:nowrap}
header .language label{padding:0 10px;text-transform:uppercase}
header .language img{border-radius:100%;width:1.2rem;height:1.2rem;margin-right:10px}
header .language ul{display:none;position:absolute;top:1.5rem;right:0;transition:all .3s;border:1px solid rgba(0,0,0,.1);background:#fff;border-radius:4px;overflow:hidden;width:auto;min-width:100%}
header .language:hover{background:#d8d9df}
header .language:hover ul{display:block}
header .language li a{white-space:nowrap;display:block;padding:5px 1em;text-align:left}
header .language li a:hover{background:#e8e9ef}

header .menu{display:flex;align-items:center;margin-top:.8rem}
header .menu a{font-size:0.92rem;font-weight:600;line-height:1}
header .menu>li{display:flex;border-right:2px solid #d72113;padding:0 1rem;position:relative}
header .menu>li.menu-home{display:block}
header .menu>li.menu-search{border:0}
header .menu>li:first-child{margin-left:0}
header .menu>li>a{display:block;white-space:nowrap;position:relative}
header .menu>li>a>img{display:block;width:1rem;height:1rem;opacity:.7}
header .menu>li>a:hover>img{opacity:1}
header .menu>li.dropdown>a::after{content:'';border:3px solid transparent;border-top:3px solid #2c2b2f;position:absolute;bottom:-1em;right:calc(50% - 3px)}
header .menu>li>ul{display:none;background:#fff;min-width:16em;position:absolute;left:-1em;top:1em;padding:1em;box-shadow:0 25px 40px -5px rgba(42, 40, 49, 0.12);box-sizing:border-box}
header .menu>li>ul>li>a{display:block;text-align:left;padding:.35rem 1em;line-height:1.2}
header .menu>li:hover>a{color:#d72113}
header .menu>li:hover>ul{display:block;animation:fadeIn .5s}
header .menu>li:last-child>ul{left:inherit;right:0}
header .menu>li.menu-contact{border:0;display:flex;padding:0}
header .menu>li.menu-contact a{flex:1;background:#d72113;color:#fff;padding:0 1.5em;line-height:2.5em;border-radius:3em;font-weight:500}
header .menu>li.menu-contact a:hover{background:#f03}

a.skip-swiper{display:block;position:absolute;z-index:999;font-size:2.5rem;bottom:2rem;left:50%;margin-left:-2rem;width:4rem;text-align:center;opacity:.4;cursor:pointer;color:#fff}
a.skip-swiper:hover{opacity:1}

a.lnk-btn-1,.lnk-btn-1{line-height:2.7rem;border-radius:3rem;background:#d72113;color:#fff;padding:0 2em}
a.lnk-btn-1:hover,.lnk-btn-1:hover{background:#f03}

a.lnk-btn-2,.lnk-btn-2{display:flex;align-items:center}
a.lnk-btn-2::before,.lnk-btn-2::before{margin-right:6px;font-size:1.5rem}
a.lnk-btn-2:hover span,.lnk-btn-2:hover span{text-decoration:underline}

a.lnk-btn-1+a.lnk-btn-2,.lnk-btn-1+.lnk-btn-2{margin-left:1.5em}


button{appearance:none;cursor:pointer}
.show-menu{display:none;border:0;background:transparent;outline:none;box-shadow:none;position:absolute;top:0;left:0;width:60px;height:60px;overflow:hidden;white-space:nowrap;text-indent:66px;z-index:999999}
.show-menu::before,.show-menu::after,.show-menu i{content:'';position:absolute;left:50%;top:50%;display:block;width:22px;height:2px;overflow:hidden;background:#333;margin-left:-11px;transition:transform .3s}
.show-menu::before{margin-top:-9px}
.show-menu::after{margin-top:7px}
.show-menu i{margin-top:-1px}
#show-bg{display:none;background:rgba(0,0,0,.5);position:fixed;z-index:99;top:0;right:0;bottom:0;left:0}

.pagination{padding:2rem 0;text-align:center;line-height:2rem;display:flex}
.pagination ul{margin:0 auto;padding:0;list-style:none;display:flex}
.pagination li{margin:0 10px 0 0;padding:0;list-style:none}
.pagination li:last-child{margin:0}
.pagination a,.pagination span{display:block;padding:0 1em;border:1px solid #ddd;border-radius:4px}
.pagination a:hover{border-color:#e00}
.pagination span{border-color:transparent;color:#d00;font-weight:600}

.contact-quick{width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;z-index:999999;background-color:rgba(255,255,255,.8);padding:3% 0}

body.mobile .show-menu::before,body.mobile .show-menu::after{content:none}
body.mobile .show-menu i:nth-child(1){margin-top:-1px;transform:rotate(45deg)}
body.mobile .show-menu i:nth-child(2){margin-top:-1px;transform:rotate(-45deg)}
body.mobile #show-bg{display:block}

@media (min-width:1400px) {
    html{font-size:calc(16px + 0.15vw)}
}
@media (max-width:1199px) {
    html{font-size:16px}
    body{overflow-x:hidden;padding-top:60px}
    body.mobile{touch-action:none}
    .show-menu{display:block}
    header{position:fixed;top:0;left:0;width:100%;height:60px;background:#fff}
    header,nav,#main,#footer{transition:transform .3s}
    body.mobile header,body.mobile #main,body.mobile #footer{transform:translate(270px, 0)}
    header .wrap{width:100%;max-width:100%}
    header .logo{margin:10px auto;padding:0;height:40px}
    nav{width:270px;height:100vh;position:fixed;z-index:99999;top:0;left:-270px;background:#f1f2f3;overflow:auto;font-weight:600}
    nav .upper-navigation{padding:1rem;height:60px;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,.1)}
    nav .upper-navigation .flex1{display:none}
    header .follow a{color:#999}
    nav .menu{flex-direction:column;text-align:left}
    header .menu>li{border:0;width:100%;padding:0;display:block}
    header .menu>li.menu-home{display:block}
    header .menu a{font-size:1rem;padding:.8rem 1.2rem}
    header .menu>li.dropdown>a{display:flex;align-items:center}
    header .menu>li.dropdown>a::after{position:static;border-width:4px;border-bottom:0;border-top-color:#e00;margin-left:.5rem}
    header .menu>li>ul{position:relative;left:0;top:0;padding:0}
    header .menu>li>ul>li>a{font-size:1rem;padding:.8rem 1.2rem}
    header .menu>li.menu-contact{padding:1.2rem;box-sizing:border-box;text-align:center}
    header .menu>li.menu-search{display:none}
}
@media(max-width:949px) {
    html{font-size:15px}
}
@media(max-width:659px) {
    html{font-size:14px}
}
@media (max-width: 425px) {
    #focus .swiper-button-prev,#focus .swiper-button-next{display:none}
    #focus .swiper-item{flex-direction:column}
    #focus .swiper-item .swiper-left{width:80%;margin:0 auto}
    #focus .swiper-item .swiper-right{width:100%}
    a.skip-swiper{display:none}
    .index-news .item{width:100%}

    #scrolling .rolling-page{background-attachment:scroll;background-size:auto 14rem;background-position:center 12%!important}
    #scrolling .wrap{padding:75% 5% 9%}
    #scrolling .detail{width:100%;margin:0}
    #scrolling .rolling-page:nth-child(2n) .detail{margin:0}
}