@charset "utf-8";
/* footer */
.footer{padding-top: 40px; padding-bottom: 40px; background: #f1f2f3; border-top: 2px solid #e3e4e6;}
.footer-card{padding: 30px; color: #666; height: 110px; background-color: #e9ebeb;}
.footer-card a{color: #666;}
.footer-card a:hover{color: #333;}
.footer-card.copyright{padding-right: 5px; line-height: 1.6em;}
.footer-card.copyright p.en{font-size: .75em;}
.footer-card.dbdh li{float: left; width: 50%; line-height: 2.25em; text-align: center;}
.footer-card.mp{padding-right: 0; padding-left: 0; position: relative;}
.footer-card.mp .wzbs{position: absolute; left: 0; top: 50%; width: 45%; margin-top: -30px; text-align: center;}
.footer-card.mp .wzbs #_ideConac img{height: 60px;}
.footer-card.mp .wzbs #_span_jiucuo img{height: 50px;}
.footer-card.mp .wzbs .slhbb img{height: 50px; background-color: #fff; margin-left: 5px;}
.footer-card.mp dl{width: 55%; margin-left: 45%; text-align: center;}
.footer-card.mp dl dd{display: inline-block; margin-right: 15px; margin-left: 15px; text-align: center;}
.footer-card.mp dl dd div img{width: 90px;}
.footer-card.mp dl dd p{font-size: .875em; margin-top: 10px; white-space: nowrap;}
.footer-card.mp:after{position: absolute; top: 30px; bottom: 30px; left: 47%; content: ""; width: 1px; background-color: #ccc;}
.footer-wzxx{padding: 25px 0; background-color: #e9ebeb;}
.footer-wzxx dl dd{margin-right: -.5em; margin-left: -.5em;}
.footer-wzxx span{display: inline-block; margin-right: .5em; margin-left: .5em;}

/*common responsive*/
@media (max-width: 1480px) {
  .footer-card.mp .wzbs #_span_jiucuo img{height: 40px;}
  .footer-card.mp .wzbs .slhbb img{height: 40px;}
}
@media (max-width: 1280px) {
	.footer{padding: 30px 0;}
	.footer-wzxx{padding: 20px 0;}
	.footer-wzxx dl{text-align: center;}
	.footer-wzxx dl dd{float: none; display: inline-block; line-height: 2em;}
}

@media (max-width: 1200px) {
	.footer .row-space30{margin-right: -5px; margin-left: -5px;}
	.footer .row[class*="row-space"] > [class*="col-"]{float: left; padding-right: 5px; padding-left: 5px;}
	.footer .col-3{ width: 50%;}
	.footer .col-6{ width: 100%; margin-top: 10px;}
	.footer-card{padding: 20px;}
	.footer-card.mp dl{width: 50%; margin-left: 50%;}
	.footer-card.mp .wzbs{width: 50%;}
	.footer-card.mp:after{left: 50%;}
	.footer-card.copyright p.en{font-size: 1em; margin-bottom: .75em;}
}

@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{padding: 15px 0;}
}

@media (max-width: 600px) {
	.footer{padding: 0 0 1px; border-top: none;}
	.footer .container{padding-right: 0; padding-left: 0;}
	.footer .row-space30{margin-right: 0; margin-left: 0;}
	.footer .row[class*="row-space"] > [class*="col-"]{float: none; padding-right: 0; padding-left: 0;}
	.footer .col-3{width: auto;}
	.footer .col-6{ width: auto; margin-top: 0;}
	.footer-card{padding: 15px; height: auto; border-bottom: 1px solid #e2e2e2;}
	.footer-card.dbdh li{width: 33.33333%;}
	.footer-card.copyright{margin-top: 0; text-align: center; display: none;}
	.footer-card.mp dl{display: none;}
	.footer-card.mp .wzbs{position: static; margin-top: 0; width: auto; text-align: center;}
	.footer-card.mp:after{content: normal;}
}

@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;}
}
