@charset "utf-8";
/* footer 开始*/
.footer-nav { background-color: #666; padding: 22px 0 30px; }

.footer-nav li { border-bottom: 1px solid #fff; padding: 5px 10px; }

.footer-nav li h3 { color: #fff; font-size: 16px; line-height: 40px; position: relative; }

.footer-nav li h3:after { content: '+'; display: block; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; width: 14px; text-align: center; }

.footer-nav li h3.cur:after { content: '-'; }

.footer-nav li p { display: none; }

.footer-nav li a { color: #d9d9d9; display: block; line-height: 40px; }

.footer-qrcode { width: 142px; height: 150px; margin: 30px auto 0; border: 1px solid #fff; text-align: center; color: #fff; font-size: 16px; }

.footer-qrcode img { width: 88px; height: 88px; display: block; margin: 15px auto; }

.myfooter401 a:hover { color: #0b8787; }

.myfooter401 dl dd, .myfooter401 dl dt { color: #FFFFFF; opacity: 0.65; }

.myfooter401 dl dt a { color: #FFFFFF; }

@media (min-width: 1024px) { .footer-nav-list { float: left; border-right: 1px solid #999; padding-right: 105px; min-height: 150px; }
  .footer-nav li h3:after { display: none; }
  .footer-nav li { border-bottom: none; float: left; padding-right: 50px; padding-left: 0; text-align: center; }
  .footer-qrcode { float: right; margin-top: 0; }
  .footer-nav li { padding-top: 0; }
  .footer-nav li h3 { line-height: 24px; padding-bottom: 3px; }
  .footer-nav li a { line-height: 24px; } }

@media (min-width: 1200px) { .footer-nav li { padding-right: 85px; }
  .footer-nav-list { padding-right: 100px; } }

.mybacktop { position: fixed; right: 20px; bottom: 10%; width: 50px; height: 50px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: none; background-color: #000000; z-index: 100; }

.mybacktop:after { display: block; content: ""; width: 6px; height: 6px; border-left: 2px solid #ffffff; position: absolute; left: 50%; top: 50%; margin: -3px 0 0 -3px; border-bottom: 2px solid #ffffff; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

@media (max-width: 640px) { .myfooterxs-block { display: block; } }

@media (min-width: 992px) { .myfooter401 dl dt { float: left; }
  .myfooter401 dl dd {  } }

@media (min-width: 1800px) { .myfooter401 dl { padding: 23px 0; } }


/*20180510*/
@media(min-width:1024px) {
    .footer-nav-list { padding-right:0;}
    .footer-nav li { padding-right:30px;}
}

@media(min-width:1200px) {
    .footer-nav li { padding-right:50px;}
}

@media(min-width:1440px) {
    .footer-nav li { padding-right:56px;}
}

.myfooterxs-block a{ color:#fff;  }