/*--搴曢儴--*/
@media screen and (min-width:320px) {
	.footer-bg{background: #f6f8fb; padding: 15px 0; display: none;}
	
	.footer-b{ text-align: center; background: #4d4d4d; padding: 17px 0; line-height: 30px; color: #fff;}
	
	.footer-b a{ color: #fff;}
	.footer-b a:hover{ text-decoration: underline;}
	
	.footer-bshare-tit{ color: #000; text-align: center; }
	.footer-bg .nav-share-btn a{border: solid 2px #000;}
	.footer-bg .nav-share-btn a:before{color: #000;}
	.footer-bg .nav-share-btn dl:hover a.icon-blog{ border-color: #F00000; background: #F00000;}
	.footer-bg .nav-share-btn dl:hover a.icon-wechat{ border-color: #04BE02; background: #04BE02;}
	/*.footer-bg .nav-share-btn dl a:hover{ border-color: #c3191e; background: #04BE02 ;}
	.footer-bg .nav-share-btn dl:nth-of-type(3) a:hover{ border-color: #c3191e; background: #c3191e ;}*/
	.footer-bg .nav-share-btn dl:hover a:before{color: #fff;}
	
	.footer-map { margin: 0 -10px; padding-top: 30px;}
	.footer-map dd{ display: none;}
	.footer-map dl{ float: left; padding: 0 10px;}
	.footer-map dt a{ font-weight: bold;}
	.footer-map a:hover{ color: #c3191e;}
	
	.xcx-lay{ width:300px !important; }
	.xcx-pic{ width:300px; height:220px; display:flex; align-items: center; justify-content: center;}
	.xcx-pic img{width:100%;}
	
	.footer-bg .nav-share-btn .e-anim-on{animation:share-anim-on .3s; animation-fill-mode: both; }
	.footer-bg .nav-share-btn .e-anim-off{ animation:share-anim-off .5s; animation-fill-mode: both;}
	
	.footer-bg .nav-share-btn dl{position:relative;}
	.footer-bg .nav-share-btn dd{position:absolute; transform:translateX(-50%); left:32px; bottom:54px; padding-bottom:15px;}
	.footer-bg .nav-share-btn dd img{height:100%; width:auto;}
	.footer-bg .nav-share-btn dd div{ padding:10px; background:#fff; border-radius:8px; position:relative; box-shadow: 0 0 20px rgba(0,0,0,.1); height:234px; display:flex;}
	.footer-bg .nav-share-btn dd div::before{content:' '; border-top:solid 10px #fff; border-left:solid 10px transparent; border-right:solid 10px transparent; position:absolute; left:50%; margin-left:-5px; bottom:-10px;}
	
}


@keyframes share-anim-on{
	from { opacity: 0; transform: translate(-50%,-10px);}
	to {opacity: 1; transform: translate(-50%,0);}
}
@keyframes share-anim-off{
	from { opacity: 1; transform: translate(-50%,0);}
	to { opacity: 0; transform: translate(-50%,-10px);}
}

@media screen and (min-width: 992px) {
	.footer-bg{ padding: 30px 0; display: block;}
	
	.footer-map{ display: flex; margin: 0 -15px; padding-top: 20px; width:100%;}
	.footer-map dl{flex-grow: 1; float: left;  padding: 0 15px;}
	.footer-map dd{display: block;}
	.footer-map dd span{ display: block;}
	.footer-map dt a{ font-size: 16px;}
	.footer-map dd a{ font-size: 12px; color: #888; line-height: 2;}
	
	.footer-bg .bshare-custom{}
	
	.nav-share-btn{ padding-top: 20px;}
	
	.footer-bshare-tit{font-size: 14px;}
	
	.xcx-lay{ width:600px !important;}
	.xcx-pic{ width:600px; height:440px;}
	
	
	.footer-bg .nav-share-btn{display:flex; justify-content:center;}
	.footer-bg .nav-share-btn dl{ padding:0 5px;}
}

@media screen and (min-width: 1280px) {
	.footer-map{ padding-top: 40px;}
	.footer-map dl{flex-grow: 1; float: }
	.footer-map dt{ padding-bottom: 10px;}
	.footer-map dt a{ /*font-size: 18px;*/}
	.footer-map dd a{ font-size: 14px;}
	
	.footer-bg{ padding: 50px 0;}
	
	.nav-share-btn{ padding-top: 30px;}
	
	.footer-bshare-tit{ font-size: 16px;}
}


@media screen and (min-width: 1540px) {
	.footer-map{ padding-top: 50px;}
	.footer-bg .container{ width: 1460px;}
	.footer-bg{ padding: 80px 0;}
	
	.footer-map dt a{/*font-size: 22px;*/}
	.footer-map dd a{/*font-size: 16px;*/}
	
	.footer-bshare-tit{/*font-size: 18px;*/}
}
/*--/搴曢儴--*/

.nav-share-btn{ text-align: center; display: none;}
.nav-share-btn a{ width: 44px; height: 44px !important; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; border: solid 2px #fff; display: block; padding: 0 !important;}
.nav-share-btn a{ margin: 0 5px !important; display: inline-block;}
.nav-share-btn a:before{ line-height: 40px; color: #fff; font-size: 18px;}
.bshare-custom a:hover{ text-decoration: none !important;}
.bshare-custom a.bshare-more-icon{ padding-left: 0 !important;}

.nav-share-btn a{ width: 54px; height: 54px !important; line-height: 54px;}
.nav-share-btn a:before{ font-size: 32px; line-height: 50px;}
	
.nav-share-tit{ padding-top: 40px; font-size: 14px; display: block;}
.nav-share-btn{ display: block; width: 100%;}

	
	
@-webkit-keyframes nav-ani-show
{
0%{opacity: 1; -webkit-transform: translate(-50%,-50%) scale(0); transform: translate(-50%,-50%) scale(0);}
60%{opacity: 1;}
100%{-webkit-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale(1); opacity: 0;}
}

@keyframes nav-ani-show
{
0%{opacity: 1; -webkit-transform: translate(-50%,-50%) scale(0); transform: translate(-50%,-50%) scale(0);}
60%{opacity: 1;}
100%{-webkit-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale(1);  opacity: 0;}
}