.flex{display:flex;justify-content:space-between;flex-wrap:wrap}
.wp{width:90%;margin:0 auto;max-width:1300px}
.pore {
    position: relative;
}

.trans{transition:all .5s}
.trans-mask{display:block;overflow:hidden;width:100%;cursor:pointer;position: relative;}
.trans-mask img{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.trans-mask:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}

.footer{background: #6d1d29;color: #fff;font-size: 14px;overflow: hidden;}
.footer .fta{padding: 50px 0 45px;}
.footer .fta .item{width: 32.15%}
.footer .fta span{font-size: 22px;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);z-index: 5;color: #fff;white-space:nowrap;  }
.footer .fta span i{font-size: 20px;display: inline-block;}
.footer .fta .item:hover i{animation:leftRight 1.5s ease-out infinite}
.footer .ftb{padding-bottom: 40px}
.footer .ftb .aleft .ftlogo{margin-bottom: 25px}
.footer .ftb .aleft p{opacity: .35;padding: 4px 0}
.footer .ftb .aleft a{color: #fff;}
.footer .ftb .aleft a:hover{text-decoration: underline;}

.footer .ftb .aright .ico{cursor: pointer;margin-left: 30px}
.footer .ftb .aright .ico p{opacity: .45}
.footer .ftb .aright .ico .s i{
    display: block;
    width: 68px;
    height: 68px;
    text-align: center;
    line-height: 68px;
    background: #82313e;
    border-radius: 50%;
    color: #6d1d29;
    font-size: 38px;
    margin: 0 auto 15px;
    position: relative;
}
.footer .ftb .aright .ico .s span{width: 102px;height: 92px;padding-right: 10px; position: absolute;left:-100px;top:0;z-index: 5;
  opacity: 0;visibility: hidden;transition: .3s}
.footer .ftb .aright .ico .s:hover span{visibility: inherit;opacity: 1}

.rightFix{box-shadow: 0 0 5px rgba(0,0,0,.2);position: fixed;right: 5px;top:50%;background: #fff;z-index: 30;margin-top: -260px}
.rightFix a{display: block;position: relative;width: 70px;padding: 9px 0 9px;color: #999999}
.rightFix a:hover{color: #22a9a5}
.rightFix a i{display: block;margin: 0 auto;font-size: 26px;width: 30px;text-align: center;}
.rightFix a:hover i{transform: rotateY(360deg);transition: .6s}
.rightFix a span{display: block;font-size: 13px;text-align: center;margin-top: 5px}
.rightFix a.totop{height: auto;padding: 0;margin-top: 10px}
.rightFix a.phone{border-top: 1px solid #ddd}
.rightFix a.phone i{color: #1697d5}
.rightFix .phone ins{position: absolute;right: 75px;top:0;z-index: 10;width: 150px;height: 100%;background: #fff;text-decoration: none;line-height: 44px;text-align: center;border-radius: 5px;box-shadow: 0 0 5px rgba(0,0,0,.2);visibility: hidden;opacity: 0;transform: translateX(-50px);transition: .3s}
.rightFix .code ins{position: absolute;right: 75px;top:-24px;z-index: 10;width: 92px;height: 92px;visibility: hidden;opacity: 0;transform: translateX(-50px);transition: .3s}
.rightFix .phone:hover ins{opacity: 1;visibility: inherit;transform: translateX(0)}
.rightFix .code:hover ins{opacity: 1;visibility: inherit;transform: translateX(0)}
.rightFix .wx i{color: #00cc40}
.rightFix .wb i{color: #e81a25}
.footer .ftb .aright .ico .s span img {
    width: 100%;
}
.footer .ftb .aright .ico .s i.icon-weixin:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/weixin.png) center no-repeat;
    background-size: 70%;
}
.footer .ftb .aright .ico .s i.icon-sina:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/weibo.png) center no-repeat;
    background-size: 70%;
}
@media screen and (max-width:1366px ){
    .rightFix{display: none}
}
@media screen and (max-width:1279px ){

  .footer .fta span{font-size: 20px; }
.footer .fta span i{font-size: 18px;}
}
@media screen and (max-width:1023px ){

.footer .ftb .aleft{width: 100%;margin-bottom: 20px;text-align: center;} 
.footer .ftb .aleft img{display: inline-block;}
.footer .ftb .amid{width: 100%;margin-bottom: 20px;text-align: center;} 
.footer .ftb .aright{width: 100%;justify-content: center;}
.footer .ftb .aleft p{margin-top:10px}
.footer .ftb .aright .ico{margin:0 15px}
}
@media screen and (max-width:780px ){
  .footer .fta span{font-size: 18px}
}
@media screen and (max-width:640px ){
  .footer .fta span{font-size: 16px}
  .footer .fta .item{width:100%;margin: 10px 0}
.footer .fta .item img{width: 100%}
  .footer .ftb .aright{display: none}
.footer .fta{padding: 50px 0 15px;}
.footer .ftb .ftinfo span{margin: 0;display: block;}
.footer .fta p a{margin: 0 10px}
.footer .icocode .s{margin-bottom: 20px}
.footer .ftb{padding: 30px 0 28px}
.footer .fta span{font-size: 18px }
.footer .fta span i{font-size: 16px}
.footer .ftb .aright .ico .s span{left:50%;top:-95px;transform: translateX(-50%)}

}
@media screen and (max-width:480px ){
.footer .fta {
    padding: 30px 0 0
}
.footer .ftb .amid dt{font-size: 16px;margin-bottom: 10px;margin-top: 10px}
}