/* 公共样式类 */
/* 初始化样式 */

body{
  font-family: 'PingFang SC,Arial, sans-serif';
  background-color: #f1f0f0;
}
a{
  /* color: #ffffff; */
  text-decoration: none;
}
a:hover{
  text-decoration: none;
}
ul, li{
  list-style: none;
}
.cl-topnav li{margin-left:22px;font-size:18px;}

.bot-line{
  width: 42px;
  height: 2px;
  background-color: #212529;
}

@media (min-width: 1300px){
  .container{
    max-width: 1260px;
  }
}
@media (min-width: 992px) {
  .footer-contact{
    width: 70%;
  }
}
@media (min-width: 768px) {
  .navbar-box .navbar{
    padding: 20px 0;
  }
  .navbar-box .navbar .navbar-brand .logo{
    max-width: 200px;
  }
  .banner .banner-text{
    padding: 0;
  }
  .banner .banner-text h1{
    font-size: 40px;
  }
  .banner .banner-text span{
    font-size: 21px;
  }
  .footer-left,.footer-right{
    width: 50%;
  }
}
@media (max-width: 576px) {
  .navbar-box .navbar{
    padding: 5px 0;
  }
  .navbar-box .navbar .navbar-brand .logo{
    max-width: 200px;
  }
  .banner .banner-text{
    padding: 0 15px;
  }
  .banner .banner-text h1{
    font-size: 20px;
  }
  .banner .banner-text span{
    font-size: 14px;
  }
  .footer-left,.footer-right{
    width: 100%;
  }
  .navbar-nav{
    margin-top: 20px;
  }
}
@media (max-width: 280px) {
  .navbar-box .navbar .navbar-brand .logo{
    width: 165px;
  }
  .navbar-toggler-icon{
    width: 40px;
    height: 28px;
  }
  .banner .banner-text h1 {
    font-size: 14px;
  }
  .banner .banner-text span {
    font-size: 12px;
  }
}

/* 导航栏 */
.navbar-box{
  /*background-color: #3b61b9;*/
  background-color: #ee8220;
}
.navbar-box .navbar .navbar-brand .logo{
  margin-right: 15px
}
.navbar-dark .navbar-nav .nav-link{
  color:#ffffff;
}
.navbar-dark .navbar-nav .nav-link:hover{
  color:#f2d654;
}

/* banner */
.banner{
  width: 100%;
  padding: 0;
  position: relative;
}
.banner img{
  width: 100%;
}
.banner .banner-text{
  position: absolute;
  height: 100%;
}

/* 底部 */
.footer{
  background-color: #3b61b9;
}
.footer-nav a:hover{
  color:#f2d654;
  text-decoration: none;
}

.footer-nav h6, .footer-contact h6, .footer-ewm h6{
  font-size: 18px;
}
@media (max-width: 576px) {
	.footer-nav h6, .footer-contact h6, .footer-ewm h6{
  font-size: 16px;
}
}
.footer-nav li a{
  color: #ffffff;
}
.footer-nav li span{
  font-size: 16px;
}
.footer-nav li p{
  font-size: 14px;
  margin-left: 12px;
}

.footer-contact p{
  font-size: 14px;
}