@font-face {
    font-family: 'icomoon';
    src:  url('fonts/icomoon.eot?s3eyld');
    src:  url('fonts/icomoon.eot?s3eyld#iefix') format('embedded-opentype'),
      url('fonts/icomoon.ttf?s3eyld') format('truetype'),
      url('fonts/icomoon.woff?s3eyld') format('woff'),
      url('fonts/icomoon.svg?s3eyld#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
  }
@font-face {
  font-family: 'Proxima Nova';
  src: url('fonts/ProximaNova-Bold.eot');
  src: url('fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
  url('fonts/ProximaNova-Bold.woff') format('woff'),
  url('fonts/ProximaNova-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('fonts/ProximaNova-Regular.eot');
  src: url('fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
  url('fonts/ProximaNova-Regular.woff') format('woff'),
  url('fonts/ProximaNova-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

  [class^="icons--"]:before, [class*=" icons--"]:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .icons--1:before {
    content: "\e907";
    color: #336b9b;
  }
  .icons--2:before {
    content: "\e908";
    color: #336b9b;
  }
  .icons--3:before {
    content: "\e909";
    color: #336b9b;
  }
  .icons--4:before {
    content: "\e90a";
    color: #336b9b;
  }
  .icons--5:before {
    content: "\e90b";
    color: #336b9b;
  }
  .icons--6:before {
    content: "\e90c";
    color: #336b9b;
  }
  .icons--7:before {
    content: "\e90d";
    color: #336b9b;
  }
  .icons--8:before {
    content: "\e90e";
    color: #336b9b;
  }
  .icons--9:before {
    content: "\e90f";
    color: #336b9b;
  }
  .icons--10:before {
    content: "\e910";
    color: #336b9b;
  }
  .icons--11:before {
    content: "\e911";
    color: #336b9b;
  }
  .icons--12:before {
    content: "\e912";
    color: #336b9b;
  }
  .icons--13:before {
    content: "\e913";
    color: #336b9b;
  }
  .icons--14:before {
    content: "\e914";
    color: #336b9b;
  }
  .icons--15:before {
    content: "\e915";
    color: #336b9b;
  }
  .icons--16:before {
    content: "\e916";
    color: #336b9b;
  }
  .icons--17:before {
    content: "\e917";
    color: #336b9b;
  }
  .icons--18:before {
    content: "\e918";
    color: #336b9b;
  }
  .icons--19:before {
    content: "\e919";
    color: #336b9b;
  }
  .icons--20:before {
    content: "\e91a";
    color: #336b9b;
  }


.maup_numbers{
    width: 100%;
    display: flex;
    /*font-family: 'Proxima Nova';*/
}
.maup_numbers>div{
    width: 33.333%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    height: 300px;
    line-height: 1.2;
    color: #fff
}

.maup_numbers>div img{
    display: block;
    height: 50px;
    width: auto;
}

.maup_numbers>div p{
    width: 100%;
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    margin: 0
}

.maup_numbers>div p span{
    font-weight: normal;
    font-size: 21px;
    display: block;
    text-transform: uppercase;
}

.maup_numbers-d1{background-color: #004682}
.maup_numbers-d2{background-color: #0064B4;}
.maup_numbers-d3{background-color: #0096F0;}


.type_edu{
    display: flex;
    /*font-family: 'Proxima Nova';*/
}

.type_edu>div{
    width: 25%;
    height: 230px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.type_edu>div img{
    height: 58px;
    margin-bottom: 18px;
}
.type_edu>div span{
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #282828;
    font-size: 18px;
    font-weight: bold;
    position: relative;
}
.type_edu>div a{
    display: block;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -23px;
    font-size: 12px;
}

.type_edu .type_item1{background-color: #E5E8ED;}
.type_edu .type_item2{background-color: #EEF0F3;}
.type_edu .type_item3{background-color: #F6F7F9;}
.type_edu .type_item4{background-color: #FCD670;}


.spec{
    margin-top: 58px;
    color: #282828;
    font-size: 18px;
    padding-bottom: 48px;
    border-bottom: 1px solid #DFDFDF;
    /*font-family: 'Proxima Nova';*/
}

.spec .title{
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
}

.spec small{
    font-size: 18px;
    text-align: center;
    display: block;
}
.spec_list{
    display: flex;
    margin-top: 50px;
    margin-bottom: 50px;
}
.spec_list .spec_list-item{
    width: 33.333%;

}

.spec_list-item span{
    display: block;
    text-align: center;
    max-width: 85%;
    margin-left: auto;
    margin-right: auto
}
.spec_list-item span + span{
    margin-top: 18px;
}

.spec_list-item span:before{
    vertical-align: middle;
    margin-right: 6px;
}

.spec_list-item:nth-child(2){
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
}

.spec p{
    text-align: center;
    width: 100%;

}

.spec p a{
    color: #336B9B;
    text-decoration: none;
    border-bottom: 0.5px solid #336B9B;
}

.spec_list-item span:before{position: relative;top: -1px;}


header .header{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;

  justify-content: space-between;
}

.top-tel{
  position: static;
  text-align: right;
}

.h_slogan{
  font-size: 21px;
  /*font-family: "Proxima Nova";*/
  color: #00BAFA;
  font-weight: bold;
  text-align: center;
  line-height: 1.24;
}


.icon-span{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.icon-span img{
  height: 15px
}


@media (max-width: 767px){
    .h_slogan{text-align: right;}
    .spec{margin-top: 48px;}
    .spec_list{margin: 36px 0}
    .maup_numbers,
    .spec_list{display: block;}
    .maup_numbers>div{
        width: 100%;
        flex-wrap: nowrap;
        padding-left: 30%;
        box-sizing: border-box;
        justify-content: flex-start;
        height: 140px;
    }
    .maup_numbers>div p{
        width: auto;
        margin-left: 40px;
        text-align: left;
    }


    .type_edu{flex-wrap: wrap;}
    .type_edu>div{width: 50%;height: 160px;}


    .spec_list .spec_list-item{width: 100%;}
    .spec_list-item:nth-child(2){border: none}

    .spec_list-item+.spec_list-item,
    .spec_list-item span + span{margin-top: 14px;}
    .spec_list-item span{max-width: 100%}
}


@media (max-width: 480px){
    .maup_numbers>div{padding-left: 40px;}
    .h_slogan{font-size: 20px;}
    .logo{width: 180px}
    .logo img{max-width: 100%}
}


@media screen and (max-width: 425px){

}


.jq-selectbox li{
    white-space: normal;
}