/* reset */
* { margin: 0; padding:0; }
li { list-style:none; }
a { text-decoration: none !important; color:inherit; }
img { vertical-align: top; }

/* common */
html, body { height:100%; color:#333; }
html { overflow-x: hidden; }
html.fix { overflow: hidden; }
.wrap { width:1400px; margin:0 auto; position: relative; font:18px/1.6 stm; }
.wrap * { word-break: keep-all; }
.wrap:after, ul:after, .cl:after { content:""; clear:both; display: block; }
.blind { position:absolute; width:0; height:0; font-size:0; overflow: hidden; }
.fl { display: flex; align-items: center; justify-content: center; color:#3b3c44;}
.fl:after { display:none; }
.dn { display:none !important; } 


/* header & footer */ 
#w_header { height: 74px; transition:0.3s; position: fixed; width: 100%; z-index:99; overflow: hidden; border-bottom:1px solid rgba(255,255,255,0.4); color:#fff; }
#w_header:before { content:""; position: absolute; left: 0; top:74px; border-bottom:1px solid #ddd; width: 100%; }
#w_header.fix { background: #fff; border-bottom-color:#ddd; color:#000; }
#w_header.on { background: #fff; border-bottom-color:#ddd; height:370px; color:#000; }
#w_header h1 { position: absolute; left: 100px; top:12px; z-index:10; }
#w_header h1 img { transition:0.3s; }
#w_header h1 img:first-child { opacity: 1; }
#w_header h1 img:last-of-type { position: absolute; left: 0; top: 0; opacity: 0; }

#w_header.on h1 img:first-child, #w_header.fix h1 img:first-child { opacity: 0; }
#w_header.on h1 img:last-of-type, #w_header.fix h1 img:last-of-type { opacity: 1; }
#w_header #w_gnb { padding-top:24px; text-align: center; display:flex; align-items: flex-start; justify-content: center; }
#w_header #w_gnb > li { position: relative;  }
#w_header #w_gnb > li:first-child { margin-left: 80px; }
#w_header #w_gnb > li.select:before { content:""; width: 10px; height: 10px; border-radius: 10px; background: #2e7f9d; position: absolute; left:0px;top:8px;  }

#w_header #w_gnb > li > a { font-family:stb; font-size:18px; padding:0 60px; }
#w_header #w_gnb > li:hover > a { color:#2e7f9d; }
#w_header #w_gnb > li > a:after { content:""; border-top:2px solid #2e7f9d; transition: 0.3s; position: absolute; top:49px; left: 50%; width: 0;}
#w_header #w_gnb > li:hover > a:after { width: 100%; left: 0; }
#w_header #w_gnb ul { position: absolute; line-height:32px; padding-top:30px; font-size:16px; color:#666; width: 100%; }
#w_header #w_gnb ul li { white-space: nowrap; line-height:1.2; margin-bottom:14px;}
#w_header #w_gnb ul li a:hover { color:#2e7f9d; text-decoration: underline !important; }

/*eng*/
#w_header #w_gnb .w_gnb_e { position: absolute; line-height:25px; padding-top:30px; font:16px/1.2; color:#666; width: 100%; }



#w_header .sns { position: absolute; right:220px; top:25px; }
#w_header .lang { position: absolute; right:100px; top:25px; }
#w_header .lang ul li { float:left; margin-left: 20px;  }
#w_header .lang ul li a { font-size:16px; font-weight: bold; }
#w_header .lang ul li.select a { text-decoration: underline !important; }
#w_header .lang ul li a:hover { opacity: 1; color:#2e7f9d; }

#w_footer { background: #3b3c44; padding:60px 0 100px; }
#w_footer img { position: absolute; left: 0; top: 6px; }
#w_footer address { color:#999; font:normal 16px/1.8 str; margin-left: 360px; }

#hd_pop { width: 100%; } 
.box { position: fixed; left: 0; top: 0; display:flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.8); z-index:-1; width: 100%; height: 100%; display: none; text-align: center; }
.box img { max-width: 80%; max-height: 60%; }
.box.on { z-index:999; display:flex; }

.swiper { width: 100%; height: 100%; }
.swiper-slide { background-position: center; background-size: cover; }
.swiper-slide img { display: block; width: 100%; height:100%; object-fit: cover; }

/* index */
.title { color:#2e7f9d; font:14px sth; text-transform: uppercase; }
.more { color:#2e7f9d; display: inline-block; width: 180px; border:1px solid #2e7f9d; border-radius: 40px; text-align: center; font:14px/44px stb; }
.more i { margin-left: 10px; }
.shd { box-shadow: 2px 2px 8px rgba(0,0,0,0.2); border-radius: 14px; }

#fullpage .section { height:100vh; }

#section1 .fp-tableCell,
#section2 .fp-tableCell,
#section3 .fp-tableCell,
#section4 .fp-tableCell,
#section5 .fp-tableCell { padding-top: 76px; box-sizing: border-box; }
div#fp-nav ul li a span { background: #ddd; width: 12px; height: 12px; margin:-6px 0 0 -6px; }
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span { background: #2e7f9d;}
#fp-nav ul li:last-child { display: none; }

#main { /*background: url(/main/images/bg_main.jpg) no-repeat center/cover;*/ background: #000; position: relative; overflow: hidden; height:100%; }
/* #main:before { content:""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index:1; } */
#main .wrap { height: 100vh; flex-direction: column; align-items: flex-start; text-transform: uppercase; z-index: 2; position: absolute; left:calc(50% - 700px); top:0; }
#main .wrap.op0 h2 { opacity: 0.5; }
#main .wrap h2 span { opacity: 0; }
#main .wrap.op0 p { opacity: 0.5; }
#main .wrap p span { opacity: 0; }
#main .swiper-slide-active span.op1 { animation: fontbold 0.5s forwards; }
@keyframes fontbold {
    from { opacity: 0; }
    to { opacity: 1; }
}
#main .swiper-slide .ict { position: absolute; top:calc(56% - 30px); width:auto; height:auto; left:calc(50% + 100px); opacity: 0; }
#main .swiper-slide-active .ict { left:calc(60% + 20px); transition: 1s; opacity: 1; }




#main h2 { font:60px/1.2 sth; color:#2e7f9d; color:#fff; }
#main p { font:18px/1.6 sth; margin-top: 40px; color:#fff; }

#main iframe { width:2000px; height:150vh; position: absolute; top:-25vh; left:calc(50% - 1000px); z-index:0; }
#main .scroll { color:#fff; display:flex; align-items: center; justify-content: center; font-family: stm; position: absolute; transform: rotate(-90deg); right:0; text-transform: uppercase; top:calc(48.5% - 27px); z-index: 10; }
#main .scroll:before { content:""; width:110px; border-top:2px solid #fff; display: inline-block; margin-right: 20px; opacity: 0.5; }
#main .scroll:after { content:""; display: block; width:12px; height: 12px; border-radius: 12px; background: #fff; position: absolute; left: -2px; top:2px; animation: 2s scroll infinite; }
@keyframes scroll {
    0%, 100% { left:-2px; }
    50% { left:100px; }
}


#box { background:  url(/main/images/box.png) no-repeat center; height: calc(100% - 76px); box-sizing: border-box; display: flex; align-items: center; justify-content: flex-start; }
#box h3 { font:36px/1.4 steb; margin-top: 20px;  } 
#box p { margin-top: 40px;  } 
#box .more { margin-top: 40px;  } 

#sol h2 { margin-bottom: 20px; }
#sol ul { justify-content: space-between; align-items:flex-start;}
#sol ul li { width: 330px; position: relative; top:100px; opacity: 0; }
#sol ul.on li { top:0; opacity: 1; transition:1s; }
#sol ul.on li:nth-child(2) { transition-delay: 0.2s; }
#sol ul.on li:nth-child(3) { transition-delay: 0.4s; }
#sol ul.on li:nth-child(4) { transition-delay: 0.6s; }
#sol ul li figure { height: 460px;overflow:hidden; }
#sol ul li dl dt { font:24px steb; margin-top:30px; height:60px; }
#sol ul li dl dd { font-size:16px; margin-top: 20px; padding-top: 20px;word-break: keep-all; }

#prd { background:  url(/main/images/bg_prd.png) no-repeat center; height: 850px; padding-top: 150px; box-sizing: border-box;}
#prd article { position: absolute; left:770px; top:0; }
#prd h3 { font:36px/1.4 steb; margin-top: 20px;  } 
#prd p { margin-top: 40px;  } 
#prd .page { position: relative; z-index:1; }
#prd .page li { cursor: pointer; display: inline-block; margin-right: 30px; font:20px stb; margin-top: 30px; }
#prd .page li a { color:#3b3c44; transition:0.3s; }
#prd .page li a:hover { color:#2e7f9d; }
#prd .frame { background: #fff; position: absolute; left: -410px; top: 0; width: 330px; overflow: hidden; }
#prd .frame ul { width: 300%; position: relative; transition:0.3s; left:0; }
#prd .frame ul li { width: 33.3333%; height: 440px; float:left; }
#prd .frame ul li img { max-width:90%; }
#prd .more { margin-top: 40px; position: relative; z-index:1;  } 

#deco, #ytb { width:50%; float:left; overflow: hidden; height:calc(100vh - 74px); position: relative; box-sizing: border-box; }
#deco div { width: 700px; margin-left: auto; flex-direction: column; height:100%; align-items: flex-start;  }
#deco h3 { font:14px sth; color:#2e7f9d; text-transform: uppercase; margin-bottom: 40px; }
#deco p { font:36px/1.4 steb; }
#deco .more { margin-top: 40px; position: relative; z-index:1;  } 

/* #ytb:before { content:""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index:1; } */
#ytb { background: url(/main/images/bg_ytb.png) no-repeat center/cover; height: 754px; border-radius: 20px 0 0 20px; margin-top:calc((100vh - 74px - 754px) / 2); }
/* #ytb:before { content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index:1; } */
#ytb .btn_play { position: relative; z-index:10; }
.TopCenterActionItems_module_topCenterActionItems__cde6f652 { display: none; }


#contact { background:  url(/main/images/cont.png) no-repeat center; height: calc(100% - 76px); box-sizing: border-box; display: flex; align-items: center; justify-content: flex-start; }
#contact article { margin-left:  770px; top:0; }
#contact h3 { font:36px/1.4 steb; margin-top: 20px;  }
#contact .tel { font:32px steb; color:#2e7f9d; display: inline-block; margin-top: 40px; }
#contact p { margin-top: 20px;  } 
#contact .more { margin-top: 20px;  } 



.ytb { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index:-1; align-items: center; justify-content: center; display: none; }
.ytb.on { display:flex; z-index:999; }


/* sub layout */
.sv .fl { height: 350px; font:36px stb; padding-top: 50px; box-sizing: border-box; color:#fff; }

#sub1 { background:url(/main/images/bg_sub1.png) no-repeat center/cover; }
#sub2 { background:url(/main/images/bg_sub2.png) no-repeat center/cover; }
#sub3 { background:url(/main/images/bg_sub3.png) no-repeat center/cover; }
#sub4 { background:url(/main/images/bg_sub4.png) no-repeat center/cover; }
#sub5 { background:url(/main/images/bg_sub5.png) no-repeat center/cover; }
#sub6 { background:url(/main/images/bg_sub6.png) no-repeat center/cover; }

.sm { background: #fff; text-align: center; color:#292929; border-bottom:1px solid #ddd;  }
.sm ul li { display: inline-block; position: relative; }
.sm ul li a { font:16px/50px stb; padding:0 30px; opacity: .5; color:#292929;}
.sm ul li a:hover { opacity: 1; color:#2e7f9d; }
.sm ul li.select a { opacity: 1; color:#2e7f9d;  }
.sm ul li.select:after { content:""; display: block; border-bottom:2px solid #2e7f9d; position: relative; top:1px; }

.sm_e { background: #fff; text-align: center; color:#292929; border-bottom:1px solid #ddd;  }
.sm_e ul li { display: inline-block; position: relative; }
.sm_e ul li a { font:16px/50px stb; padding:0 30px; opacity: .5; color:#292929;}
.sm_e ul li a:hover { opacity: 1; color:#2e7f9d; }
.sm_e ul li.select a { opacity: 1; color:#2e7f9d;  }
.sm_e ul li.select:after { content:""; display: block; border-bottom:2px solid #2e7f9d; position: relative; top:1px; }



.pad { background: #fff; padding:100px 0 200px; }
.pad .wrap { width: 1200px; }
.pad .left { float:left; width: 380px; }
.pad .right { float:right; width: 790px; font-size:16px; }

.pad .left h2 { font:24px/1.4 steb; }
.pad .left img{margin-bottom: 100px;}
.cp { color:#2e7f9d; }

/* sub1_1 */


#sub1_1 .cont1 strong { display: block; margin-top: 80px; font:18px steb; margin-bottom: 40px;  }

/*#sub1_1 .cont1 .right .fl { justify-content: flex-start;  }
#sub1_1 .cont1 .right .fl strong { margin-left: 60px; font:34px steb;}
#sub1_1 .cont1 p { margin-top: 60px; margin-bottom: 60px; }*/

#sub1_1 .cont2 .fl { height: 800px; background:url(/main/images/earth.png) no-repeat center; flex-direction: column; width:1000px; margin-right: -100px; }
#sub1_1 .cont2 p { font:42px steb; margin-top: 30px; }

/* sub1_2 */
#sub1_2 h2{ font:24px/1.4 steb; }



/*
#sub1_2 .cont1 .org { position: relative; }
#sub1_2 .cont1 .org > * { border-radius: 30px; border:2px solid #2e7f9d; box-sizing: border-box; background: #fff; font:normal 18px/20px steb; padding: 20px 0 20px;width: 178px; text-align: center; position: relative; display: block; }
#sub1_2 .cont1 .org:before { content:""; border-top:1px solid #2e7f9d; position: absolute; left: 89px; top:180px; width:612px; }
#sub1_2 .cont1 .org strong { background: #2e7f9d; color:#fff;  }
#sub1_2 .cont1 .org strong:before { content:""; border-left:1px solid #2e7f9d; position: absolute; left: 50%; top:60px; height: 120px; }
#sub1_2 .cont1 .org em {  line-height:20px; margin:10px 0 10px auto; }
#sub1_2 .cont1 .org em:before { content:""; border-top:1px dotted #2e7f9d; position: absolute; right: 176px; top:50%; width:523px; }
#sub1_2 .cont1 .org p {font:normal 18px/25px steb; padding: 0 0 20px;}
#sub1_2 .cont1 .org div { margin-top: 70px; float:left; margin-right: 26px;}
#sub1_2 .cont1 .org div:last-child { margin-right: 0; }
#sub1_2 .cont1 .org div:before { content:""; border-left:1px solid #2e7f9d; position: absolute; left: 50%; top:-40px; height: 40px; }
#sub1_2 .cont1 .org ul li { font:16px/20px stm; border-top:1px solid #2e7f9d;  padding: 10px 0 10px;}
/*#sub1_2 .cont1 .org div:last-child ul li { line-height:80px; }
#sub1_2 .cont1 h4{font:18px/1.6 steb; margin: 30px 0 50px; color:#2e7f9d;}

#sub1_2 .mem h2 { font:18px sth; margin-top: 100px; margin-bottom: 10px; }
#sub1_2 .mem table { width: 100%; border-collapse: collapse; border-top:2px solid #2e7f9d; }
#sub1_2 .mem table th, #sub1_2 .mem table td { border-bottom:1px solid #ddd; padding:14px 0; text-align: center; }
#sub1_2 .mem table th, #sub1_2 .mem table td { border-bottom:1px solid #ddd; padding:14px 0; text-align: center; }
#sub1_2 .mem table th { text-align: left; width: 180px; }*/



/* sub1_3 */
#sub1_3 .year > li { border-top:2px solid #2e7f9d; padding-left: 150px; position: relative; margin-bottom: 60px; }
#sub1_3 .year > li strong { position: absolute; left: 0; top:8px; font:18px steb; }
#sub1_3 .year ul li { padding-top: 10px; padding-left: 50px; position: relative; }
#sub1_3 .year ul li span { position: absolute; left: 0; font-family: steb; }
#sub1_3 .year > li img { width: 640px; margin-top: 20px; margin-left: auto;}


/* sub1_4 */
#sub1_4 .left ul { border-top:2px solid #2e7f9d; margin-top: 40px; width: 300px;  }
#sub1_4 .left ul li { height:50px; border-bottom:1px solid #ddd; display:flex; align-items: center; justify-content: space-between; font-family:stb; cursor: pointer; }
#sub1_4 .left ul li i { display: none; }
#sub1_4 .left ul li:hover { opacity: 1; color:#2e7f9d; }
#sub1_4 .left ul li.select {color:#2e7f9d;}
#sub1_4 .left ul li.select i { display: block; color:#2e7f9d;}
#sub1_4 article { display: none; }
#sub1_4 article.on { display: block; }
#sub1_4 article h3 { font:24px steb; }
#sub1_4 article ul { border-top:2px solid #2e7f9d; margin-top: 20px; padding-top: 20px; }
#sub1_4 article ul li { float:left; width: 184px; margin:0 18px 60px 0; }
#sub1_4 article ul li:nth-child(4n) { margin-right: 0; }
#sub1_4 article ul li:nth-child(4n+1) { clear: both; }
#sub1_4 article ul li img { width: 100%; cursor: pointer; }
#sub1_4 article ul li p { margin-top: 20px; text-align: center; }

.photo { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index:-1; align-items: center; justify-content: center; display: none; }
.photo.on { display:flex; z-index:999; }
.photo .area { max-width:80%; max-height:80%; }
.photo .area img { width: 100%; }

/* sub1_5 */
/*#sub1_5 .left { text-transform: uppercase; }*/
#sub1_5 .left ul { border-top:2px solid #2e7f9d; margin-top: 40px; width: 300px;  }
#sub1_5 .left ul li { height:50px; border-bottom:1px solid #ddd; display:flex; align-items: center; justify-content: space-between; font-family:stb; cursor: pointer; }
#sub1_5 .left ul li:hover { opacity: 1; color:#2e7f9d; }
#sub1_5 .left ul li.select {color:#2e7f9d;}
#sub1_5 .left ul li i { display: none; }
#sub1_5 .left ul li.select i { display: block; color:#2e7f9d; }

#sub1_5 article { display: none; }
#sub1_5 article.on { display: block; }
#sub1_5 h3 { font:24px steb; }
#sub1_5 .ci { border-top:2px solid #2e7f9d; margin-top: 20px; padding-top: 20px;  text-align: center; }
#sub1_5 .ci li { width: 48%; text-align: center; }
#sub1_5 .ci li img { width: 100%; text-align: center; margin:20px 0 30px; }
#sub1_5 .ci li a { background: #2e7f9d; border-radius: 50px; color:#fff; font-size:14px; width: 160px; line-height:40px; display: inline-block; text-align: center; margin-bottom: 50px;}
#sub1_5 .ci li a i { margin-left: 10px; }
#sub1_5 h4 {font:20px/40px steb; color:#2e7f9d; margin:20px 0 ;}
#sub1_5 p { margin:20px 0 50px; }

#sub1_5 .ci_intro { border-top:2px solid #2e7f9d; margin-top: 20px; padding-top: 70px;  text-align: center; justify-content: space-between; }
#sub1_5 .ci_intro li{ margin-bottom: 40px; float: left; margin-right: 27px;}
#sub1_5 .ci_intro li:nth-child(4){margin-right:0;}
#sub1_5 .ci_intro li figure{width: 170px;  height: 170px; box-sizing: border-box; border:3px solid #2e7f9d; border-radius: 85px; background: #fff; font:15px/6px stb; color:#2e7f9d; margin-bottom: 30px; line-height:40px;}
#sub1_5 .ci_intro li figure b{font:22px/10px steb;}
#sub1_5 .ci_intro span {font:16px/1.9px stsb; margin:20px 0; }
#sub1_5 .tab0 p{font:40px/60px steb; color:#2e7f9d; margin:100px 0; text-align: center;}

#sub1_5 .ci_intro_2 { border-top:2px solid #2e7f9d; margin-top: 20px; padding-top: 70px;  text-align: center; justify-content: space-between; }
#sub1_5 .ci_intro_2 li{ margin-bottom: 40px; float: left; margin-right: 27px;}
#sub1_5 .ci_intro_2 li:nth-child(4){margin-right:0;}
#sub1_5 .ci_intro_2 li figure{width: 170px;  height: 170px; box-sizing: border-box; border:3px solid #2e7f9d; border-radius: 85px; background: #fff; font:15px/10px stb; color:#2e7f9d; margin-bottom: 30px; line-height:40px;}
#sub1_5 .ci_intro_2 li figure b{font:16px/1.4px steb;}
#sub1_5 .ci_intro_2 span {font:16px/1.4px stsb; margin:20px 0; }
#sub1_5 .tab0 .ci_intro_p{font:35px/60px steb; color:#2e7f9d; margin:100px 0; text-align: center;}


#sub1_5 .ci_color li{margin-right: 20px; float: left;}
#sub1_5 .ci_color li:nth-child(5){margin-right:0;}
#sub1_5 .ci_color li figure {width:140px; height: 100px;}
#sub1_5 .ci_color li span{font:14px/1.5px stb;}



/* sub1_6 */
/*#sub1_6 .left { text-transform: uppercase; }*/
#sub1_6 .left ul { border-top:2px solid #2e7f9d; margin-top: 40px; width: 300px; }
#sub1_6 .left ul li { height:50px; border-bottom:1px solid #ddd; display:flex; align-items: center; justify-content: space-between; font-family:stb; cursor: pointer; }
#sub1_6 .left ul li.select {color:#2e7f9d;}
#sub1_6 .left ul li i { display: none; }
#sub1_6 .left ul li:hover { opacity: 1; color:#2e7f9d; }
#sub1_6 .left ul li.select i { display: block; color:#2e7f9d;}
#sub1_6 .left ul.esg { margin-top: 0; border-top:none; color:#666; display: none; }
#sub1_6 .left ul.esg.on { display: block; }
#sub1_6 .left ul.esg li span { opacity: 0.5; }
#sub1_6 .left ul.esg li.select span { opacity: 1; }

#sub1_6 article { display: none; }
#sub1_6 article.on { display: block; }
#sub1_6 h3 { font:24px steb; border-bottom:2px solid #2e7f9d; padding-bottom: 20px; margin-bottom: 20px;}
#sub1_6 .right { padding-bottom:100px; }
#sub1_6 .right ul { flex-wrap:wrap; justify-content: space-between;  margin-bottom: 80px;}
#sub1_6 .right ul li { width: 375px; box-sizing: border-box; border:2px solid #2e7f9d; border-radius: 20px; background: #fff; padding:30px; margin-bottom: 40px; position: relative; }
#sub1_6 .right ul li img { height: 60px; }
#sub1_6 .right ul li dt { font:20px steb; margin:20px 0 10px; }
#sub1_6 .right .tab1 { position: relative;}
#sub1_6 .right .tab1 li { margin-bottom: 40px; cursor: pointer; }
#sub1_6 .right .tab1 > div { display: none; }
#sub1_6 .right .tab1 > div.on { display: block; }
#sub1_6 p { margin:20px 0 50px; }
#sub1_6 img {display:flex; align-items: center; justify-content: space-evenly;}

#sub1_6 .right .tab1 h4 { font:18px stb; padding-bottom: 20px; }
#sub1_6 .right .tab1 .lay1 h4 + p { border-top:2px solid #2e7f9d; }
#sub1_6 .right .tab1 .lay1 p { margin:0; padding:10px 0 10px 14px; position: relative; border-bottom:1px solid #ddd; }
#sub1_6 .right .tab1 .lay1 p em { font-style: normal; position: absolute; left: 0; }
#sub1_6 .right .tab1 .lay2 h4 + p { border-top:2px solid #2e7f9d; }
#sub1_6 .right .tab1 .lay2 p { margin:0; padding:10px 0; border-bottom:1px solid #ddd; }
#sub1_6 .right .tab1 .lay2 p strong { margin-right: 60px; }
#sub1_6 .right .tab1 .lay2 .mbs { justify-content: space-between; margin-top: 100px;  }
#sub1_6 .right .tab1 .lay2 .mbs dl { border:2px solid #2e7f9d; text-align: center; padding:20px 0; width: 250px; border-radius: 14px; }
#sub1_6 .right .tab1 .lay2 .mbs dl dt { font:20px stb; margin-bottom: 20px; }
#sub1_6 .right .tab1 .lay2 .mbs dl dd { font:16px/1.6 stm; color:#333; }
#sub1_6 .right .tab1 .lay2 .goals { margin-top: 100px;  }
#sub1_6 .right .tab1 .lay2 .goals > .fl { justify-content: space-between; }
#sub1_6 .right .tab1 .lay2 .goals p { width:250px; height: 80px; border-top:2px solid #2e7f9d; border-bottom:1px solid #ddd; text-align: center; line-height:1.4; }
#sub1_6 .right .tab1 .lay2 .key { margin-top: 100px; }
#sub1_6 .right .tab1 .lay2 .key .fl { justify-content: space-between; align-items: flex-start; }
#sub1_6 .right .tab1 .lay2 .key dl { border-top:2px solid #2e7f9d; text-align: center; width: 250px; height: 340px;  border-bottom:1px solid #ddd;  }
#sub1_6 .right .tab1 .lay2 .key dl dt { font:18px/60px stb; border-bottom:1px solid #ddd; }
#sub1_6 .right .tab1 .lay2 .key dl dd { font:16px/1.4 stm; color:#333; padding:10px 0; }



#sub1_6 .right a.down {background: #2e7f9d; border-radius: 50px; color:#fff; font:14px stm; width: 180px; line-height:20px; padding: 20px; display: block; text-align: center; margin:40px auto 0; }

/* sub1_7 */
#sub1_7 .gmap { border:2px solid #2e7f9d; border-radius: 20px; overflow: hidden; }
#sub1_7 .gmap iframe { width: 100%; display: block; }
#sub1_7 table { width: 100%; margin-top: 40px; }
#sub1_7 table th { width: 180px; text-align: left; text-transform: uppercase; padding:5px 0; vertical-align:top;}
#sub1_7 table td { padding:5px 0; vertical-align:top; }





/* sub2_1_1 */
.prd .prd_cate { border-top:2px solid #2e7f9d; margin-top: 20px; color:#333; }
.prd .prd_cate li { font-size:16px; height:40px; border-bottom:1px solid #ddd; display:flex; align-items: center; justify-content: space-between; font-family:stb; cursor: pointer; }
.prd .prd_cate li:hover { opacity: 1; color:#2e7f9d; }
.prd .prd_cate li i { display: none; }
.prd .prd_cate li.select { color:#2e7f9d; }
.prd .prd_cate li.select i { display: block; }
.prd h3 { font:20px steb; padding-top: 8px; padding-bottom: 20px; border-bottom:2px solid #2e7f9d; }
.prd .p_list li { float:left; width: 375px; margin:40px 40px 40px 0; text-align: center; }
.prd .p_list li:nth-child(2n) { margin-right: 0;  }
.prd .p_list li:nth-child(2n+1) { clear:both; }
.prd .p_list li figure { border-radius: 20px; overflow: hidden;  min-height:240px; background: #fff; display:flex; align-items: center; justify-content: center; position: relative; }
.prd .p_list li figure img { width: 100%; }
.prd .p_list li p { font:16px/1.6 stb; margin-top: 20px;  }
.prd .p_list li div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; color:#fff; z-index:1; display:flex; flex-direction: column; align-items: center; justify-content: center; background:rgba(0,0,0,0.4); }
.prd .p_list li div i { font-size:36px; }
.prd .p_list li div span { margin-top: 6px; }


.prd .detail .name h4 { font:20px steb; padding-top: 10px; margin-bottom: 20px; }
.prd .detail h5 { font:18px sth; padding-bottom: 10px; border-bottom:2px solid #2e7f9d; margin-top: 40px; }
.prd .detail .intro p { padding:10px 0; border-bottom:1px solid #ddd; }
.prd .detail .features ul li { padding: 10px 0; border-bottom:1px solid #ddd; }


.prd_pic { height: 420px; margin-bottom: 40px;  }
.prd_pic .swiper { width: 100%; height: 100%; }
.prd_pic .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.prd_pic .swiper-slide img { display: block; max-width: 100%; max-height: 100%; object-fit: cover; } 
.prd_pic .swiper { width: 100%; height: 300px; margin-left: auto; margin-right: auto; }
.prd_pic .swiper-slide { background-size: cover; background-position: center; } 
.prd_pic .mySwiper2 { height: 80%; width: 100%;  border:2px solid #317b98; box-sizing: border-box; border-radius: 14px; overflow: hidden; }
.prd_pic .mySwiper { height: 20%; box-sizing: border-box; padding: 10px 0; }
.prd_pic .mySwiper .swiper-slide { width: 25%; height: 100%; opacity: 0.4; border:2px solid #317b98;  box-sizing: border-box;  border-radius: 14px;  overflow: hidden; } 
.prd_pic .mySwiper .swiper-slide-thumb-active { opacity: 1; }
.prd_pic .swiper-slide img { display: block; max-width: 100%; max-height: 100%; object-fit: cover; } 

.prd_3d { margin-bottom: 40px; border:2px solid #317b98; box-sizing: border-box; border-radius: 14px; overflow: hidden; }
.prd_3d iframe { width: 100%; }


.catalog { width:220px; text-align: center; border-radius: 100px; background:#2e7f9d; color:#fff; font:14px/50px stm; border:none; display: block; margin:60px auto 0; }

/*.prd .detail figure { background: #fff; margin-bottom: 40px;  }
.prd .detail ul li { position: relative; padding-left: 18px; font-size:14px; }
.prd .detail ul li:before { content:"·"; position: absolute; left: 0; }
.prd .detail .name ~ div { margin-top: 60px; border-top:1px solid #cdcdcd; padding-top: 10px; }
.prd .detail h5 { font:16px steb; margin-bottom: 20px;   }
.prd .detail p { font-size:14px; }
.prd .detail .dimension figure { padding:60px 0; }
.prd .detail .spec_btn { font:16px/50px stb; text-align: center; width: 180px; background: #2e7f9d; color:#fff; margin:60px auto 0; display: block; border-radius: 50px; }
.prd .detail table { font-size:14px; width: 100%; border-collapse: collapse; border:1px solid #ddd; background: #f5f5f5; margin-bottom: 20px; }
.prd .detail table th, .prd .detail table td { border:1px solid #ddd; padding:14px 10px; text-align: left; }
.prd .detail table span{font:15px sth;}*/

/* sub3_1 */
.solution figure { border:2px solid #2e7f9d; border-radius: 20px; overflow: hidden; background: #fff; padding:30px; }
.solution figure img { width: 100%; }
.solution .caption { margin-top: 40px; line-height:1.8; }
.solution h3 { font:18px steb; margin-bottom: 16px; }
.solution .part1 { margin-top: 60px; }
.solution .part1 p { border-top:2px solid #2e7f9d; border-bottom:2px solid #ddd; padding:12px 0; }
.solution .part2 { margin-top: 60px; }
.solution .part2 ul { border-top:2px solid #2e7f9d; }
.solution .part2 ul li { border-bottom:2px solid #ddd; padding:12px 0 12px 140px; position: relative; }
.solution .part2 ul li strong { position: absolute; left: 0; }
.solution .part2.system ul li { padding-left: 280px;  }
.solution .part3 { margin-top: 60px; }
.solution .part3 ul { border-top:2px solid #2e7f9d; }
.solution .part3 ul li { border-bottom:2px solid #ddd; padding:12px 0 12px 140px; position: relative; }
.solution .part3.system ul li { padding-left: 280px;  }
.solution .part4 { margin-top: 60px; }
.solution .part4 ul { border-top:2px solid #2e7f9d; }
.solution .part4 ul li { border-bottom:2px solid #ddd; padding:12px 0 12px; position: relative; }

/* sub4_1 */
.bbs .pg_current { background:#2e7f9d; border-color:#2e7f9d; }
.bbs #bo_v_title .bo_v_tit { margin-top: 60px; }
.bbs #bo_v_con { font-size:1.1em; } 
.bbs #bo_v_atc { padding-top: 40px; }
.bbs .caption { margin-top: 40px; line-height:1.8; }

.bbs h3 { font:18px steb; margin-bottom: 16px; }
.bbs .part1 p { border-top:2px solid #2e7f9d; border-bottom:2px solid #ddd; padding:12px 0; }
.bbs .part1 ul { border-top:2px solid #2e7f9d; }
.bbs .part1 ul li { border-bottom:2px solid #ddd; padding:12px 0 12px 140px; position: relative; }
.bbs .part1 ul li { padding-left: 0px;}
.bbs .part2 { margin-top: 60px; }
.bbs .part2 p { border-top:2px solid #2e7f9d; border-bottom:2px solid #ddd; padding:12px 0; }
.bbs .part3 { margin-top: 60px; }
.bbs .part3 ul { border-top:2px solid #2e7f9d; }
.bbs .part3 ul li { border-bottom:2px solid #ddd; padding:12px 0 12px 140px; position: relative; }
.bbs .part3 ul li { padding-left: 0px;}
.bbs .part3 span{color:#2e7f9d;}

/* sub4_2 */
.bbs2 h3 { font:18px steb; margin-bottom: 16px; }
.bbs2 .part1 p { border-top:2px solid #2e7f9d; border-bottom:2px solid #ddd; padding:12px 0; }
.bbs2 .part1 ul { border-top:2px solid #2e7f9d; }
.bbs2 .part1 ul li { border-bottom:2px solid #ddd; padding:12px 0 12px 140px; position: relative; }
.bbs2 .part1 ul li { padding-left: 0px;}
.bbs2 .part2 {margin-top: 60px;}
.bbs2 .part2 ul { border-top:2px solid #2e7f9d; }
.bbs2 .part2 ul li { border-bottom:2px solid #ddd; padding:12px 0 12px 140px; position: relative; }
.bbs2 .part2 ul li { padding-left: 0px;}
.bbs2 .part3 { margin-top: 60px; }
.bbs2 .part3 h3{ border-bottom:2px solid #2e7f9d; margin-bottom: 16px; padding:12px 0;}
.bbs2 .part3 p { margin:0; padding:10px 0; border-bottom:1px solid #ddd; }
.bbs2 .part3 p strong { margin-right: 60px; }


/* sub5_1 */
#sub5_1 h2 { margin-bottom: 60px; font:24px/1.4 steb;}
#sub5_1 #bo_gall .gall_img a { position: relative; }
#sub5_1 #bo_gall .gall_img a div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; color:#fff; z-index:1; display:flex; flex-direction: column; align-items: center; justify-content: center; background:rgba(0,0,0,0.4); }
#sub5_1 #bo_gall .gall_img a div i { font-size:36px; }
#sub5_1 #bo_gall .gall_img a div span { margin-top: 6px; background:none; color:#fff; }


/* sub6_1 */
#sub6_1 table { width:100%; border-collapse: collapse; border-top:2px solid #2e7f9d; }
#sub6_1 table th, #sub6_1 table td { padding:10px 0; border-bottom:1px solid #ddd; text-align: left; }
#sub6_1 table th { width: 160px; }
#sub6_1 table td input { outline:none; }
#sub6_1 table td input[type="radio"] { margin-right: 10px; }
#sub6_1 table td #etc1_2 { margin-left: 20px; }
#sub6_1 table td input[type="text"] { background:none; border:1px solid #ddd; width:100%; height: 40px; padding:0 10px; font:16px stm; }
#sub6_1 table td textarea { background:none; border:1px solid #ddd; width:100%; height: 260px;padding:10px; font:16px/1.8 stm; outline:none; }
#sub6_1 table td textarea#w_info { height:100px; font-size:14px; }

#sub6_1 table tr:last-child td { text-align: center; border-bottom:none; border-top:2px solid #2e7f9d; padding-top: 40px; } 
#sub6_1 table tr:last-child td input { width:160px; height:50px; border-radius: 100px; background: #2e7f9d; color:#fff; font:16px stm; border:none; } 

/* sub6_2 */
#sub6_2 .bbs_cate { border-top:2px solid #2e7f9d; margin-top: 36px; color:#333; width: 300px; }
#sub6_2 .bbs_cate li { font-size:16px; height:50px; border-bottom:1px solid #ddd; display:flex; align-items: center; justify-content: space-between; font-family:stb; cursor: pointer; }
#sub6_2 .bbs_cate li:hover { opacity: 1; color:#2e7f9d; }
#sub6_2 .bbs_cate li i { display: none; }
#sub6_2 .bbs_cate li.select { color:#2e7f9d; }
#sub6_2 .bbs_cate li.select i { display: block; }
#sub6_2 .right { font-size:12px; }
#sub6_2 .right h3 { font:24px steb; margin-bottom: 20px; }
#sub6_2 #bo_gall #gall_ul .gall_li { width: 30%; }
#sub6_2 #bo_gall .gall_img { height:auto !important; }
#sub6_2 #bo_gall .gall_text_href { border-top:none;  margin-top: 16px; text-align: center; border-top:2px solid #2e7f9d; }