@charset "utf-8";
@font-face {font-family: Oswald;font-weight: 400;src: url("../../font/Oswald/Oswald-Regular.eot");src: url("../../font/Oswald/Oswald-Regular.woff") format("woff"), url("../../font/Oswald/Oswald-Regular.ttf") format("truetype"), url("../../font/Oswald/Oswald-Regular.svg") format("svg")}

:root { --orange: #fcd074; --orange2: #bf9647;
    }
.f70{ font-size: 70px;}
.f44{font-size: 44px;}
.f40{font-size: 40px;}
.f28{ font-size: 28px;}
.f24{ font-size: 24px;}
.f20{ font-size: 20px;}
.f14{ font-size: 14px;}

.section1 .container h3, .section2 .container h3, .section3 .container h3, .section4 .container h3, .section5 .container h3, .section6 .container h3, .section7 .container h3, .section8 .container h3,
.section1 .container h2, .section2 .container h2, .section3 .container h2, .section4 .container h2, .section5 .container h2, .section6 .container h2, .section7 .container h2, .section8 .container h2
{font-weight: 400}

.section1 .pic, .section2 .pic, .section3 .pic, .section4 .pic, .section5 .pic, .section6 .pic, .section7 .pic, .section8 .pic
{max-width: 100%; height: auto;}
.title_1{color: var(--orange); line-height: 1.2em; padding-bottom: 2vh;}
.title_2{color: var(--orange2); line-height: 1.2em;}
.section1 .container, .section2 .container, .section3 .container, .section4 .container, .section5 .container, .section6 .container, .section7 .container, .section8 .container
{max-width: 1240px; width: 100%; padding: 0 20px; margin: 0 auto; color: #fff;} 
.section1 .container p, .section2 .container p, .section3 .container p, .section4 .container p, .section5 .container p, .section6 .container p, .section7 .container p, .section8 .container p
{ font-weight: 300; line-height: 1.5em;}

.section1{display: flex; align-items: center; flex-wrap: wrap; justify-content: center; background-color: #141516; position: relative;}
.section1 .container{position: absolute;}

.section1 .pic_auto{padding-bottom: calc(100vw * 950 / 1920); }
.pic_auto {position: relative; width: 100%; height: 0; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; display: flex;}
#a_news11 .pic_auto .pic{height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; }
.section1 hr{width: 35px; height: 2px; background-color: var(--orange); margin-left: 0; border: 0;}
.section1 h2{color: var(--orange); line-height: 1.1em; font-family:"Oswald", sans-serif; text-transform:uppercase}
.section1 h2{width: 50%;}
.section1 p{width: 50%;}
.section1 .f24{padding: 1.5em 0;}
.section1 .f28{padding-top: 0.5em;}

.section2{background-color: #101112;}

.section2 .container{ padding: calc(1vh + 3vw) 0; display: grid; grid-template-columns: repeat(1, minmax(0px, 1fr)); row-gap:2vh;}
.section2 .product{display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; background-color: transparent;}
.section2 .product div:first-child{ flex-grow: 1;}
.section2 .f40{ line-height: 1.4; padding: 3% 0 2% 15%; }
.section2 .intor{ padding-left: 15%; color: #c5c6c7;}
.section2 .intor div:first-child{ display: grid; column-gap:5px; row-gap:10px; grid-template-columns: 32% 68%;;}
.section2 .intor div:last-child{ display: grid; row-gap:10px;}
.section2 .f20{font-weight: 400;}


.section3{background-color: #141516;}

.section3 .container{padding-top: calc(1vh); display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr));justify-items: center; align-items: center;}
.section3 .container div:last-child{padding-left: 20%;}

.section4{background-color: #fff;}
.section4 .container{padding-top: calc(2vh + 3vw); padding-bottom: calc(1vh + 3vw); color: #6c6c6c; display: flex; flex-direction: column; align-items: center; text-align: center;}
.section4 h3, .section4 p{max-width: 990px;  padding-bottom: 2vh;}

.section5 {display: flex; align-items: center; flex-wrap: wrap; justify-content: center; background-color: #fff; padding: calc(2vh + 3vw) 0 calc(1vh + 3vw) 0; position: relative;}
.section5 .pic_auto{padding-bottom: calc(100vw * 699 / 1920);}
.section5 .container{position: absolute; color: #6c6c6c;}

.section5 h3, .section5 p{width: 50%;  padding-bottom: 2vh;}
.section5 strong{display: block; color: var(--orange2); line-height: 1.75em;}



.section6{background-color: #fff; padding-bottom: calc(2vh + 3vw);}
.section6 .container{ color: #6c6c6c; padding-top: calc(2vh + 3vw); padding-bottom: calc(1vh + 3vw);  display: flex; flex-direction: column; align-items: center; text-align: center;}
.section6 .pic_auto{padding-bottom: calc(100% * 417 / 1920);}
.section6 h3, .section6 p{ padding-bottom: 2vh;}
.section6 strong{display: block; color: var(--orange2);  line-height: 1.75em;}


.section7{background-color: #232425; padding-top: calc(2vh + 3vw); padding-bottom: calc(2vh + 3vw); background-size: cover; background-position:center ;
    background-image: url('section7-bg.jpg');}
@supports (background-image: -webkit-image-set(url('section7-bg.webp') 1x)) {
    .section7 {background-image: -webkit-image-set(url('section7-bg.webp') 1x) }
}
.section7 h3{ padding-bottom: 2vh;}
.section7 p{ padding-bottom: calc(2vh + 2vw);}
.section7 video{max-width: 1200px; width: 100%; height: auto;}


.section8{display: flex; align-items: center; flex-wrap: wrap; justify-content: center; background-color: #0e0e0e; position: relative;}
.section8 .pic_auto{padding-bottom: calc(100vw * 750 / 1920); }
.section8 .container{position: absolute; text-align: right; margin-top: -15%;}


@media screen and (max-width: 1440px) {
    .section1 .pic_auto{padding-bottom: calc(100vw * 950 / 1440); }
    .section2 .container{ grid-template-columns: repeat(1, minmax(0px, 1fr)); gap: 5px; padding: calc(1vh + 3vw) 6vw; padding-left: 0;}
    .section2 .f40, .section2 .intor{padding-left: 0;}
    .section5 .pic_auto{padding-bottom: calc(100vw * 699 / 1440);}
    .section8 .pic_auto { padding-bottom: calc(100vw * 750 / 1440); }
}

@media screen and (max-width: 1200px) {
    .f70{ font-size: 72px;}
    .f44{font-size: 38px;}
    .f40{font-size: 36px;}
}

@media screen and (max-width: 940px) {
    .f70{ font-size: 72px;}
    .f44{font-size: 38px;}
    .f40{font-size: 36px;}

    .section1 .container, .section2 .container, .section3 .container, .section4 .container, .section5 .container, .section6 .container, .section7 .container, .section8 .container {padding-left: 6vw; padding-right: 6vw;}
    .section1 .pic_auto{padding-bottom: calc(100vw * 1455 / 940); }
    .section1 .container{bottom: 4%;}
    .section1 h2, .section1 p{width: auto;}
    .section3 .container{padding: calc(3vh) 6vw;}
    .section7 {background-image: url('section7-bgx940.jpg');}
    @supports (background-image: -webkit-image-set(url('section7-bgx940.webp') 1x)) {
        .section7 {background-image: -webkit-image-set(url('section7-bgx940.webp') 1x) }
    }
    .section8 {padding-top: 10vh;}
    .section8 .container{top: 5vh; margin-top: 0; }
    .section8 .pic_auto { padding-bottom: calc(100vw * 710 / 940); }
}

@media screen and (max-width: 768px) {
    
    .f70{ font-size: 10vw;}
    .f44{ font-size: 7vw;}
    .f40{ font-size: 6vw;}
    .f28{ font-size: 20px;}
    .f24{ font-size: 14px;}
    .f20{ font-size: 13px;}
    .f14{ font-size: 12px;}

    .section1 .pic_auto{padding-bottom: calc(100vw * 1647 / 940); }
    .section2 .product > div{width: 50%;}
    .section2 .intor div:first-child {  grid-template-columns: 35% 65%;}
    .section3 .container{display: flex; flex-direction: column-reverse; padding-top: calc(3vh + 2vw);}
    .section3 .container div:last-child{padding-left:0;}
    .section4 .container { padding-top: calc(3vh + 5vw); padding-bottom: calc(3vh + 4vw);}
    .section5 { flex-direction: column-reverse; padding: calc(2vh + 3vw) 0 calc(5vh + 3vw) 0; text-align: center;}
    .section5 .pic_auto { padding-bottom: calc(100vw * 699 / 940); }
    .section5 .container{position: relative;}
    .section5 h3, .section5 p{width: auto;}
    .section6 { padding-bottom: calc(5vh + 3vw);}
    .section7 { padding-top: calc(4vh + 4vw); padding-bottom: calc(4vh + 5vw); text-align: center;}

    .section8 { padding-top: 5vh; flex-direction: column-reverse;}
    .section8 .container{position: relative; top: 0; padding-bottom: 3vh; text-align: center;}
    
}
@media screen and (min-width: 1023px) {
.w940 .section2 .container{ grid-template-columns: repeat(1, minmax(0px, 1fr)); gap: 5px; padding: calc(1vh + 3vw) 6%; padding-left: 0;}
.w940 .section2 .f40, .w940 .section2 .intor{padding-left: 0;}


.w940 .section5 .pic_auto{padding-bottom: calc(100% * 699 / 1440);}
.w940 .f70{ font-size: 72px;}
.w940 .f44{font-size: 38px;}
.w940 .f40{font-size: 36px;}

.w940 .container {padding-left: 6%; padding-right: 6%;}
.w940 .section1 .pic_auto{padding-bottom: calc(100% * 1455 / 940); }
.w940 .section1 .container{bottom: 4%;}
.w940 .section3 .container{padding: calc(3vh) 6%;}
.w940 .section1 h2, .w940 .section1 p{width: auto;}
.w940 .section7 {background-image: url('section7-bgx940.jpg');}
@supports (background-image: -webkit-image-set(url('section7-bgx940.webp') 1x)) {
    .w940 .section7 {background-image: -webkit-image-set(url('section7-bgx940.webp') 1x) }
}
.w940 .section8 {padding-top: 10vh;}
.w940 .section8 .container{top: 5vh; margin-top: 0; }
.w940 .section8 .pic_auto { padding-bottom: calc(100% * 710 / 940); }
}
.ui-detail section img{ height: auto;}
.section1 .container, .section2, .section3, .section7, .section8 { color: #fff;}
.section1 strong {font-weight: normal;}

#a_news11 img{width: auto; margin-left: 0}