html {
    overflow-y: scroll;
    scrollbar-gutter: stable;
}

/* header & footer */
.wrap { width: 1400px; font-family: stm; }
.cp { color:#ff0f0f; }
.cb { background: #ff0f0f; color:#fff; }

#w_header { position: fixed; left: 0; top: 0; width: 100%; z-index: 99; height: 70px; border-bottom:1px solid rgba(255,255,255,0.5); color:#fff; overflow: hidden; transition:0.3s; }
#w_header.up { top:-71px; }
#w_header.fix { background: rgba(0,0,0,0.8); }
#w_header.down { background: rgba(0,0,0,0.8); height: 300px; }
#w_header h1 { padding-top: 15px; }
#w_header #w_gnb { position: absolute; right: 0; top: 23px; }
#w_header #w_gnb > li { float:left; margin-right: 130px; }
#w_header #w_gnb > li > a { text-transform:uppercase; }
#w_header #w_gnb ul { position: absolute; top:50px; line-height:2; font-family: str; }
#w_header #w_gnb ul li a { opacity: 0.8; }
#w_header #w_gnb ul li a:hover { opacity: 1; }
#w_header .lang { position: absolute; right: 0; top: 24px; }

#w_footer { background: #000; color:#666; }
#w_footer address { font-style: normal; }
#w_footer .b_gnb { position: absolute; left: 380px; top: 0; }
#w_footer .b_gnb > li { margin-right: 110px; position: relative; }
#w_footer .b_gnb > li > a { color:#fff; font: 18px ptb; }
#w_footer .b_gnb ul { font:16px/1.8 ptm; position: absolute; top: 40px; white-space: nowrap; }
#w_footer .w_btn { position: absolute; right: 0; top: 0; }
#w_footer .w_btn a { width: 150px; height: 40px; background: #666; border-radius: 40px; color:#fff; }
#w_footer .w_btn a.cb { background: #ff0f0f; margin-left: 15px; }
#w_footer .copy { position: absolute; right: 0; bottom: 0; text-align: right; }

.more { width: 160px; height: 40px; border-radius: 50px; }

/* index */
div#fp-nav { transition:0.3s; }
div#fp-nav.hide { opacity: 0; }
div#fp-nav ul li a span, div.fp-slidesNav ul li a span { background: #fff; }
div#fp-nav ul li:last-child { display: none; }
#section0 { background:url(/images/bg1.png) no-repeat center/cover; }
#section0 h2 { letter-spacing: -2px; }

#section1 { background:url(/images/bg2.png) no-repeat center/cover; }
#section1 .cate { width: 280px; float:left; }
#section1 .cate li { position: relative; margin-top: 12px; cursor: pointer; opacity: 0.6; transition:0.3s; }
#section1 .cate li i { font-size:16px; font-weight: 800; position: absolute; right: 0px; top:50%; transform: translateY(-50%); opacity: 0; transition:0.3s; }
#section1 .cate li.select { opacity: 1; }
#section1 .cate li.select i { opacity: 1; }
#section1 .cateMent { float:right; width: 828px; height: 550px;  }
#section1 .cateMent > div { display: none; }
#section1 .cateMent > div.on { display: block; transition:0.3s;}
#section1 .cateMent figure { border-radius: 20px; overflow: hidden; }
#section1 .cateMent figure img { width: 100%; height: 374px; transition:0.3s;}
#section1 .more { position: absolute; left: 0; bottom: 0; border:1px solid #fff; box-sizing: border-box; }

#section2 { background:url(/images/bg3.png) no-repeat center/cover; }
#section2 .prd a { width: 215px; }
#section2 .prd a figure { height: 317px; border-radius: 20px; background: rgba(255,255,255,0.3); }

#section3 { background:url(/images/bg4.png) no-repeat center/cover; }
#section3 .wrap { text-align: right; }
#section3 .more { border:1px solid #fff; box-sizing: border-box; display:inline-flex; }

/* sub layout */
.sv { height: 360px; position: relative; overflow: hidden; }
.sv:before { content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; animation: bg_ani 2s forwards; }
.sv h2 { position: relative; z-index: 1; }

@keyframes bg_ani {
    0% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

#sv1:before { background: url(/images/bg_sub1.png) no-repeat center/cover; }
#sv2_1:before { background: url(/images/bg_sub2_1.png) no-repeat center/cover; }
#sv2_2:before { background: url(/images/bg_sub2_2.png) no-repeat center/cover; }
#sv2_3:before { background: url(/images/bg_sub2_3.png) no-repeat center/cover; }
#sv2_4:before { background: url(/images/bg_sub2_4.png) no-repeat center/cover; }
#sv2_5:before { background: url(/images/bg_sub2_5.png) no-repeat center/cover; }
#sv3_1:before { background: url(/images/bg_sub3_1.png) no-repeat center/cover; }
#sv3_2:before { background: url(/images/bg_sub3_2.png) no-repeat center/cover; }
#sv3_3:before { background: url(/images/bg_sub3_3.png) no-repeat center/cover; }
#sv3_4:before { background: url(/images/bg_sub3_4.png) no-repeat center/cover; }
#sv3_5:before { background: url(/images/bg_sub3_5.png) no-repeat center/cover; }
#sv3_6:before { background: url(/images/bg_sub3_6.png) no-repeat center/cover; }
#sv3:before { background: url(/images/bg_sub3.png) no-repeat center/cover; }
#sv4:before { background: url(/images/bg_sub4.png) no-repeat center/cover; }

.sm ul { display:flex; align-items: center; justify-content: center; background: #000; font:16px/50px stb; text-transform: uppercase; }
.sm ul li { margin:0 35px; }
.sm ul li.select { color:#ff0f0f; }

.pad { padding:140px 0 280px; }


/* sub1_1 */
#sub1_1 { padding-bottom: 0; }
#sub1_1 .cont1 { align-items: stretch; }
#sub1_1 .cont1 .left { width: 534px; border-radius: 20px; overflow: hidden; }
#sub1_1 .cont1 .left img { width: 100%; height: 707px; }
#sub1_1 .cont1 .right { width: 680px; }
#sub1_1 .cont1 h2 { line-height:1.2; }

#sub1_1 .cont2 .left { width: 440px; height: 350px; }
#sub1_1 .cont2 .right { width: 920px; }
#sub1_1 .cont2 .right h3 { border-bottom:1px solid #ff0f0f; padding-bottom: 10px; }
#sub1_1 .cont2 .right ul li { padding:10px 0; position: relative; border-bottom:1px solid #ddd; padding-left: 240px; color:#333; }
#sub1_1 .cont2 .right ul li strong { font-family: steb; position: absolute; left: 0; }

#sub1_1 .cont3 { background: url(/images/bg_every.png) no-repeat center/cover; height: 550px; text-align: center; }


/* sub1_2 */
#sub1_2 .cont1 .both { margin-top: 40px; }
#sub1_2 .cont1 .right { width: 920px; }

#sub1_2 .cont2 { background: url(/images/bg_mission.png) no-repeat center/cover; }
#sub1_2 .cont2 .right { width: 920px; }

#sub1_2 .cont3 { background: url(/images/bg_vision.png) no-repeat center/cover; }
#sub1_2 .cont3 .right { width: 920px; }

#sub1_2 .cont4 .right { width: 920px; flex-wrap: wrap; }
#sub1_2 .cont4 .right li { width: 195px; height: 195px; border: 1px solid #ff0f0f; border-radius: 300px; margin-left:-14px; box-sizing: border-box; }
#sub1_2 .cont4 .right li:first-child { margin-left: 0; }

/* sub1_3 */
#sub1_3 .cont1 .right { width: 920px; position: relative; }
#sub1_3 .cont1 .right:before { content:""; position: absolute; left: 120px; height: calc(100% - 50px); border-left:1px solid #ff0f0f; top: 0; }
#sub1_3 .cont1 .right > li { padding-left: 180px; position: relative; margin-bottom: 60px; }
#sub1_3 .cont1 .right h4 { position: absolute; left: 0; }
#sub1_3 .cont1 .right ul li { padding-left: 60px; position: relative; margin-bottom: 20px; }
#sub1_3 .cont1 .right ul li strong { position: absolute; left: 0; font-family: steb; }

/* sub1_4*/
#sub1_4 .cont1 .right { width: 920px; }
#sub1_4 .cont2 { border-top:1px solid #ff0f0f; padding-top: 40px; }
#sub1_4 .cont2 .right { width: 1160px; }
#sub1_4 .cont2 ul { justify-content: start; flex-wrap: wrap; }
#sub1_4 .cont2 ul li { width: 200px; height: 200px; display: flex; align-items: center; justify-content: center; margin-right: 40px; background: #f7f7f7; border-radius: 20px; margin-bottom: 40px; }
#sub1_4 .cont2 ul li:nth-child(6n) { margin-right: 0; }
#sub1_4 .cont2 ul li img { width: 100%; }

/* sub1_5*/
#sub1_5 .both { position: relative; }
#sub1_5 .both .right { width: 920px; border-radius: 20px; }
#sub1_5 .both article { position: absolute; left: 0; bottom: 0; border-top:1px solid #ff0f0f; }
#sub1_5 .both article ul li { padding-top: 14px; }
#sub1_5 .both article ul li strong { width: 110px; display: inline-block; font-family: steb; }

/* sub2_1 */
.bns .cont1 figure { width: 680px; overflow: hidden; border-radius: 20px; }
.bns .cont1 figure img { width: 100%; height: 730px; }
.bns .cont1 article { width: 680px; }
.bns .cont1 article p { width: 680px; position: absolute; right: 0; bottom: 0; }

.bns .cont2 ul li { position: relative; padding-left: 120px; margin-bottom: 60px; }
.bns .cont2 ul li:last-child { margin-bottom: 0; }
.bns .cont2 ul li img { position: absolute; left: 0; top: 4px; }

.bns .cont3 ul li { width: 440px; }
.bns .cont3 ul li figure { border-radius: 20px; overflow: hidden; }
.bns .cont3 ul li figure img { width: 100%; height: 580px; }
.bns .cont3 > a { width: 270px; height: 60px; border-radius: 60px; margin:160px auto 0;}


/* sub3_1 */
.prd .cont1 { border-bottom:1px solid #ff0f0f; }
.prd .cont1 .right { width: 920px; }
.prd .cont1 .right span { display: block; }

.prd .cont2 { justify-content: start; gap:40px; flex-wrap: wrap; }
.prd .cont2 li { width: 440px; margin-bottom: 60px; }
.prd .cont2 li:hover figure {    background: #fff;  border-color: #ededed;}
.prd .cont2 li figure {  background: #ededed; border-radius: 20px; overflow: hidden; border: 2px solid transparent; transition: background 0.3s, border-color 0.3s;}
.prd .cont2 li figure:hover { background: #fff; border-color: #ededed;}
.prd .cont2 li p { margin-top: 20px; }
.prd .cont2 li a { border:1px solid #ff0f0f; background: #fff; color:#ff0f0f;  transition:0.3s; width: 300px; height: 60px; border-radius: 60px; margin:40px auto 0; }
.prd .cont2 li a:hover { border-color:#ff0f0f; background:#ff0f0f; color:#fff; }



/* sub4_1*/
#sub4_1 .cont1 .right { width: 920px; }
#sub4_1 .cont1 .right ul li { padding-top: 14px; }
#sub4_1 .cont1 .right ul li strong { width: 110px; display: inline-block; font-family: steb; }
#sub4_1 .cont1 .right img { border-radius: 20px; width: 100%; }


/* sub4_2 */
#sub4_2 .cont1 .right { width: 920px; }
#sub4_2 .bbs .xi-arrow-bottom { font-size:24px; }
#sub4_2 .bbs .tbl_head01 { border-top:1px solid #ff0f0f; }
#sub4_2 .bbs #bo_list_total { display: none; }
#sub4_2 #bo_list tbody tr:hover td, #sub4_2 #bo_list tbody .even td { background: none;}