*{font-family: 'Microsoft YaHei'}fieldset,img {border:0;}:focus {outline:0;}
body {
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma;
	margin:0 auto;
	position:relative;
	overflow-x: hidden;
    position: relative;
    background: url(bg.png) no-repeat center top/cover fixed;
   



}
body:before {content:'';position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;background: url(bg.png) no-repeat center top;background-size: cover;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
img{ max-width:100%;}
body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;}

.header{margin-top:10px;margin-bottom:10px;}
.header {
    opacity: 0;
    transform: translateY(-100%);
}
.header {
    transform: none;
    opacity: 1;
}
.container{ width: 100%; position: relative; }
.header-bottom{width:1530px; margin:0 auto;}
.header-bottom .container{width: 100%; }
.center{width:1400px;margin:0 auto;}
.header-list{     opacity: 1;
    transform: translateY(0%); }
.clearfloat{clear:both;height:0;line-height:0;font-size:0;}
.d_bj{background:#0053af;padding: 10px;position: fixed;bottom: 0;width: 100%;}
.center p{text-align: center;color: #FFF;font-size: 16px;}

@media( max-width: 1050px){
	.center{width:100%;margin:0 auto;}
    .logo{ width: auto; padding-top: 0px; }
    .header-bottom .container{ width: 100%; margin-top:5px; margin-bottom:5px; }
    .header{ height: auto; background-size: cover;margin-top:0px; margin-bottom:0px;}
    .logo img{width: auto ;height: 50px;}
 }
 @media( max-width: 800px){
    .d_bj{padding: 0;}
    .d_bj p{line-height: 30px;}
 }
@media( max-width: 420px){
    .logo img{width:320px;}
}