@charset "utf-8";
/* footer */
.footer-links{padding:20px 0; background: #3E76C0; }
.footer-links .hd ul{margin: 0 -10px;}
.footer-links .hd ul li{float: left; width: 25%; /*width: 16.666667%;*/}
.footer-links .hd ul li a{position: relative; z-index:5; display: block; text-align: center;margin: 0 10px; line-height: 30px; height: 33px; font-size: 14px;color: #fff;background: url(../images/public/footer_links_libg.png) center center repeat;}
.footer-links .hd ul li a:hover{color: #fff;}
.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/icon_links_white.png) no-repeat; opacity: 1; margin-left: 20px; transition: .3s all;position: absolute;right: 15px;top: 50%;margin-top: -4px;}
.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/icon_links_blue.png);}
.footer-links .hd ul li.hs.on a{background: #f2f9ff; color: #008fff;}
.footer-links .bd ul{padding:14px 0 16px; margin: 0 -5px; overflow: hidden; display: none;}
.footer-links .bd ul li{float: left; width: 20%;}
.footer-links .bd ul li h4{margin: 0 5px; margin-bottom: 5px; 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; background: #f4f7f8; 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: #008fff;}

.footer{background: #005197 url(../images/public/footer_bg.png) right bottom no-repeat;padding:30px 0;}
.footer .container{position: relative; min-height: 100px;}
.footer-row{margin:0 -14px;}
.footer-item-box{width: 33.333%;float: left;}
.footer-item-box a{color: #fff;}
.footer-item{margin:0 14px;padding:20px 25px;height: 146px;background: url(../images/public/footer_item_bg.png) repeat;}
.footer-wzbs-zfzc ul li{float: left;width: 25%;text-align: center;}


.footer-wzbs-zfzc ul li img{display: inline-block;vertical-align: middle;max-height: 80px;}
.footer-wzbs-zfzc ul{position: relative;height: 80px;}
.slh{    margin-top: 12px;
}
.slh a img{
height: 41px;
margin-left: 20px;
background-color: #fff;
}
/* .footer-wzbs-zfzc ul:after{content: "";width: 1px;height: 55px;position: absolute;left: 47%;top: 13px;background: #D8D8D8;} */
.footer-zfzc {padding-top:13px;}
.footer-info{font-size: 0.9125em;color: #fff;line-height: 2em;margin-top: 8px;}
.footer-lxwm-wzdt{padding:10px 0 20px 0;}
.footer-lxwm-wzdt ul li{float: left;font-size: 1em;font-weight: bold;color: #fff;padding-right: 15px;border-right:1px solid #D8D8D8; margin-right: 15px;}
.footer-lxwm-wzdt ul li.footer-wzdt{border-right: 0;padding-right: 0;margin-right: 0;}
.footer-xmtjz{font-size: 1em;font-weight: bold;text-align: center;border-bottom: 1px solid #d8d8d8;padding:10px 0 20px 0;}
.footer-xmtjz i{display: inline-block;width: 26px;height: 26px;background: url(../images/public/footer_xmtjz_icon.png) center center no-repeat;vertical-align: middle;margin-right: 15px;}
.footer-kcs{text-align: center;color: #fff;margin-top: 14px;position: relative;}
.footer-kcs i{display: inline-block;width: 78px;height: 78px;background: url(../images/public/footer_kcs_icon.png) center center no-repeat;
vertical-align: middle;margin-right: 20px;background-size: 100% 100%;}
.footer-kcs .footer-kcs-ewm{position: absolute;position: absolute;right: 0;left: 0;bottom: 60px;z-index: 99;display: none;box-shadow: 0 0 15px #ccc;color: #333;}
.footer-kcs:hover .footer-kcs-ewm{display: block;}
.footer-kcs .footer-kcs-ewm-box{padding: 15px;text-align: center;background-color: #fff;filter: alpha(opacity=99);-moz-opacity: 0.97;opacity: 0.97;}
.footer-kcs .footer-kcs-ewm-box:after{position:absolute; bottom:-5px; left:50%; content:""; width:10px; height:10px;-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); background-color:#fff;}


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

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

	
}

@media (max-width: 1080px) {
	
	.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;}
}

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

@media (max-width: 991px) {
	.footer-item{padding:20px 15px;}
}



/* xs mobile*/
@media (max-width: 768px) {
	.footer-links .hd ul li, .footer-links .bd ul li{width:50%;}
	.footer-item-box{width: 50%}
	.footer-item-box.box3{width: 100%;margin-top: 20px;}

}


@media (max-width: 480px) {
	.footer-links .bd ul{padding-bottom: 0;}
	.footer-item-box{width: 100%}
	.footer-item-box.box2{margin-top: 20px;}
	
}

@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;}
}
