/* CSS Document */
header .pc_header{display:none;}

header{box-shadow:1px 1px 8px rgba(0,0,0,0.5); position: fixed; top:0px; left:0px; z-index: 9999999999999999999999999999999999;}
header .piad_header{display:block; width:calc(100% - 40px); height:80px;}
header .piad_header .logo{width:auto; height:60px; float: left; margin-top: 10px;}
header .piad_header .logo img{width:auto; height:100%;}
header .piad_header .nav{width:40px; height:40px; float: right; margin-top: 20px;}
header .piad_header .nav img{width:100%; height:100%;}

header .piad_header_nav{display:none;}
header .piad_header_nav{width:0%; height:0%; position: fixed; overflow: hidden; z-index: 99999999999999999; top:50%; left:50%; transform: translate(-50%,-50%);}
header .piad_header_nav.xs{display:block; width:100%; height:100%;}
header .piad_header_nav.xs{animation:piad_nav 0.5s forwards; -webkit-animation:piad_nav 0.5s forwards;}
@keyframes piad_nav{
	0%   {width:0%; height:0%;}
	100%  {width:100%; height:100%;}
	}
@-webkit-keyframes piad_nav{
	0%   {width:0%; height:0%;}
	100%  {width:100%; height:100%;}
	}
header .piad_header_nav .bj{width:100%; height:100%; background: rgba(0,0,0,0.50); position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
header .piad_header_nav .con{width:calc(100% - 40px); height:auto; position: absolute; top:10%; left:50%; transform: translate(-50%,0%);}
header .piad_header_nav .con .qxan{width:30px; height:30px; float: right; overflow: hidden; margin-right: 60px;}
header .piad_header_nav .con .qxan img{width:100%; height:100%;}
header .piad_header_nav .con ul{width:100%; height:auto;}
header .piad_header_nav .con ul li{width:100%; height:auto; text-align: center;}
header .piad_header_nav .con ul li a{color:#FFF; font-size: 1.1rem; line-height: 50px; padding: 0px 10px;}
header .piad_header_nav .con ul li.dq a{color:#003399; font-weight: bold;}