﻿@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; line-height:0.6rem; font-size:0.12rem; border-top:0.5px solid #404040; color:#CCC; text-align:center; background-color: #333;}
.foot_foot a{color:#CCC;}
/*********footer*********/
}

/*当页面大于992px时候*/
@media screen and (min-width:992px){
.foot{width:100%; height:auto; margin-top:50px; padding:50px 0; color:#333333; background-color:#FFF; border-top:1px solid #ebebeb}
.foot a{color:#333333}
.foot a:hover{ color:#E4070D}

.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 em{ display:block; font-weight:bold; font-size: 24px; line-height:50px}
.foot_box .r span{display:block; width:75%; height:auto; margin-left:0}
.foot_box .r span img{max-width:100%; height:auto}

.foot_text{width:66%; 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{ color:#333333; font-size:18px; font-weight:400; position:relative;}
.foot_text h6:before{content: ""; width:70px; height:1px; background-color:#2e3759; 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; color:#333333}
.foot_ul li a{ display:block; color:#333333}

.foot_foot{width:100%; height:auto; line-height:60px; font-size:12px; border-top: 1px solid #ccc; color:#707070; text-align:center; background-color:#FFF}
/*********footer*********/
}

/* 移动端底部专用 */
.foot_height{height:0.6rem;}
.footer{width:100%; height:0.6rem; overflow:hidden; position:fixed; left:0; bottom:0; right:0; z-index:999; background-color:#fff; border-top:1px solid #EFEFEF}
.footer li{float:left; width:25%; height:auto;}
.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:#333;}
/* 移动端底部专用_end */