@charset "UTF-8";
body {
  min-width: 1250px;
  margin: 0px;
  padding: 0px;
}

ol, ul, li, dl, dt, dd, form, p, h1, h2, h3, h4, h5, img {
  margin: 0px;
  padding: 0px;
}

ol, ul, li {
  list-style: none;
  padding: 0;
  margin: 0;
}

img {
  border: none;
}

a {
  text-decoration: none;
  border: none;
  margin: 0;
  padding: 0;
}

a:hover {
  text-decoration: none;
}

.clear {
  clear: both;
}
/* 顶部导航 */
@media only screen and (max-width:1500px){
  .header {
    display: flex;
    align-items: center;
    height: 60px;
    width: 100%;
    position: sticky !important;
    margin-bottom: 0;
    background: #fff;
  }
  .header .logo img{
    height: 60px;
    width: 287.5px;
  }
  .header .nav-box{
    width: calc(100% - 587.5px);
    height: 60px !important;
    font-family: PingFangSC-Regular;
    color: #303133;
  }
  .header .nav-box .navbar-nav>li>a {
    height: 60px !important;
    font-size: 13px;
    padding-top: 20.5px;
    padding-bottom: 20.5px;
    font-family: PingFangSC-Regular;
    color: #303133;
  }
  .header .nav-box .navbar-nav>.active>a {
    color: #2954A4;
    background-color: unset;
  }
  .header .nav-box .navbar-nav>.active>a:after {
    content: "";
    display: block;
    position: absolute;
    left: calc(50% - 16px);
    bottom: 6px;
    width: 32px;
    height: 14.2px;
    z-index: 1;
    background: url(../images/active.png) no-repeat;
    background-size: 32px 100%;
    animation: myfirst 1s;
    -moz-animation: myfirst 1s;	/* Firefox */
    -webkit-animation: myfirst 1s;	/* Safari 和 Chrome */
    -o-animation: myfirst 1s;	/* Opera */
  }
  .header .navbar-nav>li>.dropdown-menu {
    height: auto;
    border: unset;
  }
  .header .dropdown-menu>li>a {
    padding: 12px 20px;
  }
  .header .free-test {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 30px;
    border: 1px solid #2954A4;
    border-radius: 22px;
    font-size: 13px;
  }
  .header .phone {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 220px;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    color: #303133;
  }
  .header .phone img {
    height: 12.5px;
    width: 13.6px;
    margin-right: 6px;
  }
}
@media only screen and (min-width:1500px){
  .header {
    display: flex;
    align-items: center;
    height: 72px;
    width: 100%;
    position: sticky !important;
    margin-bottom: 0;
    background: #fff;
  }
  .header .logo img{
    height: 72px;
    width: 345px;
  }
  .header .nav-box{
    width: calc(100% - 747px);
    height: 72px !important;
    font-family: PingFangSC-Regular;
    color: #303133;
  }
  .header .nav-box .navbar-nav>li>a {
    font-size: 15px;
    font-family: PingFangSC-Regular;
    color: #303133;
  }
  .header .nav-box .navbar-nav>.active>a {
    color: #2954A4;
    background-color: unset;
  }
  .header .nav-box .navbar-nav>.active>a:after {
    content: "";
    display: block;
    position: absolute;
    left: calc(50% - 16px);
    bottom: 10px;
    width: 32px;
    height: 14.2px;
    z-index: 1;
    background: url(../images/active.png) no-repeat;
    background-size: 32px 100%;
    animation: myfirst 1s;
    -moz-animation: myfirst 1s;	/* Firefox */
    -webkit-animation: myfirst 1s;	/* Safari 和 Chrome */
    -o-animation: myfirst 1s;	/* Opera */
  }
  .header .navbar-nav>li>.dropdown-menu {
    height: auto;
    border: unset;
  }
  .header .dropdown-menu>li>a {
    padding: 12px 20px;
  }
  .header .free-test {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 110px;
    height: 36px;
    border: 1px solid #2954A4;
    border-radius: 22px;
  }
  .header .phone {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    font-size: 18px;
    font-family: PingFangSC-Regular;
    color: #303133;
  }
  .header .phone img {
    height: 17.5px;
    width: 18.6px;
    margin-right: 6px;
  }
}

@keyframes myfirst
{
from {width: 0;}
to {width: 32px;}
}

@-moz-keyframes myfirst /* Firefox */
{
  from {width: 0;}
  to {width: 32px;}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
  from {width: 0;}
  to {width: 32px;}
}

@-o-keyframes myfirst /* Opera */
{
  from {width: 0;}
  to {width: 32px;}
}