@charset "utf-8";
/* footer */
.footer-links{padding:10px 0; background: #c5e5fe; border-top: #e1dedb 1px solid; border-bottom: #e1dedb 1px solid;}
.footer-links .container{position: relative;}
.footer-links .hd ul{margin: 0 -5px;}
.footer-links .hd ul li{float: left; width: 20%; /*width: 16.666667%;*/}
.footer-links .hd ul li a{position: relative; z-index:5; display: block; background: #fff; text-align: center; margin: 0 5px; line-height: 50px; height: 50px; border-radius: 4px; font-size: 1.125em;}
.footer-links .hd ul li a:hover{color: #000;}
.footer-links .hd ul li a span{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.footer-links .hd ul li.hs a:after{content: ''; margin-top: 3px; width: 14px; height: 8px; background: url(../images/common/icon_links_gray.png) no-repeat; opacity: .8; margin-left: 20px; transition: .3s all;}
.footer-links .hd ul li.hs a:after,
.footer-links .hd ul li a span{display: inline-block; vertical-align: middle;}
.footer-links .hd ul li.on a:after{transform: rotate(-180deg); opacity: 1;}
.footer-links .hd ul li.hs.on a:after{background-image: url(../images/common/icon_links_blue.png);}
.footer-links .hd ul li.hs.on a{background: #f2f9ff; color: #1369c6;}
.footer-links .bd{position: absolute; bottom: 51px;background-color: #fff; width: 100%;z-index: 99;    box-shadow: 2px 2px 8px rgb(0 0 0 / 10%), -2px -2px 8px rgb(0 0 0 / 10%);}
.footer-links .bd ul{padding:14px 0 16px; margin: 0 -5px; overflow-x: auto; display: none; height: 175px;}

.footer-links .bd ul::-webkit-scrollbar {width: 8px;}
.footer-links .bd ul::-webkit-scrollbar-thumb { border-radius: 8px; background: #45a1db;}
.footer-links .bd ul::-webkit-scrollbar-track {border-radius: 8px;background: #f5f3f0;}

.footer-links .bd ul li{float: left; width: 20%;}
.footer-links .bd ul li h4{margin: 0 5px; margin-bottom: 2px; font-size:0.9375em; font-weight: normal; line-height:1.6em; overflow:hidden; vertical-align:top;}
.footer-links .bd ul li a{display: block; padding:5px; border-radius: 5px; text-align: center; color: #666; max-width:100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; transition: .3s all;}
.footer-links .bd ul li a:hover{background: #fff; color: #1369c6;}

.footer{background: #3a8ce0;padding:50px 0px 20px;}
.footer .container{position: relative; min-height: 100px;}
.footer .container .item{ float: left;background: #529ae4; height: 104px;width: 13.2%;color: #fff;margin-left: 20px;padding: 10px 0;}
.footer .item a{color: #fff;}
.footer .split{margin: 0 15px;}
.footer .mar{margin-right:15px;}
.footer-wzbs img{vertical-align: middle;}
.footer .item.footer-copyright{width: 26%}
.footer .item.footer-copyright span{display: block;padding:5px 19px}
.footer .item.footer-link a{display: block;text-align: center;font-size: 1.125em;}
.footer .item.footer-link a img{margin: 20px 0 10px;}
.footer .item.footer-link span{display: block;}

.footer-wzbs {text-align: center;}
.footer-wzbs a{display: block;}
.footer-wzbs img{vertical-align: middle;}
.footer-wzbs .jiucuo img{margin-top: 26px;}
.footer-wzbs .dzjg img{margin-top: 10px;}
.footer-wzbs.wzaslh img{width: 110px;margin-top: 30px;}

.footer-baxx{color:#fff;margin-top: 20px;}
.footer-baxx a{color:#fff}
.footer .container .item.mr-0{margin-left: 0;}


/*common responsive*/
@media (max-width: 1480px) {
	.footer-links .hd ul li a{font-size: 1em;}
}


@media (max-width: 1280px) {
	.footer-links{padding: 10px 0;}
	.footer-links .bd ul{padding: 10px 0;}
	.footer{padding-bottom: 20px;}
	.footer-wzbs{position: static; margin-top: 0; text-align: center;}
	.footer-copyright{padding:30px 0 10px; text-align: center;}

	.footer .item.footer-copyright{width: 69%;}
	.footer .container .item.dzjg-mar{margin: 0px;}
	.footer .container .item.footer-wzbs{width: 31.8%;margin-top: 20px;}
	.footer-links .bd{position: initial;}
}

@media (max-width: 1080px) {
	.footer-links .hd ul li,
	.footer-links .bd ul li{width: 33.333333%;}
	.footer-links .hd ul li a span{display: block; text-align: left; max-width: 80%; margin: 0 auto;}
	.footer-links .hd ul li.hs a:after{position: absolute; margin-top: -3px; right: 20px; top: 50%;}
	.footer-links .bd ul li a{text-align: left; padding-left: 20px; padding-right: 20px;}
	
	.footer{padding: 10px 0px 20px;text-align: center;}
	.footer .container .item.footer-link{display: none;}
	.footer .container .item{background: none;float: none;width: auto; height: auto;padding: 0;}
	.footer .container .item.footer-wzbs{width: 30%;margin-top: 0px;display: inline-block;}
	.footer-wzbs .wzaslh img{margin-top: 23px;}
	.footer-links .hd ul li{margin-bottom: 20px;}
}

@media (max-width: 1023px) {
	.footer-links{padding: 20px 0;}
}



/* xs mobile*/
@media (max-width: 768px) {
	.footer-links .hd ul li, .footer-links .bd ul li{width:50%;}
	.footer .container .item.footer-wzbs{width: 20%;}
	.footer .mar{margin-right: 0;display: block;margin: 5px 0;}
	.footer-links .hd ul li{margin-bottom: 10px;}
	
}


@media (max-width: 480px) {
	.footer-links .bd ul{padding-bottom: 0;}
	.footer-copyright{line-height: 2;}
	.footer-copyright .split{margin: 0 10px;}
	
}

@media (max-width: 414px) {
	.footer-links > .container{margin: 0;}
	.footer-links .hd ul li, .footer-links .bd ul li{width: 100%;}
	.footer-links .hd ul{margin: 0;}
	.footer-links .hd ul li{padding: 0 10px; box-sizing: border-box;}
	.footer-links .hd ul li a{margin: 0; padding: 0 10px;}
	.footer-links .hd ul li a span{max-width: none;}
	.footer-links .hd ul li.hs a:after{right: 10px;}
	.footer-links .bd ul li h4{padding: 4px 0;}
}