@charset "UTF-8";

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }



/*! responsive-nav.js 1.0.39 by @viljamis */.js .nav-collapse{clip:rect(0 0 0 0);max-height:0;position:absolute;display:block;zoom:1}
.nav-collapse.opened{max-height:9999px}
.nav-toggle{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
@media screen and (min-width:40em){.js .nav-collapse{position:relative}
.js .nav-collapse.closed{max-height:none}
.nav-toggle{display:none}
}


.fixed{position:fixed;width:100%;top:0;left:0}
.nav-collapse,.nav-collapse *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.topNav {flex: 1; font-size: 0;}
/* .topNav a { display: inline-block;margin: 0 10px; padding: 20px 12px; font-size: 18px; }
.topNav a.on,.topNav a:hover { color: #005bac; border-bottom: solid 3px #005bac; font-weight: bold;} */
.fatherUl { display: -webkit-flex;  display: flex;   justify-content:  center;}
.fatherUl li {position: relative; width: 120px; text-align: center; height: 60px; line-height: 60px;}
.fatherUl li a { display: block; font-size: 18px;}
.fatherUl li.on { color: #005bac; border-bottom: solid 3px #005bac; font-weight: bold;}

.subBox { z-index: 13;overflow: hidden; display: none; position: absolute; top: 60px; left: 0; width: 100%; height:auto; background-color: rgba(216, 222, 227, .8); }
.subNav {margin:0 auto; padding-bottom: 20px; text-align: center;
background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background-image: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background-image: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background-image: linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}
.subNav > a {display: inline-block;margin: 10px 15px 0; height: 40px;line-height: 40px; font-weight: normal;}
.subNav > a:hover { color: #3a8bb5; border-bottom: solid 2px #3a8bb5;}





@media screen and (min-width:40em){.nav-collapse ul ul a{display:none}}
@font-face{font-family:responsivenav;src:url(icons/responsivenav.eot);src:url(icons/responsivenav.eot?#iefix) format("embedded-opentype"),url(icons/responsivenav.ttf) format("truetype"),url(icons/responsivenav.woff) format("woff"),url(icons/responsivenav.svg#responsivenav) format("svg");font-weight:400;font-style:normal}
.nav-toggleb{position:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;text-indent:-999px;position:relative;overflow:hidden;width:70px;height:55px;display:none}
.nav-toggleb:before{color:#f4421a;font-family:responsivenav,sans-serif;font-style:normal;font-weight:400;font-variant:normal;font-size:28px;text-transform:none;position:absolute;content:"≡";text-indent:0;text-align:center;line-height:55px;speak:none;width:100%;top:0;left:0}
.nav-toggleb.active::before{font-size:24px;content:"x"}
@media screen and (max-width:414px){
  .nav-collapse ul{flex-direction:column; padding-bottom: 20px;}
  .nav-toggleb{display:block}
  #nNav { flex-wrap: wrap; padding: 10px 0; width: 100%;}
  #nNav a { flex: 0 0 33.3%;}
  .kindToggle {  height: 30px;  }
  .kindToggle::before {line-height: 30px;}  
}

/*! responsive-nav.js 1.0.39 by @viljamis */


.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media screen and (min-width: 40em) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}