@charset "utf-8";
*{ font-family: "微软雅黑"; font-size: 14px; line-height: 1.8; margin: 0 auto; padding: 0px;}
ul,li,ol{ list-style: none;}
a{color: #666;}
a,a:hover,a:link,a:active,a:visited{ text-decoration: none;}
a:hover{color: #e70012;}
a{ -webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;outline: 0;cursor: pointer;}
img{ max-width: 100%; height: auto;}
em{font-style: normal;font-weight: normal;}
body{position: relative;}
.pull-left{float: left;}
.pull-right{float: right;}
.clear{clear: both;}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.navbar-light .navbar-toggler{border-color: white;margin-right: 10px;}
.navbar-light .navbar-toggler span{color: white;}
.bi-list::before{font-size: 28px;}
/*header*/
.nvtop .p{font-size: 14px;background: url(../images/top-bg.jpg) no-repeat center center;color: #ffffff;height: 35px;line-height: 35px;margin: 0;}
.nvtop .p div{line-height: 35px;}
.navbar{background: #1f1a17;padding: 0;}
.navul li a{color: #fff;padding: 14px 0;}
.navul .active a,.navul li a:hover{background: url(../images/menu-bg2.png) no-repeat center center;background-size: auto;background-size: 100% 100%;}

.navlb{position: relative;}
.navlb .navdown{position: absolute;width: 100%;background: white;opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);z-index: 999;padding: 0;}
.navopen:hover .navdown{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}

.navdown{box-shadow: 0 6px 12px rgb(0 0 0 / 18%);border: 1px solid rgba(0,0,0,.15);border-radius: 4px;border-top-left-radius: 4px;  border-top-right-radius: 4px;-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);}
.navdown a{display: block;padding: 14px 0px!important;clear: both;font-weight: 400;line-height: 1.42857143;color: #333!important;white-space: nowrap;}
.navdown a:hover{background: #e70012!important;color: white!important;}



.use{text-align: center;padding: 20px 0px 40px;}
.use h3{font-size: 52px;font-weight: bold;}
.use p{font-size: 24px;color: #000;font-family: "Arial";text-transform: uppercase;margin: 0;}
.use span{display: block;width: 150px;height: 2px;background: #e70012;margin: 0 auto;}
.black .use,.black .use p{color: white;}
.black{background: black;padding-bottom: 5rem;}

/*footer*/
footer{background: #101010;padding-bottom: 3rem;color: rgba(255,255,255,0.7);font-size: 16px;}
footer a,footer p{color: rgba(255,255,255,0.7);font-size: 16px;}
.headft{padding-top: 3rem;}
.headft a{display: inline-block;border-right: 1px solid #fff;padding-right: 10px;margin-right: 10px;height: 18px;line-height: 18px;}
.headft a:last-child{border-right: none;margin-right: 0;}
.fttop{background: url(../images/foot-bg.jpg) no-repeat left;padding-top: 2rem;}
.ftright{text-align: center;padding-top: 3rem;}
.ftright .pull-left{width: 35%;margin: 0px 15px;}
.ft{background: #222222;padding: 50px 0;}
.ft img{width: 25%!important;}
.ft .pull-left{width: 70%;color: white;padding-left: 10px;}
.ft span{display: block;font-size: 16px;}
.ft .dz img{width: 16.3%!important;}
.ft .row div + div{border-left: 1px solid #666;}


@media (max-width: 767px) {
  .hidden-xs {display: none !important;}


  .navul{padding: 0;margin: 0;}
  .navbar .container{padding: 0;}
  .navul a{display: block;text-align: center;font-size: 16px;}
  header{position: fixed;z-index: 999;width: 100%;}
  .hed-45{height: 45px;}


}

@media(max-width: 991px){
    .height-45{height:45px;}
    .footer_nav{ position: fixed; bottom: 0px; left: 0px; background: #527EBB; width: 100%; z-index: 999; }
    .footer_nav ul{padding: 0;margin: 0;}
    .footer_nav ul li a{color: white;padding: 10px 0px;display: block;}
    .footer_nav ul li:nth-child(2){background: #CE4451;}
}



@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {display: none !important;}
}



@media (min-width:992px){
  /*header*/
  header .navul{display: flex;width: 100%;text-align: center;margin-bottom: 0;}
  header .navul>li{flex: 1;float: left;}
  header .navul>li>a{font-size: 18px;display: block;}
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {display: none !important;}

}

@media (min-width: 1200px) {
  .hidden-lg {display: none !important;}
}