@charset "utf-8";
/*当页面小于992px的时执行下面的CSS*/
@media screen and (max-width: 992px){
.foot{width:100%; height:auto; margin-top:30px; padding:30px 0; background-color: #333; color:#FFFFFF; border-bottom: 1px solid #262626;}
.foot a{color:#FFFFFF}
.foot a:hover{ color:#FFCC00}

.foot_text{display:none}

.foot_box{overflow:hidden}
.foot_box .l{ display:none}
.foot_box .r{width:100%; height:auto; text-align:center;}
.foot_box .r p{ color:#999}
.foot_box .r em{ display:block; font-weight:bold; font-size:0.2rem; line-height:0.5rem; color:#F3F3F3}
.foot_box .r span{display:block; width:45%; height:auto; margin-top:10px}
.foot_box .r span img{max-width:100%; height:auto}

.foot_foot{width:100%; height:auto; font-size:0.12rem; border-top:0.5px solid #404040; color:#fff; text-align:center; background-color: #333; padding:10px 0 20px 0}
.foot_foot li{line-height:0.3rem;}
.foot_foot li a{color:#fff;}
/*********footer*********/
}

/*当页面大于992px时候*/
@media screen and (min-width:992px){
.foot{width:100%; height:auto; margin-top:50px; padding:50px 0; color:#b7b6b6; background: #343434;}
.foot a{color:#b7b6b6}
.foot a:hover{ color:#00FF00}

.foot_box{position:relative;}
.foot_box .l{position:absolute; left:0; top:0; width:13%; height:auto;}
.foot_box .l img{max-width:100%; height:auto}

.foot_box .r{position:absolute; right:0; top:0; width:13%; height:auto;}
.foot_box .r img{max-width:100%; height:auto}

.foot_text{width:55%; height:auto; margin:0 auto; display:flex; display: -webkit-flex; /*启用弹性布局*/ flex-direction:row;/*从左到右排*/ border-left: 1px solid #666; border-right: 1px solid #666;}
.foot_text div{width:100%; height:auto; text-align:center}
.foot_text h6{font-size:18px; font-weight:400; position:relative;}
.foot_text h6:before{content: ""; width:70px; height:1px; background-color:#b7b6b6; position:absolute; left:0; right:0; top:33px; margin:0 auto}

.foot_ul{width:100%; height:auto; margin-top:20px}
.foot_ul li{ line-height:27px;}

.foot_foot{width:100%; height:auto; font-size:12px; border-top: 1px solid #ccc; color:#333333; text-align:center; background-color:#FFF; padding:10px 0}
.foot_foot li{line-height:30px;}
/*********footer*********/
}

/* 移动端底部专用 */
.foot_height{height:0.5rem;}
.footer{width:100%; height:0.6rem; overflow:hidden; position:fixed; bottom:0; right:0; z-index:999; background-color:#0068bd; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.footer li{float:left; width:25%; height:auto; position:relative}
.footer li:before{content: ""; width:1px; height:0.3rem; background-color:#047ddf; position:absolute; right:0; top:0.15rem}
.footer li:nth-child(4):before{ display:none}
.footer li a{display:block}
.footer li span{display:block; width:100%; height:0.26rem; padding-top:0.07rem; text-align:center;}
.footer li span img{height:100%}
.footer li p{width:100%; height:0.26rem; line-height:0.26rem; text-align:center; font-size:0.12rem; font-weight:100; color:#fff;}
/* 移动端底部专用_end */