﻿.ft33{
     text-align:center;
     display: flex;
     align-items: stretch;
     flex-wrap: wrap;
     width: 100%;
     border-top: 2px solid #EDEDED;
     }
.foot_nav{line-height: 52px;font-size: 13px;font-weight: 700;color: #000;width:50%;float:left;text-align: left;}
.footer_flex li span { display: none; color: #fff; font-size: 13px; line-height: 45px; }
.footer_flex li .img-n {margin-top: -3px;width: 28px;}
.footer_flex {margin-bottom:0px;padding-left: 0;display: inline-block;}
.footer_flex li {margin: 15px 0 0 6px;text-align: center;cursor: pointer;position: relative;z-index: 9;display:inline-block;}
.footer_flex li:hover .flex-footerc { display: block; }
.footer_flex li .flex-footerc { width: 146px; height: 144px; position: absolute; left:-143px; top: -52px; text-align: center; padding-top: 15px; background: url(../images/footerflex.png) 1px top no-repeat; display: none; }
.footer_flex li:hover .flex-footer { display: block; }
.footer_flex li .flex-footer {width: 146px;height: 144px;position: absolute;left: -62px;top: -148px;text-align: center;padding-top: 15px;background: url(../images/footerflex.png) 1px top no-repeat;display: none;}
.footer_flex li:hover .flex-footera { display: block; }
.footer_flex li .flex-footera { width: 146px; height: 144px; position: absolute; left: -49px; top: 50px; text-align: center; padding-top: 15px; background: url(../images/footerflex.png) 1px top no-repeat; display: none; }
.footer_flex li:hover .flex-footerb { display: block; }
.footer_flex li .flex-footerb { width: 146px; height: 144px; position: absolute; left: 42px; top: -48px; text-align: center; padding-top: 15px; background: url(../images/footerflex.png) 1px top no-repeat; display: none; }
.foot_link{width: 160px;float: right;display: inline-block;line-height: 42px;text-align:center;position:relative;margin-left: 30px;}
.foot_link h2{position:relative;font-size: 14px;color: rgba(4, 4, 4, 0.8);font-weight: 400;cursor:pointer;background: #ffffff;border: 1px solid rgba(0,0,0,.0);line-height: 45px;}
.foot_link h2 .iconfont1{margin-left: 35px;line-height: 0;}
.foot_link h2 i{position:absolute; right:0; width:40px; height:40px; text-align:center; top:0; background:#333!important; color:#fff;}
.foot_link dl{visibility:hidden;opacity:0;transition:all .45s;position:absolute;left:0;top: -131px;margin: 0;width:100%;height: 130px;overflow-y:auto;background: #fff;}
.foot_link dd{border-top: 1px solid #efefef;border-left: 1px solid #efefef;background: #fff;margin: 0;}
.foot_link dd a{font-size: 13px;color: #2d2d2d;line-height: 1.5;padding: 13px 8px;display:block;box-sizing: border-box;}
.foot_link:hover dl{visibility:visible; opacity:1;}
.foot_link dd a:hover{background:#f1f1f1;}  
.ztt4{width:50%;float:right;text-align: right; z-index:2;}
@media screen and (max-width: 1024px) {
 .footer_flex {float: left;margin-bottom:0px;margin-left: 0;padding-left: 0;width: auto;text-align: left;}
 .foot_nav{width:100%;text-align: center;line-height: 20px;margin-top: 5px;}
 .ztt4{width:100%;float:left;text-align: left;}
 .foot_link{width: 120px;margin-left: 10px; float:right;}
 .foot_link h2 .iconfont1{margin-left: 15px;}
}



