footer,


@media (min-width: 768px) and (max-width: 991px) {
}
@media (max-width: 767px) {
 
}
/*footer*/
footer {background: #183883;}
footer .top {padding: 20px 0;border-top: 1px solid #000;min-height:200px;}
footer .top .left {padding-top:20px;width: 50%;}
.place.column.right.fr.clearfix {padding-top: 20px;}
footer .top .linkBox {width: 200px;height: 40px;background: #1e1e1e;cursor: pointer;/*padding-left: 15px; */
  line-height: 40px;font-size: 14px;color: #fff;margin-right: 3px;position: relative;}
footer .top .linkBox p {font-size: 16px;color: #fff;}
footer .top .linkBox .hide {position: absolute;top: -131px;left: 30px;}
footer .top.linkBox p {display: inline-block;width: 80px;height: 31px;overflow: hidden;}
footer .top .linkBox .hide a {display: block;width: 200px;height: 31px;overflow: hidden;color: #747678;transition: 0.5s;}
footer .top .linkBox .hide a:hover {color: #f36f21;}
footer .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #f36f21;}
footer .top .footer_menu{padding-bottom: 15px;}
footer .top .footer_menu nav {margin: 0 auto; text-align: center;}
footer .top .footer_menu nav a {display: inline-block;font-size: 14px;color: #fff;
width: 14.28%;}
footer .top .footer_menu nav a:hover {text-decoration: underline;}

footer .top .left nav {margin-top: 20px;}
footer .top .left nav a {display: inline-block;font-size: 14px;color: #fff;margin-right: 20px;}
footer .top .left nav a:hover {text-decoration: underline;}
/*footer .top .right {width: 48%;padding-left: 60px;padding-top:10px;}*/
footer .top .right i {display: block;width: 100px;height: 100px;position: relative;float: left;margin-right: 20px;}
footer .top .right ul li {height: 25px;width: 360px;line-height: 25px;font-size: 14px;color: #fff;padding-left: 30px;margin-bottom: 13px;}
footer .top .right ul li a {font-size: 14px;color: #fff;}
footer .top .right ul li a:hover {text-decoration: underline;}
footer .bottom {padding: 10px 0;text-align: center;font-size: 12;color: #999;}
footer .bottom i {display: inline-block;width: 20px;height: 20px;position: relative;vertical-align: middle;}
footer .bottom p {line-height: 20px;}
footer .bottom a.map {color: #999;text-decoration: underline;}
footer .bottom a.map:hover {color: #f36f21;}
footer .top .footer_menu nav a {width: 24%;}
@media (min-width: 991px) and (max-width: 1205px) {footer .top .left nav a {  margin-right: 10px;}
  footer .top .right {  padding-left: 20px;}
  footer .top .right i {  margin-right: 20px;}
  footer .top .right ul {  width: 80%;}
  footer .top .right ul li {  width: 100%;}
}
@media (min-width: 768px) and (max-width: 991px) {footer .top .left nav a {  margin-right: 8px;}
  footer .top .left {  width: 100%;float: none;margin: 0 auto;/*overflow: hidden;*/
    margin-bottom: 15px;}
  footer .top .linkBox {  float: left;}
  footer .top .left nav {  float: left;margin-top: 8px;margin-left: 30px;}
  footer .top .right {  padding-left: 0px;width: 100%;float: none;padding-left: 100px;margin: 0 auto;}
  footer .top .right i {  margin-right: 20px;}
  footer .top .right ul {  width: 70%;}
  footer .top .right ul li {  width: 90%;}
}
@media (max-width: 767px) {footer .top {  padding: 10px 0;}
  footer .top .left {  display: none;}
  footer .top .right {  float: none;width: 100%;padding-left: 0;}
  footer .top .right ul {  width: 100%;}
  footer .top .right ul li {  width: 100%;text-align: center;background: #848484 !important;padding: 0;margin-bottom: 0px;height: auto;}
  footer .top .right i {  display: block;float: none;margin: 0 auto 10px;}
  footer .bottom p {  text-align: center;}
  footer .bottom a.map {  display: block;margin: 0 auto;}
}
  footer .top .ft_text{margin: 0 auto;width: 80%;text-align: left;color:#ddd;font-size: 14px;line-height: 26px;}
  footer .top .ft_text a{color:#ddd;}
  footer .top .ft_text a:hover{color:#fff;}
  footer .top .ft_banquan{	
	margin: 0 auto;width: 100%;text-align: center;color:#fff;font-size: 14px;line-height:2;}


img.vcenter {  width: 100%;height: 100%;}
a.yl {  color: #f1f1f1;padding-left: 1px;line-height: 30px;}
a.yl:hover {  color: red;}

footer .top .linkBox {  width: 200px;height: 40px;background: #686868 url( ../image/link.png) no-repeat 170px center;cursor: pointer;    
    line-height: 40px;font-size: 14px;color: #fff;margin-right: 3px;position: relative;}
footer .flink .title {  display: block;padding-left: 4px;width: 155px;height: 30px;  margin-top: 6px;border-right: 1px solid #e1e1df;text-align: center;color: #fff;}
footer .flink .foptn {  width: 100%;bottom: 5px;/* left: -1px; */z-index: 99;position: absolute;display: none;background: rgba(0,0,0,0.1);;}

.overflowno {  overflow: initial;}
.flink:hover .foptn {  display: block;}

/* toolBar */
@media screen and (max-width:1023px) {
#foottoolbar{color:#fff;text-align:center;width:100%;height:65px;float:left;position:fixed;bottom:0;left:0;z-index:10000;background:#ff0000;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ff0000), to(#ff0000));}
#foottoolbar ul{margin: 0px;padding: 0px;}
#foottoolbar li{float:left;width:25%;height:63px;background:url(/mcode/dfloat/f_li.png) no-repeat left center;}
#foottoolbar li.t_first{background:none;}
#foottoolbar a{width:100%;height:24px;color:#fff;display:block;padding:30px 0 0 0;line-height:24px;font-size:14px;}
.f1{background:url(/mcode/dfloat/f1.png) no-repeat center 8px; background-size:20px 20px}
.f2{background:url(/mcode/dfloat/f2.png) no-repeat center 8px;background-size:20px 20px}
.f3{background:url(/mcode/dfloat/f3.png) no-repeat center 8px;background-size:20px 20px}
.f4{background:url(/mcode/dfloat/f4.png) no-repeat center 8px;background-size:20px 20px}
.f5{background:url(/mcode/dfloat/f5.png) no-repeat center 8px;background-size:20px 20px}
.f6{background:url(/mcode/dfloat/f6.png) no-repeat center 8px;background-size:20px 20px}
.f7{background:url(/mcode/dfloat/f7.png) no-repeat center 8px;background-size:20px 20px}
.f5 h3{height: 40px;line-height: 40px;}
.f5 h4{margin: 0px;height: 45px;line-height: 45px;}
.f5 p{background: url(/mcode/dfloat/wwxx1.png) 0 2px no-repeat;width: 180px;margin: 0 auto;background-size:33px;padding-left: 45px;font-size: 16px;color: #525252;text-align: center;}
.f5 p span{background: #e8e8e8;padding: 3px 8px;display: inline-block;width: 100%;border-radius: 3px;font-weight: bold;box-sizing: border-box;}
.hidden1{ width:100%;height:65px; float:left; display:block;}
.f5 a{position:relative;}
.f5 div{display:none;color:red;width:100%;height:auto; padding:10px 0;background-color:#FFF;position:absolute;top:-378px;left:0px; margin-bottom:0px;cursor:default;box-shadow:0px -10px 10px #000;}
.f5 img{ width:193px;margin: 0 auto;}
.close {background: orange;color: red;border-radius: 12px;line-height: 20px;text-align: center;height: 20px;width: 20px;font-size: 18px;padding: 1px;top: 20px;right: 20px;position: absolute;}
.close::before {content: "\2716";}
}
@media screen and (min-width:1024px) {
#foottoolbar{ display:none;}
}