@charset "UTF-8";

/* Header */

#header {width: 100%; height: 90px; position: relative; background-color: #ffffff; z-index: 99;}
.header_wrap {width: 1200px; height: 90px; margin: 0 auto;}
.header_logo {width: 450px; height: 90px; float: left;}
.header_logo a {padding: 4px 0 0 40px; display: block;}
.nav_wrap {width: 750px; height: 90px; float: left; position: relative; padding-left: 162px;}

.nav {display: inline-block; width: auto; height: 90px; float: left;}
.nav li {display: block; float: left; position: relative;}
.nav li a {display: block; padding: 34px 51px 28px 51px; font-size: 19px; font-weight: 500; transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease;}
.nav>li:hover>a {background-color: #0c98d7; color: #ffffff;}

.subnav {position: absolute; top: 90px; background-color: #ffffff; width: 100%; padding: 12px 0; display: none;}
.subnav li {float: none; width: 100%;}
.subnav li a {font-size: 16px; text-align: center; padding: 6px 10px; width: 100%; height: auto; font-weight: 400; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none;}
.subnav li a:hover {color: #0c98d7; text-decoration: underline; }


.allNav_trg {width: 26px; height: 28px; float: left; position: relative;  cursor: pointer; margin: 35px 0 0 20px;}
.allNav_trg span {display: block; width: 20px; height: 2px; background-color: #333333; position: absolute; top: 13px; left: calc(50% - 10px); transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease;}
.allNav_trg span:before {content: ""; position: absolute; width: 24px; height: 2px; background-color: #333333; top: -8px; left: calc(50% - 12px); transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease;}
.allNav_trg span:after {content: ""; position: absolute; width: 24px; height: 2px; background-color: #333333; top: 8px; left: calc(50% - 12px); transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease;}

.allNav_trg.on {z-index: 101;}
.allNav_trg.on span:before {width: 30px; height: 2px; background-color: #ffffff; transform: rotate(45deg); top: 0; transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease;}
.allNav_trg.on span:after {width: 30px; height: 2px; background-color: #ffffff; transform: rotate(-45deg); top: 0; transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease;}
.allNav_trg.on span {background-color: transparent; transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease;}




.allNav_wrap {background-color: #0c98d7; text-align: center; top: -90px; position: relative; display: none; z-index: 100;}
.allNav {width: 1000px; height: auto; margin: 0 auto; display: inline-block;}
.allNav>li {width: 25%; height: auto; padding: 50px 20px 30px 20px; float: left;}
.allNav>li>a { font-size: 24px; font-weight: 600; color: #ffffff; position: relative;}
.allNav>li>a:after {content: ""; visibility: visible;; position: absolute; top: 45px; left: calc(50% - 75px); width: 150px; height: 2px; background-color: #ffffff; z-index: 100;}
.allNav_wrap .subnav {display: block; background-color: transparent; position: relative; top: 0; margin-top: 20px;}
.allNav_wrap .subnav li a {color: #ffffff; font-size: 18px; line-height: 37px;}

.allNav li a:hover {color: rgba(255, 255, 255, 0.85); text-decoration: none;}




/* Footer */

#footer {width: 100%; height: auto; background-color: #444444; padding: 35px 0 40px 0;}
.footer_wrap {width: 1200px; height: auto; margin: 0 auto; }
.footer_link span a {color: #dddddd; font-size: 17px; padding: 0 20px; border-right: 1px solid #cccccc;}
.footer_link span:last-child a {border-right: 0;}
.footer_wrap address {margin-top: 25px; font-size: 17px; color: #bbbbbb;  line-height: 26px; padding-left: 20px;}
.footer_wrap .copyright {margin-top: 8px; font-size: 17px; color: #bbbbbb; padding-left: 20px;}