﻿/*------------------------底部---------------*/
/*link*/
.link { padding-bottom:15px; margin:8px auto 0 auto; width:960px; }
.linktitle {
 float: left;
}
.linkspan a{color: #fff;font-weight:500;font-family:'微软雅黑',Arial, Helvetica, sans-serif;font-size: 14px;}

.swiper-container-link{height: 50px;width: 1200px;padding: 20px 0px;}
.linkul {overflow:hidden;margin: 0px auto;}
.noFind{ padding:20px;}
.linkli {float:left;padding:0 15px;/* line-height:24px; */box-sizing: border-box;}
.linkul li.last{ background:none}
.linkli a{ color:#555}
.linkli img {width: 180px !important;height: 50px !important;}

/*foot*/
.FriendLink{/* background: #f4f4f4; */}
.link_con a{
 color: #fff;
}
.footer_top {
 padding: 30px 0;
 border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.footer_bottom {
 padding: 30px 0;
}

.footer p a {
 color: #fff;
}

.footer{/* padding:15px 0 10px; */color:#fff;background: url(/Content/Areas/Common/images/common/footer_bg.jpg) no-repeat;background-size: cover;}
.footer_In{width:1200px;margin:0 auto;position: relative;}
.footerNav li{ float:left; line-height:25px; color:#fff}
.footerNav li.line{padding:0 10px; margin:0;}
.footerNav a{ color:#fff;}
.footerNav a:hover{ text-decoration:underline;}
.footerNav{width: 668px;margin: 0 auto 5px;}
.btn_line{ background:url(/Sites/Uploaded/UserUpLoad/20160816/20160816092420.jpg) no-repeat center bottom; margin:10px 0; height:4px;}
.footer p{text-align:center;line-height:25px;margin-bottom: 5px;}
.footer a:hover {
 text-decoration: underline;
}
.left_float {
 position: fixed;
 left: 20px;
 bottom: 0;
 z-index: 2;
}

.left_float ul li {
 width: 100px;
 height: 100px;
 background: #FFFFFF;
 border-radius: 5px;
 margin-bottom: 2px;
}

.left_float ul li a {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 height: 100%;
 font-size: 14px;
 font-weight: 500;
}

.left_float ul li a img {
 margin-bottom: 10px;
}

.left_float ul li .erweiCode {
 display: none;
}
.left_float ul li.code:hover .erweiCode{
display: block;
}
.left_float ul li.code {
 position: relative;
}

.left_float ul li.code .erweiCode {
 position: absolute;
 top: calc(50% - 65px);
 right: -145px;
 padding: 5px;
 background: #fff;
 height: 130px;
 box-sizing: border-box;
 border-radius: 5px;
}
.left_float ul li.code .erweiCode img {
 width: 120px;
}
.left_float ul li.code .erweiCode::after {
 content: "";
 position: absolute;
 border: 10px solid;
 border-color: transparent #fff transparent transparent;
 top: 50%;
 left: -20px;
}
.left_float ul li a p {
 line-height: 20px;
 margin-bottom: 0;
}
.fT_bule {
 position: absolute;
 top: 145px;
 right: 0;
}
.phone{
  display: none;
}
@media only screen and (max-width: 1600px) {
 .left_float ul li {
 width: 80px;
 height: 80px;
}

.left_float ul li a {
 font-size: 12px;
}

.left_float {
 top: 75px;
}
}
@media only screen and (max-width: 1024px) {
.FriendLink,.footer,.footer_In{ width:1200px;}	
}

@media only screen and (max-width: 768px) {
.footer,.footer_In{ width:100%;}
.footerNav{ display:none;}
.btn_line{ display:none;}
.footer p.add{display:none}
.FriendLink{ display:none}
.left_float{display: none;}
.footer_top {
 display: none;
}
.fT_bule {display: none;}
.pc{
  display: none;
}
.phone{
  display: block;
}
} 
  