/*================================== 导航 ==================================*/

.header_nav-bar{top:0;left:0;width:100%;z-index:9990;position:absolute;min-width:1300px;}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}*{padding:0;margin:0;font-family: "微软雅黑","PingFang SC","Microsoft yahei","Helvetica Neue","Helvetica","Arial",sans-serif;font-size:14px;}
a{color:inherit;text-decoration:none;}
.container{ margin:0 auto; box-sizing:border-box;}
.float-clean{float:none;clear:both;}
.nav-bar{z-index:990; max-width:1300px; margin:20px auto 0px auto; padding:0px;}
.nav-bar .container{width:auto;}
.nav-bar .container>*{float:right;}
.nav-bar .container a{height:41px;width:199px;float:left; display:block;}
.nav-bar .container .logo{height:41px;width:199px;}
.nav-bar .container .logo img{height:41px;width:199px;}

/*导航*/
.nav-bar .container .page-btns { float:right; width:525px; margin-top:12px; margin-right:10px;}
.nav-bar .container .page-btns .page-btn{position:relative;float:left;margin-right:5px;}
.nav-bar .container .page-btns .page-btn .btn-wrapper{height:30px;line-height:30px;box-sizing:border-box;width:70px;}
.nav-bar .container .page-btns .page-btn .btn-wrapper>a{height:30px;line-height:30px;text-align:center;width:100px;display:inline-block;cursor:pointer;color:rgba(255,255,255,0.7);}
.nav-bar .container .page-btns .page-btn:hover .btn-wrapper>a{color:#fff; font-weight:600;}
.nav-bar .container .page-btns .page-btn .sub-btn-list{display:none;}
.nav-bar .container .page-btns .page-btn .sub-btn-list .pointer-area{position:absolute;top:-16px;padding-top:10px;right:0;width:100%;height:10px;text-align:center;line-height:10px}
.nav-bar .container .page-btns .page-btn .sub-btn-list .pointer-area .pointer{display:inline-block;transform:rotate(45deg);-webkit-transform:rotate(45deg);width:7px;height:7px;background-color:rgba(0,0,0,0.8);}

.nav-bar .container .page-btns .page-btn:hover .sub-btn-list{display:block;position:absolute;background-color:rgba(0,0,0,0.5);border-radius:8px;left:-85%;top:40px; text-align:center; padding:20px 8px 20px 8px;color:rgba(255,255,255,0.6);}
.nav-bar .container .page-btns .page-btn .sub-btn-list a{ color:rgba(255,255,255,0.6); height:30px; line-height:30px;}
.nav-bar .container .page-btns .page-btn .sub-btn-list a:hover{color:#fff; border:1px rgba(255,255,255,0.2) solid;border-radius:20px;height:28px; line-height:28px; background:rgba(0,102,204,1);}

.nav-bar-less800{display:none}


/*==================================header end==================================*/


@media screen and (max-width:800px)
{
	html,body,.container{width:100%;min-width:100%}
	.hidebody{height:100%;overflow:hidden}

	.nav-bar{display:none}
	
	.nav-bar-less800{display:block; width:100%;line-height:60px;background-color:#060f3a; z-index:999;}
	.nav-bar-less800 .logo{display:block; float:left; width:150px; height:31px; margin-top:10px; margin-left:10px;}
	.nav-bar-less800 .logo img{ width:150px; height:31px;}
	.nav-bar-less800 .menu,.nav-bar-less800 .menu-hide{display:none; float:right;font-size:20px;margin-right:20px;color:#cbd6e6;cursor:pointer}
	.nav-bar-less800 .menu-active{display:block}

	.menu-item-less800{top:0;left:0;width:100%;height:100%;padding:10px 20px;background-color:rgba(0,23,46,0.9);color:#cbd6e6;z-index:998;overflow:auto; display:block;}
	.menu-item-less800 .mene-item{padding:20px 0}
	.menu-item-less800 .mene-item h2{float:left; font-size:14px;margin:0 10px 10px 0;width:180px;height:40px;line-height:40px;text-align:center;background-color:rgba(255,255,255,0.1)}
}