.footer{
    width:100%;
    height: 440px;
    background:#2e384a;
    color:#fff;
}
.footer .top-con{
 border-bottom:1px solid #404a5d;
 padding:15px 0;
}
.footer  .top-lis{
    font-size:0;
    width:1200px;
    margin:auto
}
.footer .top-lis li{
    display:inline-block;
    width:25%;
    line-height:47px;
    font-size: 16px;
	color: #bfc4ce;
    padding-left:66px;
    box-sizing: border-box;
}
.footer .top-lis li.lis01{background:url(../images/foot-icon01.png) no-repeat left center}
.footer .top-lis li.lis02{background:url(../images/foot-icon02.png) no-repeat left center}
.footer .top-lis li.lis03{background:url(../images/foot-icon03.png) no-repeat left center}
.footer .top-lis li.lis04{background:url(../images/foot-icon04.png) no-repeat left center}
.footer .foot-con {
    width:1200px;
    margin:auto;
    font-size:0;
    padding:50px 0;
    margin-bottom:30px;
    border-bottom:1px solid #404a5d;
}
.footer .foot-con .out-lis>li{
    vertical-align: top;
    text-align:left;
    display:inline-block;
    width:20%;
}
.footer .foot-con .out-lis>li p.tit{
    font-size: 16px;
    color:#fff;
    margin-bottom:12px
}
.footer .foot-con .out-lis .in-lis li a{
    font-size: 14px;
	line-height: 30px;
	color: #858c98;
}
.footer .foot-con .out-lis .in-lis li a:hover{color:#fff;}
.footer .foot-con .out-lis .tel{
	font-size: 14px;
	line-height: 28px;
    color: #ffffff;
    margin-bottom:20px;
}
.footer .foot-con .out-lis .links p{
    margin-bottom:10px;
}
.footer .foot-con .out-lis .links p a{
    color:#999;
    font-size:14px;
    padding-left:25px;
    background:url(../images/links.png) no-repeat;
    cursor:pointer;
}
.footer .foot-con .out-lis .links p.technology a{
    background-position:left 2px
}
.footer .foot-con .out-lis .links p.community a{
    background-position:left -26px
}
.footer .foot-con .out-lis .links p.weixin a{
    background-position:left -52px
}
.footer .foot-con .out-lis .links p.weibo a{
    background-position:left -82px
}
.footer .foot-con .out-lis .links p.weixin{position: relative;}
.footer .foot-con .out-lis .links p.weixin img{display:none;position: absolute;right:5px;top:0;width:120px;}
.footer .foot-con .out-lis .links p.weixin:hover img{display:block}
.footer .foot-bottom{width:1200px;margin:auto}
.footer .foot-bottom div{color: #858c98;padding:20px 0;margin-left:-12px}
.footer .foot-bottom div a{
    font-size: 14px;
    color: #858c98;
    margin:0 12px;
}
.footer .foot-bottom div a:hover{color:#fff;}
.footer .foot-bottom>p{color:#fff;font-size:16px}
.m-footer{display:none;}
@media(max-width:1199px){
	.footer .foot-con,.footer .top-lis,.footer .foot-bottom{
		width:98%;
		margin:0 auto;
	}
}
@media(max-width:991px){
	.footer .top-lis li{
		font-size:14px;
	}
	.footer .foot-con .out-lis>li{
		width:17%;
	}
	.footer .foot-con .out-lis>li:last-of-type{
		width:30%;
	}
	.footer .foot-con{
		padding:40px 0;
	}
	.footer .top-lis li.lis02{
		background-position-x: 12px;
	}
	.footer{
		height:auto;
	    padding-bottom: 60px;
	}

}
@media(max-width:767px){
      /* 底部 */
      .footer{display:none}
      .m-footer{
          display:block;
          background: #2e384a;
          color: #fff;
          height: 580px;
      }
      .m-footer .top-lis li {
          display: inline-block;
          width: 50%;
          line-height: 47px;
          font-size: 24px;
          color: #bfc4ce;
          padding-left: 150px;
          box-sizing: border-box;
          margin:15px 0;
      }
      .m-footer .top-lis li.lis01{background:url(../images/foot-icon01.png) no-repeat 70px center}
      .m-footer .top-lis li.lis02{background:url(../images/foot-icon02.png) no-repeat 70px center}
      .m-footer .top-lis li.lis03{background:url(../images/foot-icon03.png) no-repeat 70px center}
      .m-footer .top-lis li.lis04{background:url(../images/foot-icon04.png) no-repeat 70px center}
      .m-footer .top-lis{font-size:0;border-bottom:1px solid #404a5d}
      .m-footer .foot-con{font-size:0;padding:20px 0;}
      .m-footer .foot-con li{
          display:inline-block;
          width:33%;
          font-size:24px;
          text-align: center;
      }
      .m-footer .contact{
          padding:20px 60px
      }
      .m-footer .contact .tit{
          font-size: 28px;
          margin-bottom:20px;
      }
      .m-footer .contact .tel{
          font-size: 18px;
          line-height:30px;
      }
      .m-footer .foot-bottom{
          text-align:center;
          font-size: 18px;
          line-height:30px;
      }
      
 /* 底部 */
 .m-footer{
     height:430px;
     /*margin-bottom:59px;*/
 }
 .m-footer .top-lis li {
     font-size:14px;
     line-height:35px;
     padding-left: 60px;
 }
 .m-footer .top-lis li.lis01{background:url(../images/foot-icon01.png) no-repeat 20px center;
     background-size:30px
    }
 .m-footer .top-lis li.lis02{background:url(../images/foot-icon02.png) no-repeat 20px center;
    background-size:30px }
 .m-footer .top-lis li.lis03{background:url(../images/foot-icon03.png) no-repeat 20px center;
    background-size:30px }
 .m-footer .top-lis li.lis04{background:url(../images/foot-icon04.png) no-repeat 20px center;
    background-size:30px }
 .m-footer .top-lis{font-size:0;border-bottom:1px solid #404a5d}
 .m-footer .foot-con{font-size:0;padding:10px 0;}
 .m-footer .foot-con li{
     font-size:16px;
 
 }
 .m-footer .contact{
     padding:15px 30px
 }
 .m-footer .contact .tit{
     font-size: 18px;
     margin-bottom:10px;
 }
 .m-footer .contact .tel{
     font-size: 14px;
 }
 .m-footer .foot-bottom{
     font-size: 14px;
     line-height:26px;
 }
 .w_foucs {
      box-shadow: 0px 0px 0px 2px rgba(255,0,0,0.8);
  }
  .w_ssbotom{

  }
  .w_ssbotom p{
       float: left;
  }
  .w_ssbotom a{
    float: right;
  }

}
@media(max-width:320px){
    .m-footer .top-lis li{padding-left:45px;}
    .m-footer .top-lis li.lis01{background:url(../images/foot-icon01.png) no-repeat 10px center;
        background-size:22px
       }
    .m-footer .top-lis li.lis02{background:url(../images/foot-icon02.png) no-repeat 10px center;
       background-size:22px }
    .m-footer .top-lis li.lis03{background:url(../images/foot-icon03.png) no-repeat 10px center;
       background-size:22px }
    .m-footer .top-lis li.lis04{background:url(../images/foot-icon04.png) no-repeat 10px center;
       background-size:22px }
    .m-footer .foot-bottom{
        font-size:12px;
        line-height:22px
    }
    #time-line-con .swiper-slide .tip span{
        height:36px;
        line-height:36px;
    }
}