@charset "utf-8";

/* s_visual */
#sub_top_Wrap{}

.s_visual { position:relative;width:100%; margin: 0 auto; height:260px; line-height:1.4; box-sizing:border-box;overflow:hidden; background:no-repeat center center; background-size:cover; }
.s_visual .inner{height: 100%;}
.s_visual .inner .txt_box{position: absolute; bottom: 150px;}
.s_visual .s_visual_in { position:relative; display:table; width:94%; height:100%;  z-index:2; max-width:1280px; margin: 0 auto;}
.s_visual .sv_tit { display:table-cell; box-sizing:border-box; color:#fff; vertical-align:middle; text-align: center;}
.s_visual .sv_tit h2 {font-size: 3.6rem; font-weight: 600; line-height: 1em;}
.s_visual .sv_tit p {font-size: 1.4rem; font-weight: 400; margin-top: 2rem;}



/* Sub-Menu */
/*
.sub_menu_wrap .m_2dep_box .smenu{display:block}
.sub_menu_wrap .m_2dep_box li {position:relative; display:inline-block; color:#686868; padding:0 30px; font-size: 1em; }
.sub_menu_wrap .m_2dep_box li:before{content:""; width:1px; height:12px; background:#e5e5e5; position:Absolute; left:0; top:50%; margin-top:-6px;}
.sub_menu_wrap .m_2dep_box li:first-child:before{display:none;}
.sub_menu_wrap .m_2dep_box li.s_on{color:#002358; }
.sub_menu_wrap .m_2dep_box li a.on{ color:#002358; }

.sub_menu_wrap{width:100%; max-width: 1920px;  height:60px;  line-height:60px; margin:-30px auto 0; padding:0; position:relative; font-weight:400; box-sizing:border-box; z-index:10; }
.sub_menu_wrap .s-inner{background: #fff; margin: 0 auto; max-width: 1280px; height: 60px; width: 100%; border-bottom: 1px solid #ddd;  border-right: 1px solid #ddd;}
.sub_menu_wrap .m_home a{position:static; display:block; width:60px; height:60px; float:left; background: url("/images/sub/ico_home.png"); border:0; background-size: 100% auto; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #ddd;}
.sub_menu_wrap .m_dep_box{display:block; width:330px; float:left; border-right:1px solid rgba(255,255,255,0.3); text-align:left; cursor:pointer;height:60px; line-height:60px; border-right:1px solid #e5e5e5; font-size: 1.7rem; }
.sub_menu_wrap .m_dep_tit {display:block; background:url('/images/sub/arrow_down.png') no-repeat 90% center; height:60px; line-height:60px; color:#333333; box-sizing:border-box; padding:0 15px 0 35px; cursor:pointer;}
.sub_menu_wrap .m_dep_box .smenu{ display:none; width:calc(100% + 2px); margin-left:-1px; background:#f9f9f9; box-sizing:Border-box; border:1px solid #ddd; border-top:0;}
.sub_menu_wrap .m_dep_box .smenu li {margin:0; width:100%; display:block; box-sizing:border-box;  border-top:1px dotted #ddd; padding:0;}
.sub_menu_wrap .m_dep_box .smenu li:hover{}
.sub_menu_wrap .m_dep_box .smenu li:hover a { border:0; color: #EE3335;}
.sub_menu_wrap .m_dep_box .smenu li a.on{color:#EE3335; border:0; }
.sub_menu_wrap .m_dep_box .smenu li:first-child{border-top:0;}
.sub_menu_wrap .m_dep_box .smenu a{ color:#333; display:block; width:100%;  padding:1em 15px; box-sizing:border-box; line-height:normal; font-size: 0.9em;}
.sub_menu_wrap .m_2dep_box li:before{display:none;}
*/

@media all and (min-width:1281px){
.sub_menu_wrap {width:100%; height:60px; line-height:60px; margin: 0 auto; max-width: 100%; position:relative; font-weight:400; box-sizing:border-box; z-index:14; background: transparent; margin-top: -30px;}
.sub_menu_wrap .m_dep_tit,
.sub_menu_wrap .m_1dep_box,
.sub_menu_wrap br{display:none;}

.sub_menu_wrap .m_home{position:static; display:block; width:80px; height:80px; float:left; background:#002358 url("/images/sub/ico_home.png"); border:0; background-size: 100% auto; display: none;}
.sub_menu_wrap .m_2dep_box {text-align:center; width:100%; }
.sub_menu_wrap .m_2dep_box .smenu{display:block; background-color: #fff; border: 1px solid #e5e5e5;}
.sub_menu_wrap .m_2dep_box li {position:relative; display:inline-block; color:#686868; width: 14%; font-size: 1em; font-weight:400;}
.sub_menu_wrap .m_2dep_box li:first-child:before{display:none;}
.sub_menu_wrap .m_2dep_box li a{color: #666; font-size: 1.6rem; font-weight: 500;}
.sub_menu_wrap .m_2dep_box li.s_on{background-color: #ea4b26;}
.sub_menu_wrap .m_2dep_box li a{display: block; width: 100%; height: 100%;}
.sub_menu_wrap .m_2dep_box li a.on{ color:#fff;}
}

@media all and (max-width:1280px){
    .sub_menu_wrap .s-inner{width: 100%;}
    /* Sub-Menu */
    .sub_menu_wrap .m_2dep_box .smenu{display:block}
    .sub_menu_wrap .m_2dep_box li {position:relative; display:inline-block; color:#686868; padding:0 30px; font-size: 1em; }
    .sub_menu_wrap .m_2dep_box li:before{content:""; width:1px; height:12px; background:#e5e5e5; position:Absolute; left:0; top:50%; margin-top:-6px;}
    .sub_menu_wrap .m_2dep_box li:first-child:before{display:none;}
    .sub_menu_wrap .m_2dep_box li.s_on{color:#002358; }
    .sub_menu_wrap .m_2dep_box li a.on{ color:#002358; }

    .sub_menu_wrap{width:100%; max-width: 1920px;  height:60px;  line-height:60px; margin:-30px auto 0; padding:0; position:relative; font-weight:400; box-sizing:border-box; z-index:10; }
    .sub_menu_wrap .s-inner{background: #fff; margin: 0 auto; max-width: 1280px; height: 60px; width: 100%; border-bottom: 1px solid #ddd;  border-right: 1px solid #ddd;}
    .sub_menu_wrap .m_home a{position:static; display:block; width:60px; height:60px; float:left; background: url("/images/sub/ico_home.png"); border:0; background-size: 100% auto; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #ddd;}
    .sub_menu_wrap .m_dep_box{display:block; width:330px; float:left; border-right:1px solid rgba(255,255,255,0.3); text-align:left; cursor:pointer;height:60px; line-height:60px; border-right:1px solid #e5e5e5; font-size: 1.7rem; }
    .sub_menu_wrap .m_dep_tit {display:block; background:url('/images/sub/arrow_down.png') no-repeat 90% center; height:60px; line-height:60px; color:#333333; box-sizing:border-box; padding:0 15px 0 35px; cursor:pointer;}
    .sub_menu_wrap .m_dep_box .smenu{ display:none; width:calc(100% + 2px); margin-left:-1px; background:#f9f9f9; box-sizing:Border-box; border:1px solid #ddd; border-top:0;}
    .sub_menu_wrap .m_dep_box .smenu li {margin:0; width:100%; display:block; box-sizing:border-box;  border-top:1px dotted #ddd; padding:0;}
    .sub_menu_wrap .m_dep_box .smenu li:hover{}
    .sub_menu_wrap .m_dep_box .smenu li:hover a { border:0; color: #EE3335;}
    .sub_menu_wrap .m_dep_box .smenu li a.on{color:#EE3335; border:0; }
    .sub_menu_wrap .m_dep_box .smenu li:first-child{border-top:0;}
    .sub_menu_wrap .m_dep_box .smenu a{ color:#333; display:block; width:100%;  padding:1em 15px; box-sizing:border-box; line-height:normal; font-size: 0.9em;}
    .sub_menu_wrap .m_2dep_box li:before{display:none;}
}
@media all and (max-width:720px){
    .sub_menu_wrap{height: 50px;}
    .sub_menu_wrap .s-inner{height: 50px;}
    .sub_menu_wrap .m_home a{height: 50px; width: 50px;}
    .sub_menu_wrap .m_dep_box{width: calc(50% - 25px); height: 50px;}
    .sub_menu_wrap .m_dep_tit{padding-left: 5%; font-size: 1.5rem; height: 50px; line-height: 50px;}
}


#subTitle{font-size: 3.2rem; text-align: center; font-weight: 600; color: #333333; padding: 70px 0;}

@media all and (max-width:999px){
    #subTitle{padding: 7% 0;}
}
@media all and (max-width:640px){
    #subTitle{padding: 10% 0;}
}