section{margin:0px auto;overflow:hidden;}
section .title{margin:80px 0;text-align:center;font-size:44px;}
@media screen and (max-width:768px){
    section .title{margin:40px 0 20px;font-size:18px;}
}

.index-brand{position:relative;text-align:center;}
.index-brand>div{display:inline-block;margin:0px auto;}
.index-brand>dl{position:absolute;color:#fff;text-shadow:1px 2px 10px #333;top:20%;bottom:5%;left:14%;right:30%;text-align:left;}
.index-brand>dl>dt{font-size:36px;position:relative;padding-bottom:20px;}
.index-brand>dl>dt::after{content:'';display:inline-block;width:123px;height:2px;background-color:#fff;position:absolute;left:0px;bottom:0px}
.index-brand>dl>dd{font-size:16px;line-height:28px;padding-top:30px;}
.index-brand>dl>dd:last-child{padding-top:50px;}
.index-brand>dl>dd>a{color:#fff;border:1px #fff solid;padding:15px 30px;font-size:14px;}
.index-brand>dl>dd>a:hover{background-color:#916d5a;}
@media screen and (max-width:768px){
    .index-brand>dl{position:unset;color:#101116;text-shadow:none;}
    .index-brand>dl>dt{font-size:16px;padding-top:10px;padding-bottom:10px;}
    .index-brand>dl>dt::after{background-color:#101116;}
    .index-brand>dl>dd{font-size:14px;line-height:24px;padding-top:10px;}
    .index-brand>dl>dd:last-child{padding-top:20px;padding-bottom:10px;text-align:center;}
    .index-brand>dl>dd>a{color:#101116;border:1px #101116 solid;padding:5px 20px;font-size:12px;}
}
.swiper-pagination-bullet-active{background:#333137 !important}

.index-pro{margin:50px auto 100px auto;}
.index-pro li{float:left;width:33.33%;text-align:center;padding:1.5% 0%;}
.index-pro li a{display:inline-block;position:relative;max-width:90%;}
.index-pro li a img{-webkit-transition: all 0.6s;transition: all 0.6s;display:block;}
.index-pro li a:hover img{transform: scale(1.1);}
.index-pro-pic{overflow:hidden;background:#000;margin:0px auto;text-align:center;}
.index-pro-title{position:absolute;top:0px;left:0px;right:0px;bottom:0px;display:none;background-color:rgba(0,0,0,0.3)}
.index-pro-title::after{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:2px solid #fff;box-shadow:0 0 0 30px rgb(255 255 255 / 20%);content:'';opacity:0;}
.index-pro-title>p{color:#fff;padding-top:calc(50% + 17px);width:100%;line-height:34px;text-align:center;margin:0px auto;}
.index-pro li a:hover .index-pro-title{display:block;}
.index-pro li a:hover .index-pro-title::after{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
@media screen and (max-width:768px){
    .index-pro{margin:0px auto 50px auto;}
    .index-pro li{width:30%;padding:1.6% 1.6%;}
}

.backcon{position:relative;text-align:center;}
.backcon>div{display:inline-block;margin:0px auto;}
.backcon>dl{position:absolute;color:#fff;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;letter-spacing:2px;}
.backcon>dl>dt{font-size:48px;}
.backcon>dl>dd{font-size:14px;padding-top:20px;}
.backcon>dl>dd:last-child{padding-top:60px;}
.backcon>dl>dd>a{color:#fff;border:1px #fff solid;padding:12px 80px;font-size:12px;border-radius:30px;}
@media screen and (max-width:768px){
    .backcon>dl>dt{font-size:18px;}
    .backcon>dl>dd{font-size:12px;padding-top:10px;}
    .backcon>dl>dd:last-child{padding-top:20px;}
    .backcon>dl>dd>a{padding:5px 30px;}
}


.index-wap{position:relative;background-attachment:fixed;background-repeat:no-repeat;background-position:center;background-size:cover;}

.index-wap-logo{height:100vh;display:flex;flex-direction:column;justify-content:center;text-align:center;}
.index-wap-logo>a{position:relative;padding:30px 0;}
.index-wap-logo span{position:absolute;width: 100%;left: 0;top: 0px;opacity: 0;}
.index-wap-logo span img{width: 100%;}
.index-wap-logo span{transition: all 0.5s;}
.index-wap-logo .line1.on{opacity: 1;transition: all 0.5s;}
.index-wap-logo .line2.on{opacity: 1;transition: all 0.5s 0.3s;}
.index-wap-logo .line3.on{opacity: 1;transition: all 0.5s 0.6s;}
.index-wap-logo .line4.on{opacity: 1;transition: all 0.5s 0.9s;}
.index-wap-logo .line5.on{opacity: 1;transition: all 0.5s 1.2s;}
.index-wap-logo .line6.on{opacity: 1;transition: all 0.5s 1.5s;}
.index-wap-logo .line7.on{opacity: 1;transition: all 0.5s 1.8s;}

.index-wap-news{min-height:100vh;}
.index-wap-news>.list{float:right;width:50%;background:rgba(59,56,56,0.5);box-sizing:border-box;padding:30px 25px 18px;color:#fff;}
.index-wap-news>.list a{color:#fff;}
.index-wap-news>.list b{font-size:12px;}
.index-wap-news>.list h2{font-size:16px;margin-bottom:25px;height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;}
.index-wap-news>.list p{line-height:24px;font-size:14px;height:72px;overflow:hidden;margin-bottom:30px;}
.index-wap-news>.list h1{font-size:14px;}
.index-wap-news>.text{width:100%;float:left;margin-top:30px;color:#fff;}
.index-wap-news>.text h1{color:#fff;font-weight:100;font-size:46px;line-height:68px;letter-spacing:8px;padding-left:20px;}
.index-wap-news>.text h1 img{height:38px;}

.index-wap-pro{padding-top:49px;background: url(../../images/home/index/grand.png) top repeat-x;}
.index-wap-pro>ul{background-color:#fff;padding:3%;}
.index-wap-pro>ul>li{overflow:hidden;margin-bottom:5px;background:#454545;}
.index-wap-pro>ul>li:nth-child(2){background:#e7dcd0;}
.index-wap-pro>ul>li dl dt{width:43.5%;float:left;box-sizing:border-box;padding:20px;padding-bottom:0;}
.index-wap-pro>ul>li dl dt h1{font-size:16px;line-height:28px;height:21px;overflow:hidden;font-weight:normal;color:#fff;margin-bottom:10px;}
.index-wap-pro>ul>li dl dt h2{font-size:14px;line-height:28px;height:53px;overflow:hidden;font-weight:normal;color:#fff;margin-bottom:10px;}
.index-wap-pro>ul>li:nth-child(2n) dl dt h1 > a{color:#454545;}
.index-wap-pro>ul>li:nth-child(2n) dl dt h2 > a{color:#454545;}
.index-wap-pro>ul>li dl dt a{color:#fff;}
.index-wap-pro>ul>li dl dt > a{display:inline-block;width:13px;height:22px;background:url(../../images/home/icon_right_arrow2.svg) center no-repeat;background-size:100% 100%;}
.index-wap-pro>ul>li:nth-child(2n) dl dt > a{background:url(../../images/home/icon_right_arrow.svg) center no-repeat;background-size:100% 100%;}
.index-wap-pro>ul>li dl dd{width:56.5%;float:left;}
.index-wap-pro>ul>li dl dd img{width:100%;display: block;}


.index-item01{padding:140px 0px 140px 0;text-align:center;}
.index-item01 .inline a:before{content:"";width:25px;height:1px;background:#1e1e1e;display:inline-block;margin-right:20px;vertical-align:middle;}
.index-item01 .inline li:first-child a:before{display:none;}
.index-item01 .tit .en{font-size:48px;text-transform:uppercase;margin-top:15px;}
.index-item01 .tit-txt{font-size:20px;color:#000;margin-top:15px;}
@media screen and (max-width:1025px) {
    .index-item01{padding:60px 0;}
    .index-item01 .tit .en{font-size:20px;text-transform:uppercase;margin-top:5px;}
    .index-item01 .tit-txt{font-size:14px;margin-top:5px;}
}


.index-item02{padding:0px 0;text-align:center;font-size:16px;color:#fff;}
@media screen and (max-width:1025px) {
    .index-item02{padding:0px 0px 0px;}
}

.news{padding-top:100px}
.news h3{font-size:48px;font-weight:400;display:inline-block;}
.news .inline a{color:#1e1e1e;-moz-transition:color .5s;-o-transition:color .5s;-webkit-transition:color .5s;transition:color .5s;margin-left:20px;text-transform:uppercase;}
.news .inline a:before{content:"";width:25px;height:1px;background:#1e1e1e;display:inline-block;margin-right:20px;vertical-align:middle;}
.news a img{-moz-transition:opacity .5s;-o-transition:opacity .5s;-webkit-transition:opacity .5s;transition:opacity .5s}
.news a:hover{color:#989898}
.news .title{margin-bottom:80px}
.news .news-box{margin-bottom:80px}
.news .date{text-transform:uppercase;}
.news .desc{padding:0;}
.index-news-item{height:190px;position:relative;background-size:cover;background-position:center;}
.news a:hover .index-news-item{opacity:.5}
@media(min-width:1550px){.hero .slide video{min-width:127%}}
@media(max-width:1140px){}
@media(min-width:992px) and (max-width:1199px){.sectionCategories{padding:100px 0 30px}}
@media(max-width:1024px){
    .news .date{font-size:14px}
    .news .date h4{font-size:20px;line-height:27px}
    .news h4.titolo{font-size:16px;line-height:32px}
    .news .news-box{margin-bottom:0px}
}
@media(max-width:1023px){.hero{height:324px}}
@media(max-width:768px){
    .news h3{font-size:24px;}
    .sectionCategories{padding:30px 0 0}
    .sectionCategories h2{margin-bottom:0px}
    .categorie{margin-bottom:30px;margin-top:10px;}
    .news{padding-top:50px}
    .news_item{padding-top:0px}
    .news_item .index-news-item{margin-top:10px;background-size:97%;background-repeat:no-repeat;}
    .news_item .news-box{margin-bottom:30px;}
    .news .title{margin-bottom:40px}
    .news .date{font-size:12px}
    .news .date h4{font-size:20px;line-height:32px}
    .news a img{margin-top:20px}
    .arrow{display:none}
}


.index-item04>div{background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;}
.index-item04 .hide{visibility:hidden;}
.index-item04>div .text{position:absolute;bottom:60px;width:100%;left:0;text-align:center;color:#fff;z-index:2;-moz-transition:opacity .5s ease;-o-transition:opacity .5s ease;-webkit-transition:opacity .5s ease;transition:opacity .5s ease;/* text-shadow: 2px 2px 2px rgb(0 0 0 / 70%); */}
.index-item04>div .text.center{top:50%;left:0;bottom:auto;-moz-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);-o-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%);-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.index-item04 a h3{font-weight:400;font-size:42px;}
.index-item04 a{color:#fff;}
.index-item04 a:hover {color:#989898;}
@media(min-width:992px) and (max-width:1280px){.index-item04>div [style*='background']{opacity:1!important}}
@media(max-width:768px){
    .index-item04 a h3{font-size:18px;}
}

.section_product{margin:100px auto 0px;}
.section_product .details{position:relative;}
.section_product .details>div{position:absolute;top:50%;transform:translate(0%,-50%);}
.section_product .details>div>h3{font-weight: 400;text-transform: uppercase;}
.section_product .details>div>p{color:#9d9d9d}
.section_product .details>div>a{font-size: 12px;}
.section_product .details>div>a::before{content:'';width:35px;height:19px;background:url(../../images/home/index/index-item01-more.png) no-repeat center center;display:inline-block;vertical-align:middle;margin-right:15px;transition:800ms ease-out;-webkit-transition:800ms ease-out;-ms-transition:800ms ease-out;-moz-transition:800ms ease-out;-o-transition:800ms ease-out;}
.section_product .details>div>a:hover::before{transform:translateX(15px);}
.section_product .img>a{position:relative;display:inline-block;}
.section_product .img>a>img{display:block;}
@media screen and (max-width:1025px) {
    .section_product{margin:50px auto 0px;}
    .section_product .details>div{position:unset;transform:none}
}

