﻿@charset "utf-8";
/*当页面小于992px的时执行下面的CSS*/
@media screen and (max-width: 992px){
	.foot{ width:100%; height:auto; margin-top:30px; padding:30px 0; color:#FFFFFF; border-top: 5px solid #c9151e; background-color:#222}
	.foot a{color:#FFFFFF}
	.foot a:hover{ color:#FFCC00}
	
	.foot_box{width:90%; height:auto; margin:0 auto; overflow:hidden}
	.foot_box .l{ display:none}
	.foot_box .c{width:100%; height:auto;}
	.foot_box .r{ width:100%; height:auto; text-align:center; margin-top:40px}
	.foot_box .r img{width:150px; height:auto}
	.foot_box .r p{text-align:center; line-height:36px}
	
	.foot_foot{width:100%; height:auto; overflow:hidden; text-align:center}
	.foot_foot span{ display:block; color:#999}
	.foot_foot b{ display:block; font-size:24px; padding:15px 0}
	.foot_foot li{line-height:32px;}
}

/*当页面大于992px时候*/
@media screen and (min-width:992px){
	.foot{width:100%; height:auto; margin-top:30px; padding:60px 0; color:#FFFFFF; border-top: 5px solid #c9151e; background-color:#222}
	.foot a{color:#FFFFFF}
	.foot a:hover{ color:#FFCC00}
	
	.foot_box{overflow:hidden}
	.foot_box .l{ float:left; width:43%; height:auto;}	
	.foot_box .c{ float:left; margin-left:5%; width:35%; height:auto;}	
	.foot_box .r{ float:right; width:8%; height:auto;}
	.foot_box .r img{width:100%; height:auto}
	.foot_box .r p{text-align:center; line-height:50px}
	
	.foot_text{width:100%; height:auto; display:flex; display: -webkit-flex; /*启用弹性布局*/ flex-direction:row;/*从左到右排*/}
	.foot_text div{width:100%; height:auto; text-align:left; }
	.foot_text h6{ color:#FFFFFF; font-size:18px; font-weight:400;}
	
	.foot_ul{width:100%; height:auto; color:#FFFFFF; margin-top:20px}
	.foot_ul li{ line-height:27px; color:#FFFFFF}
	.foot_ul li a{ display:block; color:#FFFFFF}
	
	.foot_foot{width:100%; height:auto; overflow:hidden;}
	.foot_foot span{ display:block; color:#999}
	.foot_foot b{ display:block; font-size:24px; padding:15px 0}
	.foot_foot li{line-height:32px;}
}

/* 移动端底部专用 */
.foot_height{height:0.5rem;}
.footer{width:100%; height:0.6rem; overflow:hidden; position:fixed; bottom:0; right:0; z-index:999; background-color:#c9151e; 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:#e44149; 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 */