@media screen and (min-width: 320px) {
	
	.footer-bg{ background: #f9f9f9; padding: 20px 0;}
	
	.footer-l{overflow: hidden;}
	.footer-l dl{ width: 33.333%; float: left; text-align: center;}
	
	.footer-l dt a{ color: #333; line-height: 30px;}
	
	.footer-l dd{display: none;}
	.footer-l dd a{ color: #999;}
	
	.footer-r{display: none;}
	
	.footer-b-bg{ background: #379832; background: -webkit-linear-gradient(90deg, #43b83d, #3999d4);  background: linear-gradient(90deg, #43b83d, #3999d4);  padding: 10px 0; text-align: center; color: #fff; font-size: 12px;}
	.footer-b-bg .footer-bl,.footer-b-bg .footer-br{ opacity: .65;}
	.footer-b-bg a{ font-size: 12px; color: #fff;}
	
	.pf-nav{display: none;}
	
	

	
}

@media screen and (min-width: 480px) {
	
	
	
}

@media screen and (min-width: 992px) {
	
	.footer-bg{ padding: 35px 0;}
	
	.footer-l{ float: left;}
	.footer-l dl{ padding-right: 40px; width: auto; text-align: left; padding-left: 20px;}
	.footer-l dt{ position: relative;}
	.footer-l dt a:before{ width: 10px; height: 1px; background: #333; content: ' '; left: -20px; top: 50%; display: block; position: absolute;}
	.footer-l dd{ display: block; padding-top: 5px;}
	.footer-l dd span{display: block; font-size: 12px; line-height: 2;}
	
	.footer-l dt a:hover{ color: #379832;}
	.footer-l dt a:hover:before{ background: #379832;}
	.footer-l dd a:hover{ color: #379832;}
	
	.footer-b-bg{ padding: 20px 0;}
	.footer-bl{ float: left; font-size: 14px;}
	.footer-br{ float: right; font-size: 14px;}
	
	
	.footer-r{ float: right; display: block;}
	
	.footer-qr{ overflow: hidden;}
	.footer-qr dl{ float: right;}
	.footer-qr dd{ font-size: 14px; color: #666; padding: 10px 0;}
	
	.share-box{ overflow: hidden;}
	.share-box .share-tit{ font-size: 14px; color: #666; float: left; line-height: 30px;}
	
	.share-box .bshare-custom{ float: left;}
	.share-box .bshare-custom a{ padding: 0; width: 30px; height: 30px; margin-right: 0; margin-left: 10px; background: #e3e3e3; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; text-align: center; font-size: 18px; line-height: 30px; color: #a4a4a4;}
	
	.share-box .bshare-custom a:hover{ text-decoration: none;}
	.share-box .bshare-custom a:hover:before{ color: #fff;}
	.share-box .bshare-custom a.icon-wechat:hover{ background: #3daf4f;}
	.share-box .bshare-custom a.icon-blog:hover{ background: #da251c;}
	.share-box .bshare-custom a.icon-QQ:hover{ background: #5393d0;}
	
	
	.pf-nav{ display: block; position: fixed; right: 5px; top: 50%; margin-top: -92px; z-index: 99; }
	
	.pf-nav ul{ margin: -5px 0;}
	.pf-nav li{ padding: 5px 0;}
	.pf-nav a{width: 55px; height: 55px; background: #5fbf5f; display: block; padding: 5px 0;}
	.pf-nav a i{ font-size: 24px; color: #fff; text-align: center; line-height: 26px; display: block;}
	.pf-nav a span{ display: block; font-size: 12px; color: #fff; text-align: center;}
	.pf-nav-off{ -webkit-transform: translateX(80px); transform: translateX(80px);}
	
	.pf-nav a:hover{ background: #3999d4;}
}

@media screen and (min-width: 1240px) {
	.footer-l dl{ padding-right: 60px; }
	
}