@media screen and (min-width: 320px) {
	.footer-bg{ background: #004db2; color: #fff; padding: 15px 0; font-size: 12px;}
	.footer-t{ text-align: center; padding-bottom: 10px;}
	.footer-t dl{ display: inline-block;}
	
	.footer-m{ display: none;}
	.footer-b{ text-align: center;}
	.footer-b span{display: block;}
	.footer-b a{ color: #fff; line-height: 20px; margin-right: 5px;}
	.footer-b a:hover,.footer-b a:hover *{text-decoration: underline;}
	.footer-b a img{ display: inline-block; padding-right: 5px; vertical-align: top;}
	.footer-b a span{ line-height: 20px; display: inline-block;}
		
	.footer-qr{ position: relative; padding: 0 5px; margin-top: -10px;}
	.footer-qr dt {overflow: hidden; cursor: pointer; padding-top: 10px;}
	.footer-qr dt i{ font-size: 20px; line-height: 20px; float: left; padding-right: 5px;}
	.footer-qr dt span{ line-height: 20px; float: left;}
	.footer-qr dd{ position: absolute; bottom: 30px; margin-left: -70px; width: 140px; background: #eee; padding: 5px; -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; left: -10000px;  -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0;pointer-events: none;}
	.footer-qr dd img{ width: 100%;}
	.footer-qr dd span{ display: block; font-size: 12px; line-height: 24px; color: #333; font-weight:bold;}
	.footer-qr dd:before{content: ' '; position: absolute; left: 50%; margin-left: -6px; border-top: solid 6px #eee; border-left: solid 6px transparent; border-right: solid 6px transparent; bottom: -6px;}
	
	.footer-sel{ position: relative; padding: 0 5px; margin-top: -10px;}
	.footer-sel dt {overflow: hidden; cursor: pointer; padding-top: 10px;}
	.footer-sel dt i{ font-size: 12px; line-height: 20px; float: left; padding-left: 5px;}
	.footer-sel dt span{ line-height: 20px; float: left;}
	.footer-sel dd{position: absolute; bottom: 30px; margin-left: -55px; width: 110px; background: #eee; padding: 5px; -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; left: -10000px; -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0;pointer-events: none;}
	.footer-sel dd a{ display: block; text-align: center; line-height: 18px; padding: 6px 0; color: #666; border-bottom: solid 1px #ddd;}
	.footer-sel dd a:nth-last-child(1){ border: none;}
	.footer-sel dd a:hover{ color: #004db2;}
	.footer-sel dd:before{content: ' '; position: absolute; left: 50%; margin-left: -6px; border-top: solid 6px #eee; border-left: solid 6px transparent; border-right: solid 6px transparent; bottom: -6px;}
	.footer-show dd{ left: 50%;  -webkit-transform: translateY(0); transform: translateY(0); opacity: 1;pointer-events: auto;}
	
	
	.pf-box{ position: fixed; right: 10px; z-index: 99; bottom: 200px; display: none;}
	.pf-cont{ position: relative; z-index: 2;}
	.pf-cont dl{ height: 335px; overflow: hidden; cursor: pointer;}
	.to-top{ width: 80px; height: 50px; line-height:50px; text-align: center; display: block; background: #fff; transition: .3s; box-shadow: 0 0 20px rgba(0,0,0,.2);  overflow: hidden;}
	.to-top i{ line-height: 50px; font-size: 36px; color: #d0ddee; display: block;}
	.to-top:hover i{ -webkit-transform: translateY(-5px); transform: translateY(-5px);}
	.pf-box .shade{ box-shadow: 0 0 20px rgba(0,0,0,.2); width: 100%; position: absolute;  height: 88%; left: 0; bottom: 0;}
	
	.pf-nav-off{-webkit-transform: translateX(100px); transform: translateX(100px); opacity: 0;}
	
	
	
	
	.pf-box .shade{ height: 80px;}
	.pf-box-02 .shade{ height: 100%;}
	
	.pf-cont dl:hover,.pf-cont dl.off:hover{height: 335px;}
	.pf-cont dl.off,.pf-cont dl.off-02{ height: 52px;}
	
	.pf-box .close-btn{ width: 20px; height: 20px; position: absolute; right: 0; top: -20px; background: #d00; color: #fff; font-style: normal; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; text-align: center; line-height: 18px; cursor: pointer;}
	.pf-box .close-btn:hover{ background: #004ea2;}
	.top-btn-dn{ height: 0;}
	
	.lay-skin{ background: none !important; box-shadow:none !important;}
	.lay-skin img{ width: auto; max-width: 100%;}
	
	.lay-pic{ width: 100%; height: 555px; overflow-y: auto;}
	.lay-pic img{ width: 100%;}
	 
	.lay-link{ padding: 15px 0; background: rgba(0,0,0,.5);}
	.lay-link a{ width: 120px; height: 36px; background: #ea5532; -webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px; color: #fff; display: block; margin: 0 auto; text-align: center; line-height: 36px; transition: .3s; font-size: 12px;}
	.lay-link a:hover{ -webkit-transform: translateY(-5px); transform: translateY(-5px);}
	
	.viewer-title{ color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,.8),-1px -1px 2px rgba(0,0,0,.8);}
	.viewer-button{ background-color: rgba(234,85,50,1);}
	.viewer-prev{display: none;}
	.viewer-next{ display: none;}
	.viewer-toolbar{ width: 230px;}
}

@media screen and (min-width: 992px) {
	.pf-box{ display: block;}
	.footer-qr,.footer-sel{ padding: 0 15px;}
	.footer-bg{ padding: 20px 0;}
	.footer-m{ display: block; text-align: center;}
	.footer-m li{ display: inline-block; line-height: 20px; padding: 0 10px 10px 10px;}
	.footer-m li a{ color: #fff; padding: 0 10px;}
	.footer-m li a:hover{ text-decoration: underline;}
	
	.footer-b div{ display: inline-block; padding-right: 10px;}
	
	
}

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


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

}