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

/* common */
html { overflow-x: hidden; }
html.fix { overflow: hidden; }
.wrap { width:1400px; margin:0 auto; position: relative; }
.wrap:after, ul:after, .cl:after { content:""; clear:both; display: block; }
.blind { width:0; height:0; font-size:0; overflow: hidden; }
.fl { display: flex; align-items: center; justify-content: center; }
.fl:after { display:none; }
.dn { display:none !important; }
.arr:after { content:""; width:10px; height:10px; display:inline-block; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); margin-left:4px; }

/* header & footer */
#w_header { height: 90px; background: rgba(255,255,255,0.8); position: fixed; width: 100%; z-index: 99; transition: 0.3s; overflow: hidden; } 
#w_header.fix { background: rgba(255,255,255,1); border-bottom:1px solid #ddd; } 
#w_header.down { height: 870px; background: rgba(255,255,255,1); border-bottom:1px solid #ddd; } 
#w_header h1 { padding-top:20px; }
#w_header #w_gnb { position: absolute; left:500px; top:30px; }
#w_header #w_gnb > li { float:left; margin-right: 100px; position: relative; font:18px ntb; }
#w_header #w_gnb > li:after { content:"|"; position: absolute; top:2px; right:-50px; font:14px ntr; position: }
#w_header #w_gnb > li:last-child:after { display: none; }
#w_header #w_gnb ul { position: absolute; padding-top: 30px; white-space: nowrap; font:16px/1.8 ntr; color:#333; }
#w_header .sns { position: absolute; right:0; top:92px; }
#w_header .sns li { float:left; margin-left: 10px; }
#w_header .sns li img { width: 37px;}
#w_header .lang { background:none; border:none; appearance:none; font:16px/30px ntr; position: absolute; right:0; top:32px; outline:none; }

#w_footer { background: #333; padding-bottom:40px; color:#fff; font:14px/1.6 ntd; }
#w_footer ul { border-bottom:1px solid #999; margin-bottom: 30px; }
#w_footer ul li { float:left; font:14px/60px ntr; }
#w_footer ul li:after { content:"·"; margin:0 20px; }
#w_footer ul li:last-child:after { display: none; }
#w_footer address { font-style: normal; }
#w_footer p { margin-top: 40px; }
#w_footer img { position: absolute; right:0; top:90px; }


/* index */
#w_main { height: 630px; background:url(/images/main1.png) no-repeat center/cover; } 
#w_main .wrap { height: 100%; padding-top:90px; padding-bottom:60px; box-sizing: border-box; justify-content: flex-start; color:#fff; } 
#w_main h2 { font:50px/1.4 ntd; } 
#w_main h2 span { font-family: ntb; } 

#w_nav { margin-top: -60px; }
#w_nav .frame { overflow: hidden; }
#w_nav .slide { width: 7000px; position: relative; }
#w_nav .slide li { width:280px; float:left; }
#w_nav .slide li a { display: block; font:20px/60px ntd; color:#eee; text-align: center; }
#w_nav .slide li.select a { background: #fff; color:#333; font-family: ntb; }
#w_nav nav { position: relative; background: rgb(0,0,0,0.6); }
#w_nav nav .prev { position: absolute; top:11px; left:50%; margin-left:-750px; }
#w_nav nav .next { position: absolute; top:11px; right:50%; margin-right:-750px; }

#w_nav .prd { height: 320px; display: none; } 
#w_nav .prd.on { display: block; } 
#w_nav .prd a { float:left; width: 280px; text-align: center; } 
#w_nav .prd a figure { height: 280px; } 
#w_nav .prd a p { font:18px/40px ntb; } 

#w_news { padding:100px 0 60px; background:url(/images/bg_news.png) no-repeat center/cover; }
#w_news h2 { font:46px ntb; text-align: center; margin-bottom: 10px; }
#w_news h3 { font:18px ntd; text-align: center; }

#w_logo { padding:60px 0; }
#w_logo ul { justify-content: space-between; }
#w_logo li { width: 274px; height: 70px; box-sizing: border-box; border:1px solid #ddd; }

/* sub layout */
.sv { height: 440px; position: relative; padding-top:90px; box-sizing: border-box;  }
.sv h2 { font:46px ntb; color:#fff;  }
.sv nav { position: absolute; left:0; bottom:0; width: 100%; background: rgba(0,0,0,0.8); height: 80px; }
.sv nav ul { width: 1200px; }
.sv nav ul li { float:left; border-left:1px solid #999; border-right:1px solid #999;  }
.sv nav ul li:first-child a { width: 80px; height: 80px; }
.sv nav ul li:nth-child(2) { width: 230px; height: 80px; border-left:none; }
.sv nav ul li select { width: 200px; height: 80px; box-sizing: border-box; border:none; background: none; color:#fff; font: 18px ntb; outline: none; }
.sv nav ul li select option { background: #000; }

.pad { padding:100px 0 200px; }
.pad .wrap { width: 1200px; } 
h2.title { border-top:1px solid #333; padding-top:20px; font:28px ntb; margin-bottom: 50px;  }

#sv1 { background:url(/images/bg_sub1.png) no-repeat center/cover; }
#sv2 { background:url(/images/bg_sub2.png) no-repeat center/cover; }
#sv3 { background:url(/images/bg_sub3.png) no-repeat center/cover; }
#sv4 { background:url(/images/bg_sub4.png) no-repeat center/cover; }

/* sub1_1 */


#sub1_1 { padding-top:0; }
#sub1_1 .cont1 { padding-top:100px; }
#sub1_1 .cont1 img { float:left; margin-right: 30px; }
#sub1_1 .cont1 p { font:16px/1.87 ntd; float:left; }

#sub1_1 .cont2 { padding-top:100px; }
#sub1_1 .cont2 .history { overflow: hidden; padding-left:100px; position: relative; }
#sub1_1 .cont2 .history:before { content:""; height: 3000px; border-left:1px solid #333; position: absolute; left:100px; top:20px;  }
#sub1_1 .cont2 .history strong { padding-left:40px; position: relative; font:34px ntb; }
#sub1_1 .cont2 .history strong:before { content:""; width:20px; height:20px; border-radius: 100%; background: #d4daef; position: absolute; left:-16px; top:15px; }
#sub1_1 .cont2 .history strong:after { content:""; width:20px; height:20px; border-radius: 100%; background: #333; position: absolute; left:-4px; top:15px; }
#sub1_1 .cont2 .history ul { padding-left:40px; margin-top: 10px; font:16px ntd; margin-bottom: 40px;  }
#sub1_1 .cont2 .history ul li { margin-bottom: 6px; }

#sub1_1 .cont3 { padding-top:100px; }
#sub1_1 .cont3 ul { width: 960px; margin-left:auto; }
#sub1_1 .cont3 ul li { float:left; width: 228px; margin-right: 16px; margin-bottom: 60px; }
#sub1_1 .cont3 ul li:nth-child(4n) { margin-right: 0; }
#sub1_1 .cont3 ul li:nth-child(4n+1) { clear:both; }
#sub1_1 .cont3 ul li img { width: 100%; }
#sub1_1 .cont3 ul li p { font:16px/1.6 ntb; margin-top: 10px; text-align: center; }

#sub1_1 .cont4 { padding-top:100px; }
#sub1_1 .cont4 div { width: 960px; margin-left:auto; }
#sub1_1 .cont4 div iframe { width: 100%; height: 430px;  }
#sub1_1 .cont4 div table { border-collapse:collapse; width: 100%; border-top:1px solid #333; margin-top: 30px; }
#sub1_1 .cont4 div table th { background: #f7f7f7; padding:14px 0; font:16px ntb; border-bottom:1px solid #ddd; width: 144px; }
#sub1_1 .cont4 div table td { padding:14px; font:16px ntr; border-bottom:1px solid #ddd;  }

/* sub2_1 */
#sub2_1 .cont1 h2 { width: 300px; background: #333; color:#fff; font:22px/70px ntd; margin:0 auto; text-align: center; }
#sub2_1 .cont1 ul { border:1px solid #333; padding-top:30px; }
#sub2_1 .cont1 ul li { width:200px; float:left; margin-bottom: 30px; box-sizing: border-box; border-right:1px solid #333; text-align: center; font:18px ntd; color:#333; }
#sub2_1 .cont1 ul li:nth-child(6n) { width:198px; border-right:none; }
#sub2_1 .cont1 ul li.select { font-family: ntb; }
#sub2_1 .cont2 { margin-top: 40px; }
#sub2_1 .cont2 #w_title { text-align: center; font:46px ntb; margin-bottom: 40px;  }

#sub2_1 #bo_gall #gall_ul { margin: 0; }
#sub2_1 #bo_gall #gall_ul > li { width:370px; margin-right: 45px; padding:0; }
#sub2_1 #bo_gall .gall_img { border-bottom:none; }
#sub2_1 #bo_gall .gall_text_href a { text-align: center; font:26px ntb; }
#sub2_1 #bo_v_img > a { pointer-events: none; text-align: center; }
#sub2_1 #bo_v_img > a:first-of-type { border:1px solid #ddd; padding:40px 0; }
#sub2_1 #bo_v_img > a img { margin-bottom: 0; }
#sub2_1 #bo_v_file li { text-align: center; padding:0; border:none; box-shadow: none; }
#sub2_1 .view_file_download { display: inline-block; padding:10px 20px; background: #333; color:#fff; font:16px ntr; float:none; }
#sub2_1 .view_file_download:hover { color:#fff; }
#sub2_1 #bo_v_file li:hover a { color:#fff; }


/* sub3_1 */
#sub3_1 .cont1 table th { border-top:2px solid #333; border-bottom:2px solid #333; font-family: ntb; }
#sub3_1 .cont1 table td { font-family: ntd; }

/* sub4_1 */
#w_fmail { border-collapse:collapse; width:100%; border-top:2px solid #333; margin-top: 20px; }
#w_fmail td { border:1px solid #eee; }
#w_fmail td:first-child { width:210px;  font:16px ntb; color:#333; background: #fafafa; text-align: center; padding:10px 0;  }
#w_fmail td input[type=text] { border:none; background:none; height:40px; font:16px ntr; color:#333; padding:0 20px; width:100%; }
#w_fmail td p { margin-bottom:10px; }
#w_fmail td textarea {border:none; background:none; font:16px/1.6 ntr; color:#333; padding:20px; width:100%; }
#w_fmail td .agree { font:16px ntr; color:#333; padding:10px 0 0 20px; }
#w_fmail td #w_info { height:160px; }
#w_fmail + input[type=submit] { background:#333; color:#fff; font:18px ntr; text-align:center; width:250px; height:60px; border:none; display: block; margin:60px auto 0; }
#w_fmail td input[type=radio] { margin-left: 20px; margin-right: 4px;  }
#w_fmail td input[type=radio] + label { font:16px ntr; }