/*头部信息*/
header{clear:both;width:100%;height:auto;padding:0;z-index:1000;position:fixed;left:0;right:0;top:0;display:flex;align-items: flex-start;justify-content: center;background:rgba(255,255,255,1);}/*------------------------*/

header .header{width:1200px;height:90px;margin:0 auto;position:relative;display:flex;align-items:flex-end;justify-content: space-between;padding:0 30px 20px 0;}
header .header .logo img{width:100%;}

menu{width:100%;height:50px;line-height:50px;background:#d7000f;margin:90px 0 0;position:fixed;z-index:1000;top:0;left:0;right:0;}
menu ul{width:1200px;display:flex;align-items:center;justify-content: space-between;margin:0 auto;}
menu li{font-size:15px;padding:0;font-weight:350;height:50px;position:relative;width:100%;text-align:center;}
menu li a{line-height:50px;display:block;position:relative;color:#fff;}
menu li a.active{color:#fff;background:#f9222f;}
menu li a:hover{color:#fff;background:#f9222f;}
menu dl{
    position:absolute;
    left:0;
    top:50px;
    z-index:888;
    background:#ccc;
    padding:5px 20px;
            box-shadow: 0 0 15px rgba(0,0,0,0.2);
       -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);
}
menu dl:hover .navli{color:#f9222f !important;}
menu dt{clear:both;min-width:180px;text-align:left;}
menu dt a{display:block;color:#000;font-size:13px;height:35px;line-height:35px;}
menu dt a:hover{color:#f9222f;background:none;}
/*弹出菜单导航*/
.navigation{position:absolute;right:0;bottom:20px;z-index:1;color:#000;}

@media screen and (max-width: 1440px) {
	header .header{width:100% !important;height:60px !important;padding:0 40px 0 20px;align-items:center;}
	menu{margin:60px 0 0;}
	.navigation{right:20px;bottom:23px;}
}
@media screen and (max-width:1200px) {
    header .header{align-items: center;}
    header .header .logo{height:35px;}
    header .header .logo img{width:auto;height:35px;}
    menu{display:none;} 
    .navigation{right:20px;bottom:15px;}
    .navigation i{color:#f9222f;font-size:20px;}
}
@media screen and (max-width:960px) {
    header{position:relative;}
}
/*底部信息*/
footer{
    clear:both;
    width:100%;
    height:auto;
    overflow: hidden;
    display:block;
    background:#cc0a18;
    position: relative;
}/*------------------------*/
footer .footer{width:1200px;height:auto;overflow:hidden;margin:0 auto;padding:20px 0;}
footer .footer .nav{clear:both;display:block;text-align:center;width:100%;line-height:30px;padding:10px 0;border-bottom:rgba(255,255,255,0.3) solid 1px;}
footer .footer .nav a{border-left:rgba(255,255,255,0.3) solid 1px;padding:0 15px;color:#fff;}
footer .footer .nav a:first-child{border:none;}

footer .footer .info{display:flex;align-items:center;justify-content: space-between;border-bottom:rgba(255,255,255,0.3) solid 1px;padding:15px 0 ;}
footer .footer .info .information b{font-size:20px;color:#fff;padding:0 0 10px;display:block;}
footer .footer .info .information dd{display:flex;align-items:center;justify-content: space-between;color:#fff;line-height:26px;}
footer .footer .info .information dd span:first-child{padding-right:20px;}

footer .footer .copy{width:100%;padding:10px 0;text-align:center;line-height:20px;display:flex;align-items: center;justify-content: space-between;color:#fff;font-size:12px;}
footer .footer .copy a{color:#fff;}
@media screen and (max-width: 1200px) {
    footer{padding:20px;}
    footer .footer{width:100%;padding:0;}
    footer .footer .info{display:block;text-align:center;}
    footer .footer .info .information dd{display:block;}
    footer .footer .info .information dd span{display:block;}
    footer .footer .copy{display:block;font-size:12px;}
    footer .footer .copy span{display:block;width: 100%;}
    
}
/*Banner框架*/
banner{clear:both;width:100%;height:auto;display:block;text-align:center;position:relative;margin:0 auto;overflow:hidden;}
banner .img{width:100%;}
banner .adver{position:absolute;z-index:100;left:50%;top:50%;transform:translate(-50%,-50%);}
banner .pageadver{position:absolute;width:260px;z-index:100;left:50%;top:60%;transform:translate(-50%,-50%);}
banner .adver,banner .pageadver img{width:100%;}
@media screen and (max-width: 1200px) {
    banner .adver{width:40%;height:auto;}
    banner .adver img{width:100%;}
    banner .pageadver{width:30%;top:45%;}
}
/*内容框架*/
wrapper{clear:both;width:100%;height:auto;padding:15px 0 ;display:block;background:url("../images/pagebg.png") no-repeat center top;background-size:100% auto;position:relative;z-index:100;}/*------------------------*/
@media screen and (max-width: 1200px) {
    wrapper{width:100%;}
}