body {position: relative;}


header {;position: absolute;left: 0;top: 0;width: 100%;z-index: 99999;overflow: hidden;}
header:after {background: rgba(255,255,255,0.4);position: absolute;right: 0;bottom: 0;width: 1060px;height: 2px;z-index: 99;content: '';display: block;}
header:before {background: rgba(0,0,0,0.5);position: absolute;right: 0;top: 80px;width: 1210px;height: 100%;z-index: 99;content: '';display: block;}
/*header .headerBoarder{border-bottom: 1px solid rgba(255,255,255,0.2);position: absolute;left: 0;top: 78px;width: 100%}*/
header .headerWrap{position: relative;z-index: 100}
header .headerWrap h1 {display: inline-block;}
header .headerWrap .logoWrap img{padding: 3px 20px 0 43px}
header .headerWrap nav{float: right;}
header .headerWrap nav a{color: #fff}
header .headerWrap nav a:hover{color: #286acf}
header .headerWrap nav > ul{display: inline-block;padding: 27px 0 0;}
header .headerWrap nav > ul > li{float: left;}
header .headerWrap nav > ul > li > a{font-size: 15.5px;padding: 8px 30px 6px;line-height: 100%;margin-bottom: 20px;display: inline-block;letter-spacing: 0.5px}
header .headerWrap nav > ul > li > ul{width: 100%;padding-left: 30px;overflow: hidden;-webkit-transition: max-height 0.5s ease-in-out;-moz-transition: max-height 0.5s ease-in-out;-o-transition: max-height 0.5s ease-in-out;transition: max-height 0.5s ease-in-out;max-height: 0}
header .headerWrap nav:hover > ul > li > ul{max-height: 255px;padding-bottom: 15px}
header .headerWrap nav > ul > li > ul > li{width:70px; line-height:16px;}
header .headerWrap nav > ul > li > ul > li:nth-of-type(1){margin-top: 10px}
header .headerWrap nav > ul > li > ul > li > a{font-size: 13.5px;word-break: keep-all;padding: 5px 0;display: inline-block;}
header .headerWrap nav .button{display: inline-block;vertical-align: top;background: rgba(255,255,255,0.8);color: #fff;padding: 27px 29px 27px 28px;border: none;margin-left: 20px;cursor: pointer;}
header .headerWrap nav .button:hover{background: #2F3F8F}
header .headerWrap nav .button .pc_ico{margin-right: 10px;display: inline-block;vertical-align: middle;}
header .headerWrap nav .button span{vertical-align: middle;display: inline-block;color: #000;font-size: 16px; font-weight:bold;}
header .headerWrap nav .button .mobile_ico {display: none;}
header .headerWrap nav .menu_button,header .headerWrap nav .close_button {display:none;}
/* HEADER ADD CSS */
.reser_call{margin: 2% 0 2% 0;}
.reser_call  .tel_link{color: #000;}

section.subNav{border-bottom: 1px solid #e5e5e5;}
section.subNav ul{}
section.subNav ul li{float: left;border-left: 1px solid #e5e5e5}
section.subNav ul li:nth-last-of-type(1){border-right: 1px solid #e5e5e5}
section.subNav ul li a{font-size: 16px;color: #555;padding: 25px 25px 25px;display: inline-block;}
section.subNav ul li:hover,
section.subNav ul li.on {border-color: #000}
section.subNav ul li:hover a,
section.subNav ul li.on a { color: #fff; background: #000;}

footer {background: #222831;padding: 100px 0 65px}
footer .companyInfoWrap {display: inline-block;vertical-align: top;width: 37%;box-sizing:border-box;text-align: center;}
footer .companyInfoWrap .companyInfo{display: inline-block;text-align: left;}
footer .companyInfoWrap p{font-size: 14px;color: #aeaeae;line-height: 100%;margin: 16px 0;word-break: keep-all;}
footer .companyInfoWrap p a{font-size: 14px;color: #aeaeae;line-height: 100%;margin: 16px 0;word-break: keep-all;}
footer .companyInfoWrap p.mb-40{margin-bottom: 40px}
footer .companyInfoWrap p span{color: #fff}
footer .contactInfoWrap {display: inline-block;vertical-align: top;width: 20%;box-sizing:border-box;text-align: center;border-left: 1px solid #393939;border-right: 1px solid #393939}
footer .contactInfoWrap .contactInfo{display: inline-block;text-align: left;padding-bottom: 20px}
footer .contactInfoWrap .contactInfo .title{font-size: 20px;color: #aeaeae;line-height: 100%}
footer .contactInfoWrap .contactInfo .title small{font-size: 14px;display: block;color: #666666;margin-top: 5px}
footer .contactInfoWrap .contactInfo .number{color: #fff;font-size: 25px;letter-spacing: 0.5px;margin-top: 15px;line-height: 100%}
footer .contactInfoWrap .contactInfo .number.mb{margin-bottom: 43px}
footer .mapInfo {display: inline-block;vertical-align: top;width: 42%;box-sizing:border-box;text-align: center;}
footer .mapInfo .trafficWrap{display: inline-block;text-align: left;max-width: 355px;width: 65%}
footer .mapInfo .trafficWrap .title{font-size: 20px;color: #aeaeae;margin-bottom: 15px}
footer .mapInfo .trafficWrap img{}
footer .mapInfo .gotoTopWrap{display: inline-block;text-align: left;padding-right: 0;padding-left: 60px;text-align: center;vertical-align: top;padding-top: 35px}
footer .mapInfo .gotoTopWrap p{color: #aeaeae;font-size: 15px;margin-bottom: 9px}