
.sub_visual {color:#fff;background:url('/image/sub/sub_visual.png') no-repeat;width:100%;height:380px;background-size:cover;display:table;}
.sub_visual>div {display:table-cell;vertical-align: middle}
.sub_visual>div .st1 {font-family: 'Poppins', sans-serif;font-size:3.8rem;font-weight:100}
.sub_visual>div .st1 span {font-weight:600}
.sub_visual>div .st2 {font-family: 'Poppins', sans-serif;font-size:1.8rem;font-weight:300;opacity:.8}

.img_dummy {
    display: block;
    background-size: cover !important;
    background-position: center center !important;
}
.sub_con {display:table;max-width:1180px;margin:auto;width:100%;min-height:1000px}
.sub_con>div {display:table-cell;vertical-align: top;}
.sub_con>div.left {width:22%;}
.sub_con>div.right {padding:4rem 0 6rem;padding-left:55px;}

.sub_con>div.left .st1 {margin-top:-4rem;color:#fff;background-color:#192e59;padding:3.5rem 0;box-shadow:3px 3px 1px 3px rgba(0,0,0,0.1);}
.sub_con>div.left .st1 p:nth-child(1) {font-family: 'Poppins', sans-serif;opacity:.5;font-weight:300;font-size:1.4rem;}
.sub_con>div.left .st1 p:nth-child(2) {font-family: 'Poppins', sans-serif;font-size:2.4rem;}

.sub_con>div.left .st2 li a{background:url('/image/sub/arrow_off.png') 90% 50% no-repeat; margin-bottom:5px;color:#454545;font-size:1.6rem;border:1px solid #ddd;background-color:#fafafa;display:block;padding:2rem ;}
.sub_con>div.left .st2 li.on a{color:#fff;background:url('/image/sub/arrow_on.png') 90% 50% no-repeat;}
.sub_con>div.left .st2 li.on {background-color:#3f68b1; }

.sub_con>div.right .st1 {color:#454545;font-size:1.6rem;}
.sub_con>div.right .t_txt1 {margin-top:120px;background:url('/image/sub/arrow.png') 100% 50% no-repeat;color:#000;font-size:3rem;font-weight:600;border-bottom:1px solid #ddd;padding-bottom:1.5rem;}
.sub_con>div.right .t_txt2 {color:#294888;font-size:1.9em;font-weight:600}
.sub_con>div.right .t_txt3 {color:#000;font-size:1.8em;}
.sub_con>div.right .left_img {min-height:300px;color:#000;font-size:1.8rem;position: relative;padding-left:400px}
.sub_con>div.right .left_img .img {position: absolute;left:0;top:0;}
.sub_con>div.right .right_img {color:#000;font-size:1.8rem;position: relative;padding-right:400px}
.sub_con>div.right .right_img .img {position: absolute;right:0;top:0}
.sub_con>div.right .box1 {margin-left:-3rem}
.sub_con>div.right .box1>div {float:left;width:50%;padding-left:3rem}
.sub_con>div.right .box1>div p {color:#fff;background-color:#000080;font-size:1.8rem;padding:2rem;}
.sub_con>div.right .box1>div div.st1 {min-height:160px;border:1px solid #ddd;background-color:#f9f9f9;font-size:1.6rem;color:#343434;padding:2rem;}

.heat_box>div {margin-bottom:2rem;display:table;width:100%;border:1px solid #ddd;background-color:#f9f9f9;padding:1rem;padding-right:3rem}
.heat_box>div>div {display:table-cell;vertical-align: middle}
.heat_box>div>div.left {width:360px}
.heat_box>div>div.right {padding-left:4rem;}
.heat_box>div>div.right p {font-weight:600;color:#192e59;font-size:1.6rem;border-bottom:1px solid #ddd;padding-bottom:1rem;margin-bottom:1rem;}
.heat_box>div>div.right li {color:#343434;font-size:1.5rem;position: relative}
/*.heat_box>div>div.right li:before {content:"";width:4px;height:4px;background-color:#000;position: absolute;left:0;top:10px;}*/


.con3_txt1 {padding-bottom:1rem;border-bottom:1px solid #ddd;}
.con3_txt1>span {color:#294888;font-size:2rem;font-weight:600;border-bottom:2px solid #294888;padding-bottom:1rem;}
.con3_txt2 {color:#000;font-size:1.6rem;}
.con3_bx1 {margin-left:-7rem}
.con3_bx1>div {float:left;padding-left:7rem}
.con3_bx1 .left {width:48rem}

.con_box2 {border:1px solid #ddd;padding:2rem 3rem;background-color:3f9f9f9;}
.con_box2 li {padding-left:15px;color:#454545;font-size:1.6rem;margin-bottom:1rem;position: relative}
.con_box2 li:before {content:"";border-radius:50%;width:5px;height:5px;background-color:#3f68b1;position: absolute;left:0;top:10px;}

.con3_txt3 {color:#000;font-size:2.3rem;font-weight:600}
.con_box2_2>ul {width:50%;float:left}
.con_box2_3 {background-color:#f9f9f9;border:1px solid #ddd;padding:3rem;}
.con_box2_3>div>div {margin-left:-6rem}
.con_box2_3>div>div>div {width:50%;float:left;padding-left:6rem;}
.con_box2_3>div>div>div:nth-child(2n+1) {clear:both}
.con_box2_3 li {padding-left:15px;color:#454545;font-size:1.6rem;position: relative}
.con_box2_3 li:before {content:"";border-radius:50%;width:5px;height:5px;background-color:#3f68b1;position: absolute;left:0;top:10px;}
.con_box2_3 p  {color:#000;font-size:2rem;border-bottom:1px solid #ddd;padding-bottom:1rem;margin-bottom:1rem;}


.con_box2_br {border-bottom:1px dashed #ddd;padding-bottom:4rem;margin-bottom:4rem;}

.col3_img {margin-left:-2rem}
.col3_img li {width:33.333%;float:left;padding-left:2rem;}
.col3_img p {color:#000000;font-size:1.6rem;margin:1rem 0 2rem}
.design_bx1 {padding-right:230px;position: relative}
.design_bx1 .left {position:absolute;right:0;top:0;}

.design_bx2 {padding-left:200px;margin-top:120px;position: relative}
.design_bx2 .left {position:absolute;left:0;top:-11em;}
.design_bx2 li {padding-left:15px;color:#343434;font-size:1.5rem;position: relative}
.design_bx2 li:before {content:"";width:4px;height:4px;background-color:#000;position: absolute;left:0;top:10px;}

.con3_mt110 {margin-top:110px;}
.vr_tb {width:100%;}
.vr_tb th {color:#fff;font-size:1.7rem;padding:1rem 0;font-weight:500;border:1px solid #fff;background-color:#0b2cb9}
.vr_tb td {border:1px solid #fff;background-color:#eaeff7;font-size:1.6rem;color:#454545;padding:1rem 0;}
.vr_tb tr:nth-child(2n+1) td{background-color:#d2deef}


.tabcontent {
  display: none;
}
.vr_map {position: relative;padding-left:300px}
.vr_map .tab {width:270px;;position: absolute;left:0;top:1.5rem;}
.vr_map .tab  button {text-align:left;width:100%;padding:2rem 0;display:block;border:0;background:0;background:url('/image/sub/arrow2_1.png') 100% 50% no-repeat;border-bottom:1px solid #ddd;margin-right:16px;}
.vr_map .tab  button p:nth-child(1) {font-weight:600;color:#000;font-size:1.9rem}
.vr_map .tab  button p:nth-child(2) {color:#454545;font-size:1.7rem;margin-top:5px}
.vr_map .tab  button.active p{color:#3f68b1}
.vr_map .tab  button.active {background:url('/image/sub/arrow2_2.png') 100% 50% no-repeat;border-bottom:1px solid #3f68b1}
.tabcontent>div {border:1px solid #3f68b1;background-color:#f9f9f9;padding:1rem}

.con_tb1 {width:100%;margin-top:3rem;border:1px solid #ddd;}
.con_tb1 td {padding:1rem;border:1px solid #ddd;color:#454545;font-size:1.3rem;}
.con_tb1 th {padding:1rem 0;font-size:1.4rem;text-align:center;border:1px solid #ddd;background-color:#f3f6fa;color:#454545;font-size:1.3rem;}
.con_tb1 td:nth-child(1){background-color:#fafafa;text-align:center;}

.epcs_li {margin-left:-1rem;}

.epcs_li>li {margin-bottom:2rem;padding-left:1rem;width:25%;float:left;}
.epcs_li>li .img_dummy {border:1px solid #ddd;}
.epcs_li>li p {color:#454545;font-size:1.7rem;text-align:center;margin:1rem 0 2rem}
.epcs_li>li:nth-child(4n+1) {clear:both}


.location_bx {display:table;padding:2rem 0 ;border-bottom:1px solid #ddd;width:100%;}
.location_bx>div{display:table-cell;vertical-align: top}
.location_bx>div.bx1 {width:7%;vertical-align:middle; color:#000;padding:15px 0;font-size:2rem;line-height:2.2rem;font-weight:600;}
.location_bx>div.bx2 {line-height:2.2rem; width:93%;height:82px;vertical-align:middle; padding:15px 0;color:#454545;font-size:1.7rem;}
.location_bx2 {border-bottom:1px solid #ddd;padding:1rem 0;}
.location_bx2 li {float:left;width:50%;line-height:26px;color:#454545;font-size:1.7rem;border-right:1px solid #ddd;}
.location_bx2 li:last-child {border-right:0}
.location_bx2 li img {vertical-align: middle;}

.location_box {border:1px solid #ddd;background-color:#f9f9f9;padding:1rem;position:relative}
.location_btn {position:absolute;right:2rem;bottom:3rem;z-index: 99}
.location_btn a {color:#fff;font-size:1.6rem;background-color:#3b6bad;border-radius:50rem;padding:1rem 2rem;}

.location_bx3 li a {font-size:1.7rem;color:#0076ca;border:1px solid #0076ca;border-radius:50rem;padding:1rem 0;min-width:200px;display:inline-block}
.location_bx3 li {display:inline-block;margin:0 1rem}
.location_bx3 li.on a{font-size:1.6rem;color:#fff;background-color:#0076ca}


.sm_wrap {margin-left:-2rem}
.sm_wrap>div {width:33.33333%;float:left;padding-left:2rem;margin-top:3rem}
.sm_wrap>div .sm1 {border-bottom:3px solid #3f68b1;padding-bottom:1rem;margin-bottom:2rem}
.sm_wrap>div .sm2{color:#000;font-size:2rem;font-weight:500;}
.sm_wrap>div .sm3{display:inline-block;width:1px;height:20px;background-color:#ddd;display:inline-block;margin:1rem 0}
.sm_wrap>div .sm4 a {margin-bottom:5px;display:block;color:#454545;font-size:1.8rem;margin-bottom:1rem}

.sm_wrap>div:nth-child(3n+1) {clear:both}


.element_to_pop_up {display:none;min-width:1180px;}
.b-iframe {width:100%;height:700px}

.vr_w1 {position: relative}
.vr_w2 {position: absolute;width:100%;height:100%;display:table;width:100%}
.vr_w2>div {color:#fff;font-size:1.5rem;display:table-cell;vertical-align: middle}







