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

/* common */
html, body { height:100%; }
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 { position:absolute; 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; }


/* header & footer */
#w_header { height: 80px; position: fixed; left: 0; top:0; width:100%; z-index:99; background: #03509e; color:#fff; transition: 0.3s; overflow: hidden; }
#w_header.fix { background: #03509e; }
#w_header.on { background: #03509e; height: 350px; }
#w_header h1 { padding-top: 27px; }
#w_header #w_gnb { position: absolute; left: 480px; top:32px; }
#w_header #w_gnb > li { float:left; margin-right: 100px; }
#w_header #w_gnb > li > a { font:16px stb; }
#w_header #w_gnb > li:hover > a, #w_header #w_gnb > li.select > a  { color:#a1d0ff; }
#w_header #w_gnb ul { position: absolute; padding-top: 24px;  }
#w_header #w_gnb ul li { font:16px/1.4 str; margin-bottom: 14px; }
#w_header #w_gnb ul li:hover > a, #w_header #w_gnb > li.select > a  { color:#a1d0ff; }
#w_header .lang { position: absolute; right:0; top:32px; font:14px str; }
#w_header .lang li { float:left; }
#w_header .lang li:before { content:"|"; margin:0 6px; }
#w_header .lang li:first-child:before { display: none; }
#w_header .lang li.select a { color:#a1d0ff; }
.blank { height: 80px; }

#w_footer { padding:50px 0; background: #000; color:#848484; font:14px str;}
#w_footer img { position: absolute; left: 0; top:0; opacity: 0.5; }
#w_footer ul { margin-left: 480px; }
#w_footer ul li { margin-bottom: 10px; }
#w_footer ul li strong { display: inline-block; width: 70px; }
#w_footer ul li:last-child { margin-bottom: 0; }
#w_footer p { position: absolute; right:0; top:0; }



/* index */
#main { height: 100vh; }
#main .wrap { width: 100%; height: 100%; background-position: center; background-size: cover; flex-direction: column; align-items: flex-start; color:#fff; }
#main .ment { position: absolute; left:50%; margin-left:-700px; z-index:10; top:33%; color:#fff; }
#main .ment h2 { font-size:48px; font-family: 'Arial', sans-serif; line-height:1.6; font-weight:900; }
#main .ment p { font:20px/1.6 stb; margin-top: 50px;  }


#cont .cont1 { padding-top: 100px; }
#cont .cont1 li { float:left; width:440px; margin: 0 40px 100px 0; }
#cont .cont1 li dt { padding: 40px 0 16px; border-bottom:1px solid #03509e; font:24px steb; }
#cont .cont1 li dd { margin-top: 17px; font:14px/1.6 stm; }

#cont .cont2 { height: 570px; background:url(/images/bg_cont2.jpg) no-repeat center/cover; flex-direction: column; color:#fff; text-align: center; }
#cont .cont2 h2 { margin:60px 0 40px; font:36px/1.4 sth; }
#cont .cont2 p { font: 15px/2 stm; }

#cont .cont3 { margin-top: 100px; }
#cont .cont3 article { float:left; width:440px; margin-right:40px; position: relative; }
#cont .cont3 article:last-child { margin-right: 0;  }
#cont .cont3 article h2 { font:24px steb; padding-bottom: 14px; border-bottom:1px solid #03509e; margin-bottom: 14px; }
#cont .cont3 article p { font:15px/1.6 stm; }
#cont .cont3 article > a { background: #03509e; border-radius: 50px; color:#fff; width:22px; height:22px; position: absolute; right:0; top:5px; font-size:20px; text-align: center; line-height:22px;  }
#cont .cont4 { margin-top: 170px; color:#03509e; margin-bottom: 200px; }
#cont .cont4 .left { font:48px sth; }
#cont .cont4 .right li { position: relative; padding-left:70px; font:24px stm; margin-bottom: 40px; }
#cont .cont4 .right strong { font:24px sth; position: absolute; left: 0; top:0px; }
#cont .cont4 .right b, #cont .cont4 .right a { font:24px stm; position: relative; left: ; top:0px; margin-left: 20px; }


/* sub layout */
.left { float:left; width:480px; }
.right { float:right; width:920px; }

.sm { height: 85px; border-bottom:1px solid #03509e; color:#03509e; }
.sm h2 { font:30px sth; padding-top: 24px;  }
.sm ul { padding-top: 35px; }
.sm ul li { float:left; margin-right: 40px; opacity:0.5; font:16px steb; height:52px;  }
.sm ul li.select { opacity: 1; border-bottom:5px solid #1c354f;  }

.page { padding:100px 0 200px; font:17px/1.6 stm; }
.b_title { color:#03509e; font:14px steb; }

/* sub1_1 */
#sub1_1 .cont1 h2 { font:48px/1.4 steb; }
#sub1_1 .cont1 p { margin-top: 60px;}
#sub1_1 .cont1 .h3_title { font:30px sth;  }
#sub1_1 .cont2 { margin-top: 200px; }
#sub1_1 .cont2 ul { margin-top: 80px; height: 800px; }
#sub1_1 .cont2 ul li { float:left; width:440px; margin-right: 40px; position: relative; }
#sub1_1 .cont2 ul li:nth-child(2) { top:170px; }
#sub1_1 .cont2 ul li:nth-child(3) { top:340px; margin-right: 0; }
#sub1_1 .cont2 ul li div { margin-top: 20px; border-radius: 5px; background: #03509e; height:70px; }
#sub1_1 .cont2 ul li img { margin-bottom: 20px; }
#sub1_1 .cont2 ul li strong { display: block; margin-top: 30px; font:30px steb; margin-bottom: 20px; }
#sub1_1 .cont2 figure { clear:both; text-align: center; margin-top: 100px; margin-bottom: 100px;  }


/* sub1_2 */
.title { font:48px/1.4 steb; }
#sub1_2 .cont2 { margin-top: 120px; }
#sub1_2 .cont2 img { float:left; margin-right: 70px; }
#sub1_2 .cont2 h3 { font:24px/1.6 steb; color:#03509e; float:left; margin-right: 40px; }
#sub1_2 .cont2 ul { float:left; font:16px/1.6 stm; }
#sub1_2 .cont2 ul li { margin-bottom: 15px; }


/* sub1_3 */
#sub1_3 { padding-bottom: 0; }
#sub1_3 .cont1 p { margin-top: 80px; }
#sub1_3 .cont2 { margin-top: 50px; position: relative; }
#sub1_3 .cont2 img { width: 100%; height: 100%; }

#sub1_3 .cont4 { margin-top: 200px; height: 500px; background:url(/images/bg_mem.png) no-repeat center/cover; }


/* sub1_4 */
#sub1_4 article { margin: 80px 0px; width:100%; }
#sub1_4 article img { width:200px; float: left; margin-right:40px; margin-bottom: 40px;  border:1px solid #03509e; text-align: center; }
#sub1_4 article img:nth-child(4n) { margin-right: 0px;  }
#sub1_4 .cont1 table { width:100%; border-collapse: collapse; }
#sub1_4 .cont1 table th { border-top:1px solid #03509e; border-bottom:1px solid #a0a0a0; background: #e5e5e5; font:16px steb; text-align: left; padding:8px 0; }
#sub1_4 .cont1 table td { border-bottom:1px solid #a0a0a0; font:16px stm; padding:8px 0; }
#sub1_4 .cont1 table th:last-child, #sub1_4 .cont1 table td:last-child { text-align: center; }
#sub1_4 .cont1 table td:last-child { font-size:22px; color:#03509e; }  


/* sub1_5 */
#sub1_5 ul { font:18px/1.4 stb; color:#000; margin-bottom: 60px; margin-top:30px;}
#sub1_5 ul li:nth-child(1){font:25px/2 steb; }
#sub1_5 ul li { position: relative; padding-left: 110px; margin-bottom: 50px; }
#sub1_5 ul li strong { position: absolute; left: 0; }


/* sub2_1 */
#sub2_1 {padding-bottom: 0;} 
#sub2_1 article { margin-top: 120px; }
#sub2_1 article h3 { color:#03509e; font:20px steb; margin-bottom: 10px; }
#sub2_1 .cont3 { height:550px; background:url(/images/sub2_1_1.png) no-repeat center/cover; margin-top: 200px; }

/* sub2_2 */
#sub2_2 {padding-bottom: 0;} 
#sub2_2 article { margin-top: 120px; }
#sub2_2 article h3 { color:#03509e; font:20px steb; margin-bottom: 10px; }
#sub2_2 .cont3 { height:550px; background:url(/images/sub2_2_1.png) no-repeat center/cover; margin-top: 200px; }

/* sub2_3 */
#sub2_3 {padding-bottom: 0;} 
#sub2_3 article { margin-top: 120px; }
#sub2_3 article h3 { color:#03509e; font:20px steb; margin-bottom: 10px; }
#sub2_3 .cont3 { height:550px; background:url(/images/sub2_3_1.png) no-repeat center/cover; margin-top: 200px; }

/* sub2_4 */
#sub2_4 {padding-bottom: 0;} 
#sub2_4 article { margin-top: 120px; }
#sub2_4 article h3 { color:#03509e; font:20px steb; margin-bottom: 10px; }
#sub2_4 .cont3 { height:550px; background:url(/images/sub2_4_1.png) no-repeat center/cover; margin-top: 200px; }

/* sub3_1 */
#sub3_1 .cont1 .right h2 { font:16px sth; margin:0 0 10px;  margin-bottom:30px;}
#sub3_1 .cont1 h3 { font:30px sth;  }
#sub3_1 .cont1 .h3_title { margin-top: 50px; margin-bottom:10px; }
#sub3_1 .cont1 .left .title { margin-bottom:70px; }
#sub3_1 .cont1 .left h3 { font:24px sth; }
#sub3_1 .cont1 .left h3:last-child {  margin-top: 10px; }
#sub3_1 .cont1 { margin-bottom: 120px; }
#sub3_1 .left .bl_title{ color:#03509e; }
#sub3_1 .left .bl_title_2{ color:#95b8da; }
#sub3_1 .cont1 .title { margin-bottom: 20px; }
#sub3_1 .cont1 p:first-child { margin-bottom: 30px; }
#sub3_1 .cont1 figure { margin-top: 10px; }
#sub3_1 .mal { flex-direction: column; }
#sub3_1 .mal span { width:14px; height: 14px; border-radius: 100%; background: #03509e; margin-bottom: 20px; }

/* sub3_1_2 
#sub3_1_2 .cont1 .right h2 { font:16px sth; margin:0 0 10px; }
#sub3_1_2 .cont1 .h3_title { font:30px sth;  }
#sub3_1_2 .cont1 .right h3 { margin-top: 50px; margin-bottom:10px; }
#sub3_1_2 .cont1 .left h2 { margin-bottom:30px; }
#sub3_1_2 .cont1 .left h3 { font:24px sth; }
#sub3_1_2 .cont1 .left h3:last-child { margin-top: 10px; }
#sub3_1_2 .cont1 { margin-bottom: 120px; }
#sub3_1_2 .cont1 p:first-child { margin-bottom: 30px; }
#sub3_1_2 .cont1 figure { margin-top: 10px; }
#sub3_1_2 .mal { flex-direction: column; }
#sub3_1_2 .mal span { width:14px; height: 14px; border-radius: 100%; background: #03509e; margin-bottom: 20px; }
*/

/* sub3_2 */
#sub3_1 .right .h3_title_3{margin-top:130px;}
#sub3_1 .cont1 ul { display: block; }
#sub3_1 .cont1 ul li { width: 920px; }
#sub3_1 .cont1 ul li dl { width: 920px; margin-bottom: 20px; }
#sub3_1 .cont1 ul li dt { font-family: steb; margin-bottom: 10px;  }
#gas_line { margin-top: 40px; }
#sub3_1 .cont1 ul li dd { word-break: keep-all; }

/* sub3_2_2 */
#sub3_1 .cont1 ul { justify-content: space-between; }
#sub3_1 .cont1 ul li { width: 920px; }
#sub3_1 .cont1 ul li dl { margin-bottom: 10px; }
#sub3_1 .cont1 ul li dt { font-family: steb; margin-bottom: 10px;  }
#sub3_1 .cont1 ul li dd { word-break: keep-all; }


/* sub3_3 */   
#sub3_1 .cont1 .left h2 { font:48px sth; margin: 0px; }
#sub3_1 .cont1 div.f0 { margin-top: 30px; }
#sub3_1 .cont1 div.fl { justify-content: space-between; width: 100%; margin-top: 100px; margin-bottom: 30px;}
#sub3_1 .cont1 div.fl span { width:280px; color:#03509e; border:1px solid #03509e; box-sizing: border-box; text-align: center; font:18px/50px steb; position: relative; }
#sub3_1 .cont1 div.fl span:after { content:""; width:40px; border-top:1px solid #03509e; position: absolute; right:-41px; top:50%; }
#sub3_1 .cont1 div.fl span:last-child:after { display: none; }
#sub3_1 .swiper {  width: 100%; height: 600px; }
#sub3_1 .swiper-slide { background-position: center; background-size: cover; }
#sub3_1 .swiper-pagination { bottom:20px; }
#sub3_1 .swiper-pagination-bullet { width:10px; height:10px; margin:0 4px; background: #fff; opacity:.4; }
#sub3_1 .swiper-pagination-bullet-active { opacity:1; }
#sub3_1 .swiper-button-next { color:#03509e; }
#sub3_1 .swiper-button-prev { color:#03509e; }
#sub3_img_wrap h5 { font: 20px sth; margin: 50px 0 10px; }



/* sub4_1 */
#sub4_1 .b_title, #sub4_3 .b_title { line-height:1.8; }
#sub4_1 .title, #sub4_3 .title { margin-bottom: 20px; word-break: keep-all; }
#sub4_1 table { border-top:2px solid #03509e; }
#sub4_1 #bo_v_title .bo_v_tit, #sub4_3 #bo_v_title .bo_v_tit { color:#03509e; }
#sub4_1 .cont1 .h3_title { font:30px stb;  margin-bottom:30px; }
#sub4_1 .cont1 .h3_title b { font:30px sth;  }

/* sub4_3 */
#sub4_3 label { color:#03509e; }
#sub4_3 .cont1 form {margin-bottom: 20px;}
#sub4_3 .cont1 table { width:100%; border-collapse: collapse; margin-top: 50px; }
#sub4_3 .cont1 table th { width: 120px; text-align: left; } 
#sub4_3 .cont1 table td { padding:10px 0; text-align: center; }
#sub4_3 .cont1 table td input[type=text], #sub4_3 .cont1 table td textarea  { width:100%; border:1px solid #ddd; font:16px/1.6 str; color:#666; outline:none; }
#sub4_3 .cont1 table td input[type=text] { padding:0 10px;  height:50px; }
#sub4_3 .cont1 table td textarea { padding:10px; }
#sub4_3 .cont1 table tr:last-child td input { width:200px; height:50px; color:#fff; background: #03509e; font:16px stm; border:none; }
#sub4_3 .cont1 .h3_title { font:30px stb; margin-bottom:30px; }
#sub4_3 .cont1 .h3_title b { font:30px sth;  }
/* sub5_1 */
#sub5_1 .cont1 .h2_title_2{font:48px stb; }
#sub5_1 .cont1 .h2_title_2 b { font:48px sth;  }
#sub5_1 { padding-bottom: 0; }
#sub5_1 .cont2 { margin-top: 120px; }
#sub5_1 .cont2 .b_title { font:24px sth; margin-bottom: 30px;  }
#sub5_1 .cont2 ul { justify-content: space-between; align-items: flex-start;  }
#sub5_1 .cont2 ul li { width: 320px; }
#sub5_1 .cont2 ul li div { background: #03509e; color:#fff; padding:20px 0; text-align: center; margin-bottom: 20px; }
#sub5_1 .cont2 ul li div em { font:normal 16px str; }
#sub5_1 .cont2 ul li div strong { font:20px steb; margin-top: 4px; display: block; }
#sub5_1 .cont2 ul li dt { font:16px stb; margin-bottom: 10px; }
#sub5_1 .cont2 ul li dd { word-break: keep-all; }
#sub5_1 .cont2 .w_btn { width:300px; display: block; width:340px; font:18px/60px stb; border-radius: 5px; background: #03509e; color:#fff; margin:100px auto 0; text-align: center; }

#sub5_1 .cont3 { height:550px; background:url(/images/sub5_1_1.png) no-repeat center/cover; margin-top: 200px; }


/* sub5_2 */
#sub5_2 .b_title { line-height:1.8; }
#sub5_2 .title { margin-bottom: 20px; word-break: keep-all; }
#sub5_2 table { border-top:2px solid #03509e; }
#sub5_2 table td { text-align: center; }
#sub5_2 #bo_v_title .bo_v_tit { color:#03509e; }

#sub5_2 .w50 { width:45%; }
#sub5_2 .tt { position: relative; padding-left: 120px; margin-top: 20px;  }
#sub5_2 .tt strong { position: absolute; left: 0; }

#sub5_2 .cont1 .h3_title { font:30px stb;  margin-bottom:30px; }
#sub5_2 .cont1 .h3_title b { font:30px sth;  }