@charset "utf-8";
/* footer */
.footer-links{padding:20px 0; background: #f5f6f8; border-top: #014586 6px solid; border-bottom: #E3E3E3 1px solid;}
.footer-links .hd ul{margin: 0 -5px;}
.footer-links .hd ul li{float: left; font-size: 1.25em;}
.footer-links .hd ul.col3 li{width: 33.333333%;}
.footer-links .hd ul.col4 li{width: 25%;}
.footer-links .hd ul li a{position: relative; z-index:5; display: block; text-align: center; margin: 0 5px; line-height: 42px; height: 42px; border-radius: 4px; color:#666666;}
.footer-links .hd ul li a:hover{color: #1F5EAB;}
.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: 12px; height: 9px; background: url(../images/public/footer_links_arrow.png) no-repeat; background-size: 100% 100%; 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; background-image: url(../images/public/footer_links_arrow_blue.png); opacity: 0.6;}
.footer-links .hd ul li.hs.on a{color: #1F5EAB;}
.footer-links .bd{font-size: 1.125em;}
.footer-links .bd ul{padding:14px 0 16px; margin: 0 -5px -5px; overflow: hidden; display: none;}
.footer-links .bd ul li{float: left; padding:0 5px; box-sizing: border-box; margin-bottom: 5px;}
.footer-links .bd ul li a{display: block; padding:10px;font-weight: normal; line-height:1.6em; overflow:hidden;  background: rgba(204,204,204,.2); border-radius: 3px; 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: rgba(204,204,204,.3); color: #333;}


@media (max-width: 1280px) {
	body:not(.nores) .footer-links{padding: 10px 0;}
	body:not(.nores) .footer-links .bd ul{padding: 10px 0;}
}

@media (max-width: 1280px) {
	body:not(.nores) .footer-links{padding: 20px 0;}
	body:not(.nores) .footer-links .hd ul li a span{display: block; text-align: left; max-width: 80%; margin: 0 auto;}
	body:not(.nores) .footer-links .hd ul li.hs a:after{position: absolute; margin-top: -3px; right: 20px; top: 50%;}
	body:not(.nores) .footer-links .bd ul li a{text-align: left; padding-left: 20px; padding-right: 20px;}
}

@media (max-width: 768px) {

}

@media (max-width: 480px) {
	body:not(.nores) .footer-links .bd ul{padding-bottom: 0;}
	body:not(.nores) .footer-links > .container{margin: 0;}
	body:not(.nores) .footer-links .hd ul{margin: 0;}
	body:not(.nores) .footer-links .hd ul li a{margin: 0; padding: 0 15px;}
	body:not(.nores) .footer-links .hd ul li a span{max-width: none;}
	body:not(.nores) .footer-links .hd ul li.hs a:after{right: 15px;}
	body:not(.nores) .footer-links .bd ul li a{padding-left: 15px; padding-right: 15px;}
}

.footer{position: relative; padding: 30px 0; color: #808080; font-size: 1.125em; background: #F5F6F7;}
.footer .row > div{padding-top: 10px; padding-bottom: 10px;  height: 128px; box-sizing: border-box;}
.footer a{color: #808080;}
.footer a:hover{color: #333;}
.footer-nav{margin-bottom: 10px;}
.footer-nav .split{margin: 0 10px;}
.footer-txt{margin-bottom:10px}
.footer-copyright{line-height:2;}
.footer-wzbs{text-align: center;}
.footer-wzbs img{vertical-align: middle;}
.footer-wzbs #_span_jiucuo{margin-left: 10px;}
.footer-wzbs #_span_jiucuo img{height: 58px; background: #e3e3e3;}
.footer-wzbs #_span_wzafw img{height: 58px;}
.footer .line{position: relative;}
.footer .line:before{content: ''; width: 1px; position: absolute; left: 0; top: 10px; bottom: 10px; background: #e3e3e3;}
.footer-wzbs{padding-top: 12px;}
.footer-c, .footer-copyright{padding-left: 40px;}
.footer-c{padding-top: 7px;}

/*responsive*/
@media (max-width: 1280px) {
	body:not(.nores) .footer{text-align: center;}
	body:not(.nores) .footer .line:before{display: none;}
	body:not(.nores) .footer-c, 
	body:not(.nores) .footer-copyright{padding: 0;}
	body:not(.nores) .footer .row > div{height: auto;}
	.footer-wzbs{padding-top: 0;}
}

@media (max-width: 992px) {
}


/* xs mobile*/
@media (max-width: 768px) {
	
}


@media (max-width: 480px) {
	body:not(.nores) .footer{padding: 20px 0;}
}

@media (max-width: 414px) {
}

@media (max-width: 360px) {
}