@charset "utf-8";

.nav-wap{ display:none;}




/*======媒体响应======*/
@media (min-width:760px){/*笔记本电脑*/
  .container-B{width:760px;margin: auto}
  .container{width:100%;padding:0 50px;}
}


@media (min-width:1200px){/*普通电脑*/
  .container-B{width:1200px;margin: auto}	
  .container{width:100%;padding:0 50px;}
}



@media (min-width:1920px){/*大屏电脑*/
  .container-B{width:1200px;margin: auto}
  .container{width:100%;padding:0 50px;}
}




@media (max-width:760px){/*手机*/
  .container-B{width:100%;margin: auto}
  .kefuBox-One{ display: none}  
  .bdshare-slide-button{ display:none;z-index:-111;left:-200px;width:0px;height:0px;}
  
 
  
/*导航*/  
.nav-wap{/*! position: relative; */ width: auto; display: inline-block; border: none;}
.nav-wap .btn-nav{position: absolute;top: 15px;right: 10px;background: transparent;border: none;/* padding: 10px; */-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;cursor: pointer;z-index: 99999;}
.nav-wap .btn-nav:focus{outline: 0;}
.nav-wap .icon-bar{display: block;margin: 6px 0;width: 30px;height: 4px;background-color: #666;}
.nav-wap .btn-nav:hover .icon-bar{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #FCA311;}
.nav-wap .animated{display: block; margin: 0 auto;}
.nav-wap .animated:hover .icon-bar,
.nav-wap .animated:focus .icon-bar{background-color: #FCA311;}
.nav-wap .animated:focus{cursor: pointer; z-index: 9999;}
.nav-wap .middle{margin: 0 auto;}
.nav-wap .icon-bar{-webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999;}
.nav-wap .animated .icon-bar{z-index: 999999; background-color: #FCA311;}
.nav-wap .animated .top{-webkit-transform: translateY(9px) rotateZ(45deg);-moz-transform: translateY(9px) rotateZ(45deg);-ms-transform: translateY(9px) rotateZ(45deg);-o-transform: translateY(9px) rotateZ(45deg);transform: translateY(9px) rotateZ(45deg);}
.nav-wap .animated .bottom{-webkit-transform: translateY(-11px) rotateZ(-45deg); -moz-transform: translateY(-11px) rotateZ(-45deg); -ms-transform: translateY(-11px) rotateZ(-45deg); -o-transform: translateY(-11px) rotateZ(-45deg); transform: translateY(-11px) rotateZ(-45deg);}
.nav-wap .animated .middle{width: 0;}
.nav-wap-content{position: fixed;top: -100%;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.8);display: block;height: 100%;z-index: 9;}
.nav-wap-content .nav-wap-list{float:none;margin:0px;padding:0px;list-style: none;padding: 0;position: relative;top: 10%;width: 100%;}
.nav-wap-content .nav-wap-list li,.header .nav-wap-content .nav-wap-list li{float:none;padding:0px;margin: 10px auto;text-align: center;width: 100%;display: block;}
.nav-wap-content .nav-wap-list li a,.header .nav-wap-content .nav-wap-list li a{color: #fff;font-size: 18px;text-transform: uppercase;position: relative;text-decoration: none;padding: 5px;}
.nav-wap-content .nav-wap-list li.active a,.nav-wap-content .nav-wap-list li:hover a{color:#FCA311}
.nav-wap-content .nav-wap-list li a:before{ display:none;}
.showNavWap{animation: showNavWap 1s ease forwards;}
.hideNavWap{animation: hideNavWap 1s ease forwards;}
.header .hidden{display: none;}
@keyframes showNavWap{from{top: -100%;} to{top: 0;}}
@keyframes hideNavWap{from{top: 0;} to{top: -100%;}}

}