@charset "utf-8";
/* footer */
.footer-links-title{font-size: 1.25em;color:#fff; font-weight: 700;margin:20px 0px}
.footer-links .hd ul{margin: 0 -5px;}
.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; font-weight: bold; margin: 0 5px; line-height: 32px; height: 35px; border-radius: 4px; font-size: 0.87em; border:1px solid #416aa1;border-radius: 50px;color:#fff}
.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: .8; margin-left: 20px; transition: .3s all;background-size: 100%;}
.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: #ffffff; color: #1369c6;}
.footer-links .bd ul{padding:14px 0 16px; margin: 0 -5px; overflow: hidden; display: none;}
.footer-links .bd ul li{float: left; width: 16%;}
.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:10px;  border-radius: 5px; text-align: center; color: #fff; opacity: 0.5; 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{opacity:1;}


.footer{background: #11458a;}
.footer .container{position: relative;}
.footer-copyright{padding:40px 0; color: #fff; line-height: 2.375;text-align: center; margin-left: -120px;}
.footer-copyright .beian{padding-left: 25px; display: inline-block; background: url(../images/beian.png) no-repeat left center;}
.footer-copyright a{color: #fff;}
.footer-copyright a:hover{color: #fff;}
.footer-copyright .split{margin: 0 15px;}
.footer-copyright .mar{margin-right:15px;}
.footer-wzbs{position: absolute; left: 0; top: 50%; margin-top: -40px;}
.footer-wzbs img{vertical-align: middle;}
.footer-wzbs .jiucuo{margin-left: 10px;}
.footer-copyright a,
.footer-copyright span{display: inline-block;}
.footer-menu a{color:#fff}
.footer-menu span{margin:0px 5px}
.footer-menu{position: absolute; right: 0; top: 50%;margin-top: -20px;color:#fff}



/* 左侧导航 */
.quick_bar{position: fixed; left: 20px; top: 50%;z-index: 9999; margin-top: -145px;}
.quick_bar li{margin-top:10px;position: relative;}
.quick_bar li a{display: block; background: rgb(0 0 0 / 33%); width: 48px; height: 48px;border-radius: 50%; cursor: pointer;}
.quick_bar li i{display: block;width: 48px; height: 48px;background-position:center; background-repeat: no-repeat; background-size: 60%;}
.quick_bar li.icon1 i{background-image: url(../images/header-icon1.png);}
.quick_bar li.icon2 i{background-image: url(../images/header-icon2.png);}
.quick_bar li.icon3 i{background-image: url(../images/header-icon3.png);}
.quick_bar li.icon4 i{background-image: url(../images/header-icon4.png);}
.quick_bar li.icon5 i{background-image: url(../images/header-icon5.png);}

.quick_bar li:hover .quick_bar_item{display: block;}
.quick_bar_item{ text-align: center;color:#fff; font-size: 14px}
.quick_bar_item{ position: absolute; background:#547391; padding: 10px; display: none; border-radius: 5px; width: 100px; left: 70px; top: -53px;; }
.quick_bar_item:before {content: '';position: absolute;left: -20px;width: 0;height: 0;border: transparent solid 10px;border-right-color: #547391;z-index:1;margin-right:-8px;top: 50%;margin-top: -12px;}



/*common responsive*/
@media (max-width: 1680px){
	.footer-menu{right: 20px;}
}
@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,.footer-menu{position: static; margin-top: 0; text-align: center;}
	.footer-wzbs img{margin: 0 10px !important;}
	.footer-copyright{padding:10px 0 10px; text-align: center;margin-left: 0px;}

	
}

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

@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%;}
	.quick_bar{display: none;}
}


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