*{ margin:0px; padding:0px;}
h3,b,p{transition: 0s;-moz-transition: 0s;-webkit-transition: 0s;-o-transition: 0s;}
.tx-float{float: left;width: 100%;}
.tx-center{margin: 0 auto;max-width: 1200px;clear:both;}
.tx-padding{padding:65px 0 78px;}

.tx-footer li{float: left;}
.tx-footer .fl{float: left;}
.tx-footer .fr{float: right;}
a{text-decoration:none;}


.tx-footer,.tx-footer *{box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing:border-box;}
.tx-footer{background: #6e6e70;padding:60px 0 55px;color:#fff;position: relative;z-index: 88;}

.tx-footer-tel{width: 50%;line-height: 32px;border-bottom:1px solid #7d7d7f;padding-bottom:18px;margin-bottom: 14px;}
.tx-footer-tel i{float: left; width: 32px;height:32px;border:1px solid #fff;border-radius: 50%;background:url('../images/foot-tel.png') center center no-repeat;background-size: 18px;}
.tx-footer-tel h4{float: left; font-size: 17px;margin:0 4px 0 12px;}
.tx-footer-tel h3{float:left;font-size: 26px;font-weight:bold;}

.tx-footer-friend{clear: left;width: 50%;line-height: 34px;font-size: 14px;}
.tx-footer-friend h3{display: inline-block;}
.tx-footer-friend a{color:#dadadb;margin-right: 5px;}
.tx-footer-friend a:hover{color:#fff;}

.tx-footer-wx{width: 50%;padding-left:32px;}
.tx-footer-wx li{display: flex; align-items: center; position: relative; width:42%;margin-left:3.5%;border:1px solid #7d7d7f;padding: 10px 20px;cursor: pointer;font-size: 14px;}
.tx-footer-wx li img{width: 34px; margin-right: 12px;border-radius: 4px;}
.tx-footer-wx li p{line-height: 20px;color:#dadadb;}
.tx-footer-wx li:nth-child(1),.tx-footer-wx li:nth-child(2){margin-bottom: 16px;}
.tx-footer-wx li:nth-child(2),.tx-footer-wx li:nth-child(4){width: 51%;}
.tx-footer-wx li .box{display: none; position: absolute;left:0;right:0;margin:0 auto; bottom:100%;background:#fff;box-shadow: 0 0 3px #e2e2e2;width: 180px;padding:16px 10px 10px;margin-bottom: 16px;}
.tx-footer-wx li .box h3{font-size:14px;color:#333;text-align: center;}
.tx-footer-wx li .box img{width: 100%;}
.tx-footer-wx li .box:before{content:'';position: absolute;top:100%;left:0;right:0;margin:0 auto; width:0px;height:0px; border-top:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent}
.tx-footer-wx li:hover{border-color: #B7B7B8;}
.tx-footer-wx li:hover .box{display: block;}
.tx-footer-wx li:hover p{color:#fff;}

.tx-footer-dw{background:#444446;color:#fff;font-size:13px;text-align: center;line-height: 30px;padding:30px 0;}
.tx-footer-dw p{display: inline-block;margin:0 5px;}
.tx-footer-dw span{margin-left: 5px;}
.tx-footer-dw a{color:#fff;}

@media (max-width:1280px){
    .tx-center {
        max-width: 1024px;
    }
}

@media (max-width:1024px){
    .tx-center {padding: 0 15px; }
    .tx-footer-tel{width: 100%;}
    .tx-footer-friend{width: 100%;}

    .tx-footer-wx{width: 100%;padding-left: 0;margin-bottom:35px;}
    .tx-footer-wx li{width: 48%;margin:0 1%;}
    .tx-footer-wx li:nth-child(2),.tx-footer-wx li:nth-child(4){width: 48%;}

    .tx-footer{padding:36px 0;}
}
@media (max-width:768px){

    .tx-footer{padding:22px 0;}

    .tx-footer-wx{margin-bottom: 10px;}
    .tx-footer-wx li{padding: 9px;margin-bottom: 8px;}
    .tx-footer-wx li:nth-child(1),.tx-footer-wx li:nth-child(2){margin-bottom: 8px;}
    .tx-footer-wx li img{width: 26px;margin-right: 8px;}
    .tx-footer-wx li p{display: flex;align-items: center; font-size: 12px;line-height: 16px;min-height: 32px;}
    .tx-footer-wx li .box{width: 85%;padding:10px 6px 6px;}
    .tx-footer-wx li .box h3{font-size: 12px;}

    .tx-footer-friend a{margin-right: 3px;}

    .tx-footer-tel{padding-bottom:10px;margin-bottom: 10px;}
    .tx-footer-tel h4{font-size: 13px;margin:0 2px 0 8px;}
    .tx-footer-tel h3{font-size:21px;}

    .tx-footer-friend{font-size: 12px;line-height: 25px;}
    .tx-footer-dw{font-size: 12px;padding:15px 0;}

}