/***
 * 
 * footer.css
 * 
 */

@media screen and (min-width: 320px) and (max-width: 991px) {
		
}



@media screen and (min-width: 320px){
	
	.footer-copy{padding: 10px 0;color: rgba(255,255,255,.5);background: #25282b;text-align: center;line-height: 2;}
	
	.footer-copy a{color: rgba(255,255,255,.5);}
	
	
.select-box{border: 1px solid #494d52; height: 30px;background: #32363a;line-height: 30px;cursor: pointer;position: relative;}
.box-set{color: #fff;}

.color{width: 30px;height: 100%;position: absolute;top: 0;right: 0;z-index: 2;background: #494d52;z-index: 0;}
	.xz_sanjiao{
		border-top: solid 6px #fff; border-left: solid 6px transparent; border-right: solid 6px transparent;
		position: absolute;top: 50%;margin-top: -3px;right: 8px;z-index: 1;
			}


.font-show{width: 100%;color: #000;text-align: center;position: absolute;bottom: 10000px;opacity: 0;}
.font-show li{margin-bottom: 1px;background: #fff;}
.font-show a{color: #000;display: block;}

.yq-open .font-show{animation: yq-show 0.3s linear; animation-fill-mode: forwards;pointer-events: auto;}
.yq-hide .font-show{animation: yq-hide 0.3s linear; animation-fill-mode: forwards;pointer-events: none;}

.yq-open .xz_sanjiao{transform:rotate(180deg);-ms-transform:rotate(180deg); 	/* IE 9 */
			-moz-transform:rotate(180deg); 	/* Firefox */
			-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
			-o-transform:rotate(180deg); }

	@keyframes yq-show /* Safari 和 Chrome */
		{
			from { bottom: 45px; opacity: 0;}
			to {bottom: 40px; opacity: 1;}
		}
		@keyframes  yq-hide /* Safari 和 Chrome */
		{
			from { bottom: 40px; opacity: 1;}
			to{bottom: 45px; opacity: 0;}
		}
	.x-font img{margin-top: -25px;}
	.x-font h3{color: #ffffff;font-size: 28px;display: inline-block;line-height: 75px;}
	.x-font{text-align: center;padding-top:25px;display:flex;justify-content:center;align-items:center;}
	
	.font-footer{color: #ffffff;font-size: 14px;line-height: 2;}
	.font-footer span{font-size:20px ;}
	.font-footer div{padding: 10px 0;}	
	
	.link-img li{float: left;width: 50%;padding: 5px 0;}
	.link-img li i.pic-size{padding-bottom: 30.5%;}
	.link-img{overflow: hidden;}
	.footer .more{border: none;color: #fff;text-align: center;}
	.footer .more a{color: #fff;font-size:14px;}
	
	.swiper-footer{ width:100%;}
}
@media screen and (min-width: 992px) {
	.box-set{padding-left: 10px;}
	.footer-copy{height: 50px;line-height: 50px;padding: 0;overflow: initial;}
	.x-font{text-align: left;}
	.x-font img{padding:0 15px;}
	.x-font h3{font-size: 40px;}
	.font-footer{padding-top: 25px;}
	.font-footer div{padding: 5px 0;}
	.link-img{width: 380px;}
	.link-img{margin: -5px 0;}
	.link-img li{padding: 5px 0px;}
	.footer .more{margin: 0 auto;padding-top: 20px;height: auto;line-height: auto;}
	.select-box{width: 170px;text-align: left;margin-left: 10px;margin-top: 10px;}
	
	.swiper-footer{ width:380px;}
}


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


@media screen and (min-width: 1400px) and (max-width:1680px){}
@media screen and (min-width: 991px) and (max-width:1480px){}
@media screen and (min-width: 991px) and (max-width:1360px){}
/***
 * 
 * footer.css
 * 
 */