@import url("layout.css");
@import url("common.css");

.main_bg{width:100%;  background:url('../images/main/main_bg.jpg') no-repeat 0 0; }

/* main_visual */
#main_visual{position:relative; float:left; margin:0 auto; width:750px; height:435px; border:3px solid #0eacc3;}
#main_visual .image img {width:100%;}
#main_visual .image a {display:block;}
#main_visual .image a:focus {border:5px solid red;}
#main_visual .txt{position:absolute; width:300px; top:110px;left:545px;height:330px;z-index:100;}
#main_visual .txt h2 { font-size:36px; color:#8ee2ff; letter-spacing:-2px; }
#main_visual .txt p{padding-top:20px;color:#EEE; font-size:12px; }
#main_visual .rolling_btn{position:absolute;top:80px;left:545px}
#main_visual .rolling_btn .btn{position:relative;font-weight:600;color:#626262;}
#main_visual .rolling_btn .btn span{position:absolute;top:0;*top:6px;left:11px;}
#main_visual .rolling_btn .btn .on{color:#fff}

.vr_tour a:focus {outline:2px solid #333;}


/* section1 */
#section1{position:relative; float:left; width:287px; margin-top:0px; overflow:hidden; padding-left: 15px; margin-bottom:25px; z-index:1;}
/*#section2{position:relative; float:left; width:251px; height:435px; margin-top:0px;  overflow:hidden; padding-left: 15px; margin-bottom:25px;}*/
#section2{position:relative; float:left; width:404px; margin-left: 15px;}
/* #section3{position:relative; float:left; width:190px; height:440px; padding-left:0; margin-left: 15px; background:#005D8F;} */
#section4{position:relative; width:100%; margin-bottom:80px;}

#section1 .block1_1 { position:relative;width:287px; height:250px;float:left; background:#005D8F; overflow:hidden;}
#section1 .block1_1 .tab_table { position:relative;width:100%; margin:0; }
#section1 .block1_1 .tab_table li {float:left;width: 48.5%;line-height:49px;text-align:center;color:#FFF;font-size:17px;letter-spacing:-1px;background:#004266;border:2px solid #fff;}
#section1 .block1_1 .tab_table li a:focus {outline:2px solid red;}
#section1 .block1_1 .tab_table li:first-child {border-right:0;}
#section1 .block1_1 .tab_table li a{ color:#FFF;}
#section1 .block1_1 .tab_table li.on {float:left;width:48.5%;background:#fff;}
#section1 .block1_1 .tab_table li.on a {color:#333; font-weight:500;}
#section1 .block1_1 .tab_table li.on a:focus {outline:2px solid #333;}
#section1 .block1_1 .tab_con { position:relative;width:84%; margin:0 auto; top:15px; }
#section1 .block1_1 .tab_con li { float:left; width:100%; line-height:25px; color:#FFF; font-size:13px; letter-spacing:-0.5px; }
#section1 .block1_1 .tab_con li a:focus {outline:2px solid #333;}
#section1 .block1_1 .tab_btn { position:absolute; width:100%; height:45px; bottom:0px; text-align:center; line-height:44px; color:#FFF; font-size:16px; font-weight:600; background:#646464; }
#section1 .block1_1 .tab_btn a{color:#FFF;}
#section1 .block1_1 .tab_btn a:focus {outline:2px solid red;}

#section1 .block1_2 { width:100%; float:left; margin-top:10px; }
#section1 .block1_2 h2 { float:left;width:100%; height:50px; color:#333; font-size:17px; font-weight:400; line-height:49px; letter-spacing:-1px; border-bottom:1px solid #536d80; }
#section1 .block1_2 h2 span { float:right; height:50px; color:#333;font-weight:400; font-size:18px;  }
#section1 .block1_2 .block_con_g { position:relative; width:100%; margin:0 auto; top:15px; overflow:hidden; }
#section1 .block1_2 .block_con_g li { float:left; width:48%; padding:0 1%; text-align:center; }
#section1 .block1_2 .block_con_g li a {display:inline-block;}
#section1 .block1_2 .block_con_g li a:focus {outline:2px solid red;}
#section1 .block1_2 .block_con_g li p { font-size:13px; line-height:44px; color:#FFF; }

#section1 .block1_2 a:focus {outline:2px solid #333;}

#section2 .block2_1{position:relative; background:#005D8F;}
#section2 .block2_1 a {display:block;}
#section2 .block2_1 a:focus {border:2px solid red;}
#section2 h2 { width:90%; height:40px; color:#FFF; font-weight:400; font-size:17px; padding:0 5%; line-height:40px; letter-spacing:-1px; background:#004266;}
#section2 .block_con { padding: 5%; color: #fff; font-size:1.08rem;}
#section2 .block3_1 {margin-top:15px; background:#005D8F;}

#section3 .block3_1{position:relative; background:#005D8F;}
#section2 .block3_1 a {display:block;}
#section2 .block3_1 a:focus {border:2px solid red;}
#section3 .block3_1 h2 { width:90%; height:40px; color:#FFF; font-weight:400; font-size:17px; padding:0 5%; line-height:40px; letter-spacing:-1px; background:#004266;}
#section3 .block3_1 .block_con { width:84%; margin:1% 8% 8% 8%;  color:#fff;}

#section4 .block4_1{position:relative; overflow:hidden; width:100%; background:#005D8F;}
#section4 .block4_1 .QuickM{text-align:center; padding:30px 50px;}
#section4 .block4_1 .QuickM ul {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:2rem 1rem;}
#section4 .block4_1 .QuickM ul li{width:calc(100%/5 - 1rem); text-align:center; display:inline-block;*display:inline; zoom:1; cursor:pointer; color:#fff; font-size:15px; letter-spacing:-0.5px;}
#section4 .block4_1 .QuickM ul li a{display:inline-block; color:#fff;}
#section4 .block4_1 .QuickM ul li a:focus {outline:2px solid #333;}
#section4 .block4_1 .QuickM ul li .yellow{font-weight:600; color:#ffcc00;}
#section4 .block4_1 .QuickM ul li img{padding-bottom:20px; }

/*
#section2 .block2_1 { width:251px; float:left; background:url('../images/main/box_all_bg.png') repeat; }
#section2 .block2_1 h2 { width:90%; height:40px; color:#FFF; font-weight:400; font-size:17px; padding:0 5%; line-height:49px; letter-spacing:-1px; background:#046598 url('../images/main/arrow1.png') no-repeat 220px 21px;}
#section2 .block2_1 .block_con { width:84%; min-height:74px; margin:8% auto; }
#section2 .block2_1 .block_con p { width:60%;color:#FFF; font-size:12px; letter-spacing:-0.5px; }

#section2 .block2_2 { width:251px; float:left; background:url('../images/main/box_all_bg.png') repeat; }
#section2 .block2_2 h2 { width:90%; height:40px; color:#FFF; font-weight:400; font-size:17px; padding:0 5%; line-height:49px; letter-spacing:-1px; background:#046598 url('../images/main/arrow1.png') no-repeat 220px 21px;}
#section2 .block2_2 .block_con { width:84%; min-height:74px; margin:8% 8% 8% 8%; overflow:hidden; }
#section2 .block2_2 .block_con p { width:60%; padding-top:10px; color:#FFF; font-size:12px; letter-spacing:-0.5px; }

#section2 .block2_3 { width:251px; float:left; background:url('../images/main/box_all_bg.png') repeat; }
#section2 .block2_3 h2 { width:90%; height:40px; color:#FFF; font-weight:400; font-size:17px; padding:0 5%; line-height:49px; letter-spacing:-1px; background:#126996 url('../images/main/arrow1.png') no-repeat 220px 21px;}
#section2 .block2_3 .block_con { width:84%; min-height:74px; margin:8% 8% 8% 8%; overflow:hidden; }
#section2 .block2_3 .block_con p { width:60%; padding-top:10px; color:#FFF; font-size:12px; letter-spacing:-0.5px; }

#section2 .block2_4 { width:251px; float:left; background:url('../images/main/box_all_bg.png') repeat; }
#section2 .block2_4 h2 { width:90%; height:40px; color:#FFF; font-weight:400; font-size:17px; padding:0 5%; line-height:49px; letter-spacing:-1px; background:#09507c url('../images/main/arrow1.png') no-repeat 220px 21px;}
#section2 .block2_4 .block_con { width:84%; min-height:74px; margin:8% 8% 8% 8%; overflow:hidden; }
#section2 .block2_4 .block_con p { width:60%; padding-top:10px; color:#FFF; font-size:12px; letter-spacing:-0.5px; }

#section2 .block2_5 { width:251px; float:left; background:url('../images/main/box_all_bg.png') repeat; }
#section2 .block2_5 h2 { width:90%; height:40px; color:#FFF; font-weight:400; font-size:17px; padding:0 5%; line-height:49px; letter-spacing:-1px; background:#07476e url('../images/main/arrow1.png') no-repeat 220px 21px;}
#section2 .block2_5 .block_con { width:84%; min-height:74px; margin:8% 8% 8% 8%;  }
#section2 .block2_5 .block_con p { width:60%; padding-top:10px; color:#FFF; font-size:12px; letter-spacing:-0.5px; }

#section2 .block2_6 { width:251px; float:left; background:url('../images/main/box_all_bg.png') repeat; }
#section2 .block2_6 h2 { width:90%; height:40px; color:#FFF; font-weight:400; font-size:17px; padding:0 5%; line-height:49px; letter-spacing:-1px; background:#075c6f url('../images/main/arrow1.png') no-repeat 220px 21px;}
#section2 .block2_6 .block_con { width:84%; min-height:74px; margin:8% 8% 8% 8%; overflow:hidden; }
#section2 .block2_6 .block_con p { width:60%; padding-top:10px; color:#FFF; font-size:12px; letter-spacing:-0.5px; }

#section2 .block2_7 { width:251px; float:left; background:url('../images/main/box_all_bg.png') repeat; }
#section2 .block2_7 h2 { width:90%; height:40px; color:#FFF; font-weight:400; font-size:17px; padding:0 5%; line-height:49px; letter-spacing:-1px; background:#07686f url('../images/main/arrow1.png') no-repeat 220px 21px;}
#section2 .block2_7 .block_con { width:84%; min-height:74px; margin:8% 8% 8% 8%; overflow:hidden; }
#section2 .block2_7 .block_con p { width:60%; padding-top:10px; color:#FFF; font-size:12px; letter-spacing:-0.5px; }

#section2 .block2_8 { width:251px; float:left; background:url('../images/main/box_all_bg.png') repeat; }
#section2 .block2_8 h2 { width:90%; height:50px; color:#FFF; font-weight:400; font-size:17px; padding:0 5%; line-height:49px; letter-spacing:-1px; background:#076f5f url('../images/main/arrow1.png') no-repeat 220px 21px;}
#section2 .block2_8 .block_con { width:84%; min-height:74px; margin:8% 8% 8% 8%; overflow:hidden; }
#section2 .block2_8 .block_con p { width:60%; padding-top:10px; color:#FFF; font-size:12px; letter-spacing:-0.5px; }
*/




/*
#section2 .block2_3 { width:251px; float:left; }
#section2 .block2_3 .block_btn1 { width:90%; padding:0 5%; color:#FFF; font-size:17px; height:50px; line-height:49px; background:#126996 url('../images/main/arrow1.png') no-repeat 220px 21px; }
#section2 .block2_3 .block_btn2 { width:90%; padding:0 5%; color:#FFF; font-size:17px; height:50px; line-height:49px; background:#09507c url('../images/main/arrow1.png') no-repeat 220px 21px; }
#section2 .block2_3 .block_btn3 { width:90%; padding:0 5%; color:#FFF; font-size:17px; height:50px; line-height:49px; background:#07476e url('../images/main/arrow1.png') no-repeat 220px 21px; }
*/
.ico1 { background:url('../images/main/box_ico1.png') no-repeat 135px 0px; }
.ico2 { background:url('../images/main/box_ico1.png') no-repeat 135px 0px; }
.ico3 { background:url('../images/main/box_ico1.png') no-repeat 135px 0px; }
.ico4 { background:url('../images/main/box_ico1.png') no-repeat 135px 0px; }
.ico5 { background:url('../images/main/box_ico1.png') no-repeat 135px 0px; }