.footer{background: #333;height:50px;position: relative;}
.footer ul{float: left;width:950px;}
.footer ul li{float: left;width:118px;color:#fff;font-size:16px;line-height: 50px;}
.footer ul li a{color:#fff;}
.footer ul li a:hover{color: #c00;}
.footer-q{float: right;}
.footer-q:hover>div{display: block;}
.footer-q span{font-size:16px;color:#fafafa;line-height: 50px;cursor: pointer; background:url(../images/tu10.png) no-repeat 70px 10px;padding-right:20px;}
.footer-q>div{display: none;height:310px;background: #222;width:100%;z-index: 999; position: absolute;right:0;top:50px;bottom:0;left:0;padding-top: 50px;}
.footer-q .footer-q1{width:1200px;margin:auto; background:#222;padding:0px 0;}
.footer-q .footer-q1 a{display: block;float: left;margin:10px;overflow: hidden;}
.footer-q .footer-q1 a img{width:180px;height: 110px;transition:all .5s;}
.footer-q .footer-q1 a img:hover{transform:scale(1.1);}
.footer2{background: #222;padding:30px 0 50px 0;}

.footer2 ul{width:850px;float: left;}
.footer2 ul li{float: left;width:118px;font-size:14px;}
.footer2 ul li a{float: left;line-height: 26px;color:#bbb;width:100%;}
.footer2 ul li a:hover{color: #c00;}
.footer2 .footer-r{float:right;width:140px;}
.footer2 .footer-r p{font-size:14px;color:#bbb;margin-bottom:20px;}
.bottom{background:#1a1a1a;padding:25px 0;}
.bottom p{font-size:14px;color:#bbb;line-height: 26px;}

/*右侧浮动框*/
.flex{width:50px;height:180px;  background: #c9272b;border-radius: 25px;position: fixed;bottom:100px; left:50%;z-index: 999;margin-left:600px;}
.flex a{ width:36px;height:59px;transition: all 0.5s; display: block;border-top:1px solid #e6a5a7;margin:auto;}
.flex a.flex-qq{background: url(../images/tu44.png) no-repeat center;border:none;}
.flex-ewm{background: url(../images/tu46.png) no-repeat center; }
.flex-hd{background: url(../images/tu45.png) no-repeat center;}
.flex a.flex-hd:hover{transform: scale(1.1);}
.flex a.flex-qq:hover{transform: rotate(360deg)}
.flex .flex-ewm:hover div{display: block;}
.flex div{display: none; position: absolute; top:30px;left:-140px;width:120px;height:120px;background: #fff;box-shadow: 0px 0px 5px #ccc;}
.flex div img{width:100px;height:100px;display: block;margin:10px;}
.flex div:before{ position: absolute;display: inline-block;top: 50px;left: 110px; width: 0;height: 0px;content: '';border-style: solid;border-width: 10px;border-color: #fff #fff transparent transparent;transform: rotate(45deg);box-shadow: 1px -1px 1px #ccc;}

@media screen and (max-width:1024PX) {
	.w {padding: 0 3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.footer,.footer2{display: none;}  
 .bottom p {float: none;width:100%;}
 .bottom{}
 .flex{display: none;}
}