﻿@charset "utf-8";
/*当页面小于992px的时执行下面的CSS*/
@media screen and (max-width: 992px){
.foot{width:100%; height:auto; margin-top:30px; padding:40px 0; color:#d9d9d9; background:#3d3d3d url(../images/foot2m.jpg) no-repeat left top; overflow:hidden}
.foot a{color:#d9d9d9;}
.foot a:hover{ color:#e1b364}

.foot_box{ overflow:hidden}
.foot_box .l{ width:65%; height:auto; margin:0 auto; text-align:center}
.foot_box .l img{max-width:100%; height:auto}

.foot_box .r{width:40%; height:auto; margin:0 auto; text-align:center; margin-top:30px;}
.foot_box .r img{max-width:100%; height:auto}
.foot_box .r span{ display:block; text-align:center; margin-top:10px}

.foot_box .c{width:90%; height:auto; margin:0 auto; margin-top:20px; overflow:hidden}
.foot_box .c .div1{width:100%; height:auto; display:flex; display: -webkit-flex; /*启用弹性布局*/ flex-direction:row;/*从左到右排*/}
.foot_box .c .div2{width:100%; height:auto; margin-top:26px; text-align:center}
.foot_box .c .div2 h5{ font-size:0.17rem; font-weight:bold}
.foot_box .c .div2 h6{ font-size:0.17rem; font-weight:400; margin-top:10px}
.foot_box .c .div2 p{ margin-top:10px}

.foot_box .c .div1 div{width:100%; height:auto; text-align:center}
.foot_box .c .div1 h6{font-size:18px; font-weight:400; position:relative;}
.foot_box .c .div1 h6:before{content: ""; width:70px; height:1px; background-color:#d9d9d9; 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_ul li a{ display:block;}
}

/*当页面大于992px时候*/
@media screen and (min-width:992px){
.foot{width:100%; height:auto; margin-top:50px; padding:50px 0; color:#d9d9d9; background:#3d3d3d url(../images/foot2.jpg) no-repeat left top; overflow:hidden}
.foot a{color:#d9d9d9;}
.foot a:hover{ color:#e1b364}

.foot_box{position:relative;}
.foot_box .l{position:absolute; left:0; top:0; width:16%; height:auto;}
.foot_box .l img{max-width:100%; height:auto}

.foot_box .r{position:absolute; right:0; top:0; width:9%; height:auto;}
.foot_box .r img{max-width:100%; height:auto}
.foot_box .r span{ display:block; text-align:center; margin-top:10px}

.foot_box .c{width:68%; height:auto; margin:0 auto; overflow:hidden}
.foot_box .c .div1{float:left; margin-left:40px; width:36%; height:auto; display:flex; display: -webkit-flex; /*启用弹性布局*/ flex-direction:row;/*从左到右排*/}
.foot_box .c .div2{float:right; width:55%; height:auto;}
.foot_box .c .div2 h5{ font-size:20px; font-weight:bold}
.foot_box .c .div2 h6{ font-size:18px; font-weight:400; margin-top:10px}
.foot_box .c .div2 p{ margin-top:10px}

.foot_box .c .div1 div{width:100%; height:auto; text-align:center}
.foot_box .c .div1 h6{font-size:18px; font-weight:400; position:relative;}
.foot_box .c .div1 h6:before{content: ""; width:70px; height:1px; background-color:#d9d9d9; 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_ul li a{ display:block;}
}

/* 移动端底部专用 */
.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 */