﻿@charset "utf-8";
/*当页面小于992px的时执行下面的CSS*/
@media screen and (max-width: 992px){
.foot{height:auto; margin-top:30px; padding:0.2rem 0; color:#FFFFFF; background-color: #f36f2e; line-height: 1;}
.foot a{color:#FFFFFF}

.foot_box{width:90%; overflow:hidden}
.foot_box .l{width:100%; height:auto;}
.foot_box .r{display:none}

.foot_text{width:100%; height:auto; }
.foot_text div{width:100%; height:auto;}
.foot_text h6{ color:#fff; font-size:0.41rem; line-height:1.5rem; border-bottom:1px solid #FFF; background-image: url(../images/foot_jia.png); background-position:center right; background-repeat: no-repeat;}
.foot_text .jianjian {background-image:url(../images/foot_jian.png);}

.foot_ul{width:100%; height:auto; color:#FFFFFF; margin-top:0.5rem; display:none}
.foot_ul li{ line-height:0.9rem; color:#FFFFFF; opacity: 0.6; font-size: 0.4rem; padding-left:1rem}
.foot_ul li a{ display:block; color:#FFFFFF;}
.foot_ul li:hover{opacity: 1;}

.foot_foot{ display:none}

/*********footer*********/
}

/*当页面大于992px时候*/
@media screen and (min-width:992px){
.foot{width:100%; height:auto; margin-top:50px; padding:0.46rem 0; color:#FFFFFF; background-color: #f36f2e; border-bottom: 1px solid #ff9f70; line-height: 1;}
.foot a{color:#FFFFFF}

.foot_box{}
.foot_box .l{ float:left; width:60%; height:auto;}
.foot_box .r{ float:right; width:30%; height:auto; }
.foot_box .r .foot_logo{ width:100%; height:auto; text-align:center}
.foot_box .r .foot_logo img{max-width:100%; height:auto}

.foot_text{width:100%; height:auto; display:flex; display: -webkit-flex; /*启用弹性布局*/ flex-direction:row;/*从左到右排*/ }
.foot_text div{ height:auto; text-align:left; margin-left:0;}
.foot_text h6{ color:#dee3f1; font-size:0.10rem; font-weight:400; position:relative;}
.foot_text h6:before{content: ""; width:40px; height:3px; background-color:#dee3f1; position:absolute; left:0; top:0.17rem}

.foot_ul{width:100%; height:auto; color:#FFFFFF; margin-top:0.2rem}
.foot_ul li{ line-height:27px; color:#FFFFFF; opacity: 0.5; margin-bottom:0.09rem}
.foot_ul li a{ display:block; color:#FFFFFF; font-size:0.09rem}
.foot_ul li:hover{opacity: 1;}

/*底部几个二维码*/
.foot_ewm{
	width:80%; 
	height:auto;
	margin:0 auto;
	margin-top:0.3rem;
	display: flex; /* 使用 Flexbox 布局 */
    justify-content: space-between; /* 间隔均分 */
    align-items: center; /* 垂直居中 */
	flex-direction:row;/*从左到右排*/
	position:relative;
}
.foot_ewm li{
	width: 0.26rem; /* 圆圈宽度 */
    height: 0.26rem; /* 圆圈高度 */
    border-radius: 50%; /* 圆角，使元素呈圆形 */
	overflow:hidden;
	cursor: pointer;
}
.foot_ewm li img{ width:100%; height:auto}
.foot_ewm li:hover img{margin-top: -0.26rem;}

.foot_ewm img{width:100%; height:auto}
.foot_ewm .ewm1{ position:absolute; z-index:9; width:50%; height:auto; bottom:0.3rem; left:-20%; display:none}
.foot_ewm .ewm2{ position:absolute; z-index:9; width:50%; height:auto; left:50%; bottom:0.3rem; display:none; margin-left: -25%; /* 负值为宽度的一半 */}
.foot_ewm .ewm3{ position:absolute; z-index:9; width:50%; height:auto; bottom:0.3rem; right:0; display:none}

.foot_foot{overflow:hidden; padding:0.18rem 0; background-color: #f36f2e; }
.foot_foot li{ text-align:right; font-size: 0.09rem; line-height: 0.2rem; color:#fcbe9f;}
.foot_foot li a{color:#fcbe9f;}
.foot_foot li a:hover{color:#FFFFFF;}
/*********footer*********/
}

/* 移动端底部专用 */
.foot_height{height:1.3rem;}
.footer{width:100%; height:1.49rem; overflow:hidden; position:fixed; bottom:0; right:0; z-index:999; background-color:#f36f2e; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.footer li{float:left; width:50%; height:auto; position:relative}
.footer li:before{content: ""; width:1px; height:0.5rem; background-color:#fff; position:absolute; right:0; top:0.43rem}
.footer li:nth-child(2):before{ display:none}
.footer li a{display:block}
.footer li span{display:block; width:100%; height:0.6rem;  text-align:center;}
.footer li span img{height:100%}
/* 移动端底部专用_end */